Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

Vite 构建产物体积优化 — measured AI agent skill | DecimalAI

tencentblueking/Vite 构建产物体积优化

NewSkillScoreMaintained

使用 Rollup Visualizer 分析产物，并通过拆包 (Code Splitting) 和 Tree Shaking 减少首屏体积。

Frontendby tencentblueking

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/tencentblueking-vite/SKILL.md

decimalai skills pull tencentblueking-vite --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/tencentblueking-vite/SKILL.md https://app.decimal.ai/s/tencentblueking-vite/SKILL.md

Raw file: /s/tencentblueking-vite/SKILL.md ↗ · machine-readable summary at /s/tencentblueking-vite.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 3h ago

Yes — +5% lift-4% tokens0% turns95% of whole cases pass with skill (21/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-16	✗→✓	▲ Improved	-73%	0%
case-01	✓→✓	＝ Same ✓	-19%	0%
case-02	✓→✓	＝ Same ✓	5%	0%
case-03	✓→✓	＝ Same ✓	-14%	0%
case-04	✓→✓	＝ Same ✓	-14%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

tencentblueking / bk-bcs

bcs-services/bcs-project-manager/.cursor/skills/bundle-optimization/SKILL.md

View on GitHub ↗

License NOASSERTIONImported 8/3/2026Version v1

Skill contents

SKILL.md

Vite 构建产物体积优化

当首屏加载慢 (FCP > 1.5s) 时，通常需要检查 JS Bundle 的体积。

1. 产物分析 (Visualizer)

首先"看见"哪些包最大。

bash
npm install rollup-plugin-visualizer -D

2. 常用优化策略

路由懒加载 (Route Lazy Loading)

这是收益最大的优化点。

❌ import UserList from './views/UserList.vue' ✅ component: () => import('./views/UserList.vue')

依赖分包 (Manual Chunks)

将大型库（ECharts, bkui-vue）单独打包，避免 vendor hash 频繁变化。

按需引入 (Tree Shaking)

❌ import _ from 'lodash' ✅ import debounce from 'lodash-es/debounce'

Gzip 压缩

bash
npm install vite-plugin-compression -D

3. 完整配置模版

> 📦 获取完整 vite.config.ts 配置：skill://bundle-optimization/assets/vite.config.optimization.ts

📦 可用资源

skill://bundle-optimization/assets/vite.config.optimization.ts

> 根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载

Want to see if tencentblueking/Vite 构建产物体积优化 would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.