Research Session · May 12, 2026

Claude Code 探索 之旅

从 Agent View 到 Skill 与 Plugin 的边界,一次关于 Claude Code 能力体系的深度对话。 当常驻加载遇上按需触发,当审美宣言碰撞工程规范。

frontend-design 插件 design-html Skill Agent View
$ claude agents
5 active agents
$ claude plugin install
frontend-design@official
01

Skill & Plugin

两套系统,一个目标。Skill 是按需加载的指令集,Plugin 是常驻后台的能力扩展。 前者像剧本,后者像器官。

Skill · 按需触发

输入 /design-html 才加载。 52KB 完整工作流,从 mockup 到 Pretext-native HTML。 零常驻开销,精准手术。

🔌

Plugin · 常驻加载

每次会话自动注入系统提示。 42 行美学宣言,大胆字体、非对称构图、锐利点缀。 +52 token 常驻成本,潜移默化。

👁

Agent View · 多会话

按 ← 左箭头进入 dashboard。 管理并行会话状态:运行中、等待输入、已完成。 Pro/Max 计划专属,Kimi 中转不可用。

本质差异

维度 frontend-design Plugin design-html Skill
加载机制 常驻加载(每次会话 +52 token) 按需触发(零常驻开销)
代码量 42 行美学指南 52KB+ 完整工程规范
核心能力 审美过滤器(大胆、独特、非对称) 设计工程系统(Pretext 计算布局)
工作流 无——只是系统提示词 6 步流水线:检测 → 分析 → 路由 → 生成
输出质量 取决于 Claude 的审美发挥 精确还原 mockup,文本真重排
生态集成 孤立 深度集成 gstack(timeline、learnings)