用途：生成背景、纹理、图标、徽章、插画、装饰形状与 SVG 等静态视觉素材，并可矢量化栅格图、把 SVG 转成可复用 React 组件。
主要能力：从美学档案（knowledge/aesthetics/<slug>.md）提取配色并构建提示词；支持短提示（3–8 词）用于探索、结构化提示（15–50 词）用于生产；图像内文字可用引号精确指定；可基于参考图建立风格参考；在工具支持时进行矢量化。
使用方式：先解析知识库根路径（项目级为工作区根的 knowledge/aesthetics/，全局安装为 ~/.agents/skills/knowledge/aesthetics/）；若已有工具专属伴随技能（如 recraft）应先加载，由它处理生成 API 与 MCP 调用；若环境无图像生成工具，应优雅降级，提供完整提示词与素材规格供手动生成，而非报错。生成输出保存到 knowledge/aesthetics/<slug>/generated/。
SVG 转 React：使用 TypeScript 函数组件、具名导出，颜色通过带默认值的 props 传入（取自美学档案配色），不在 JSX 中硬编码颜色，可用 motion?: boolean 控制动画。
适用场景：图标、徽章、插画、背景、纹理、装饰形状，以及可作为 React 组件组合的装饰性 SVG。不适用于含动态内容或交互的 UI 组件、结构布局类组件，这些属于 aesthetic-application 的令牌/CSS 范畴。
限制：图标与 UI 元素应使用矢量/SVG 模式，而非栅格模式；矢量提示词避免使用纹理与材质词汇（如 glossy、metallic），只用几何与颜色语言；不得在 SVG React 组件中硬编码颜色。具体 API 由环境中的图像生成工具决定，本技能未指定。缺失事实：价格、收费模式、平台支持等暂未提供。