给 AI Agent 设计 Skill 补「自动驾驶」：从「能力多」到「好用」
素材来源：Han Design：堆了 20 套主题、10+ 组件，用户还是用不出来？我给设计 Skill 加了「自动驾驶」 | 素材日期：2026-08-05 | 整理日期：2026-08-12
核心观点
- 用户痛点：能力越强（20 套主题、10+ 组件），用户越不会用。设计 Skill 的决策成本全丢给用户，导致“不是哥们，人家只是想把页面改漂亮一点，怎么还得先考一个东方美学产品经理证书？”
- 核心解决思路：把“自动驾驶”补进去，让 Agent 自己做判断和决策，而不是把所有选择权甩给用户。
- 关键改动：从“配置表轰炸”→“内部生成设计简报” + “视觉强度（0-3 档）” + “6 套完整 Starter” + “浏览器自审自改” + “提示词改成工作流”。
- 本质转变：从“堆能力”到“减少用户决策负担”。用户只关心“轻一点 / 明显一点”，Agent 负责把车开起来。
- 真实测试：独立 Agent 测试中，选对 Starter、视觉强度、补内容后能做出完整页面，但浏览器检查阶段有时会卡在“发现问题但没修复”。
关键概念
- Han Design：AI Agent 用的中国风网页设计系统，包含主题、组件、CSS 资产等。
- 视觉强度（装饰预算）：0-3 档，从“令牌层（最小）”到“戏剧化（最大）”。
- 自动驾驶：Agent 内部生成设计简报，自动判断页面类型、核心 CTA、视觉强度、Starter，减少用户提问。
- Starter：6 套完整页面模板（品牌落地页、产品发布页、Dashboard 等），不再从零散组件拼凑。
- 浏览器自审自改：生成代码后，Agent 打开浏览器检查桌面端和移动端（375px），发现问题直接改代码、重渲染、重新检查，直到通过。
与已有素材的关联
- 与 Han Design：堆了 20 套主题、10+ 组件，用户还是用不出来？我给设计 Skill 加了「自动驾驶」 直接相关。
- 扩展了之前关于 AI Agent 设计系统 的讨论（AI Agent 设计系统、Cursor、Claude Code 等）。
- 体现了“能力越强越容易翻车”这一 AI 产品设计中的通用规律，与Vibe Coding、MVP 理念一致。
原文精彩摘录
“我一直在增加能力，却把使用能力的决策成本全丢给用户了。”
“不是哥们，人家只是想把页面改漂亮一点，怎么还得先考一个东方美学产品经理证书？”
“一个真正好用的 Skill，不只是往 Agent 脑子里塞更多设计知识，更重要的是帮用户消化选择。”
“Han 负责把车开起来。”
实操内容保留
- 视觉强度 0-3 档的使用规则（表格）
- 6 套 Starter 的适用场景（表格）
- Agent 内部生成设计简报的判断维度（项目类型、已有页面、品牌语言、核心 CTA 等）
- 浏览器自审自改的 6 步执行流程
- “发现问题，必须改代码、重渲染、重新检查” 的硬性规则
- 独立测试中的具体需求和 Agent 决策过程
原文出处
相关页面
Han Design：堆了 20 套主题、10+ 组件，用户还是用不出来？我给设计 Skill 加了「自动驾驶」
AI Agent 设计系统
Cursor
Claude Code
Vibe Coding
MVP