用途：Aesthetic Guide 是面向编码智能体的技能，用户给出某种 UI 美学风格名称后，它生成足够详尽、可直接实现的设计系统文档，让编码智能体尽量减少自行解释空间地还原该风格。
主要能力：先识别用户请求中的美学风格；读取 references/aesthetic-catalog.md 查看是否已有预研数据；若目录中没有或用户要自定义变体，则进行网络调研，收集实现级细节（精确 CSS 值、字体、颜色、时间函数）；再读取 references/output-schema.md 了解输出结构；然后逐节填入具体、可复制粘贴的值，最后以 markdown 文件交付，默认写入 .claude/docs/{aesthetic-name}-design-system.md。
调研协议：搜索 "{aesthetic} CSS"、"{aesthetic} UI design system"、"{aesthetic} web design examples"；查找开源实现、CodePen 示例、设计系统文档；提取 hex 色码、字体名、px/rem 值、cubic-bezier 曲线、阴影语法；交叉比对多来源找出一致属性，并区分必备属性与常见但可选属性。
输出要求：颜色必须是 hex 或 HSL，不能写“深蓝”；字体须为具体字族并带回退栈；间距须用 px 或 rem；过渡须有持续时间与时间函数；hover、active、focus、disabled 等交互状态与所有组件伪状态都要有明确 CSS；同时给出 CSS 自定义属性与适用的 Tailwind 等价写法。
自定义：可指定框架（Tailwind、原生 CSS、CSS-in-JS）调整输出格式；可混合风格（如“粗野主义配柔和阴影”）并标注属性来源；可生成明暗变体；也可只生成部分指南（如仅颜色、仅排版）。
限制：以上为资料所载工作流，未提供具体收录的风格清单、支持的美学种类、安装命令、收费与平台信息。