用途：在创建或改版网站、落地页、首页、布局、样式系统、字体、配色、动效等视觉工作之前使用，先规划并确定视觉方向，再进入实现。
主要能力：确定艺术方向（配色、字体、表面、形状、图像处理、动效）与标志性布局概念，二者在写代码前选定；方向先定并写入站点根目录的 DESIGN.md，概念随后按方向选择。提供布局目录与方向目录，通过 pick_design 获取所选条目的构建说明。产出 DESIGN.md（YAML front matter 设计令牌加 Markdown 说明）与布局图（按页面顺序逐段说明概念如何作用于该段）。可生成 sneak peek 独立 HTML 页面，用于在选定外观下快速判断布局概念。
使用方式：先理解上下文与约束（技术、性能、无障碍、响应式、WordPress 可编辑性），选定方向与概念；用户明确指定的名称或风格优先于目录，目录缺失时跳过 pick_design 直接按需求设计。构建时先做概念（首屏或首个模板），仅用主题 CSS 与少量原生脚本，内容可编辑并含移动端布局；scaffold_theme 会把 DESIGN.md 的颜色、字体、间距、圆角写入 theme.json 的同名 slug。改版时继承已有主题调色板；第三方主题的改动放入子主题。
适用场景：网站与落地页视觉设计、改版、样式系统、字体与配色、动效系统及视觉打磨。
限制：资料未提供具体价格、平台支持范围或效果保证；目录条目内容以 {{layout-index}} 与 {{direction-index}} 占位，实际条目需由工具返回。