用途:当存在美学知识档案或用户提供参考图片,且需要为设计令牌生产提供可实现的数值时使用。适用于用户要求“提取颜色”“获取 CSS 值”“分析这些图片”或询问某元素圆角值等场景,也可为 aesthetic-application 提供有据可依的数值。不适用情形:没有可用图片,或用户想要的是美学定性描述。依赖 aesthetic-literacy,并与 aesthetic-research 配合使用。
主要能力:提取颜色(主色板、角色分配、色簇、对比度、HSL 特征);形状(圆角范围、几何类型、宽高比、轮廓能量);字体排印(类型类别、历史风格、字重分布、字距、大小写惯例、比例对比,不识别具体字体名);间距与密度(间距尺度、网格密度、内边距、Z 轴层次);纹理(将观察到的纹理映射到 backdrop-filter、噪点、渐变网格、暗角、扫描线、发光、金属光泽等 CSS/SVG 技术);动效(从构图线索推断缓动、动画类型、节奏);对 UI 截图还提取布局与响应式(栅格定义、列比例、断点行为、间距、层叠、滚动行为、最小最大宽度、组件重排)。
使用方式:先解析知识库根目录——项目级安装为工作区根的 knowledge/aesthetics/,全局安装(-g)为 ~/.agents/skills/knowledge/aesthetics/;通过定位包含 .git、package.json 或 .agents/ 的父目录确定工作区根。将 ## Analysis 段追加到 knowledge/aesthetics/<slug>.md,绝不创建新文件。元数据行须为 Analyzed: <YYYY-MM-DD> | Images reviewed: <count> | Analyst: image-analysis skill。用户直接提供图片时,先询问目标美学 slug;若无档案,提示应先运行 aesthetic-research 创建,但用户确认后继续分析;若始终未提供 slug,则从文件名或主导内容推导并说明后继续。可从 assets/analysis-template.md 载入模板,不确定输出格式时载入 EXAMPLES.md,需要 CSS 语法或无障碍规范时载入 REFERENCES.md。
重要限制:每个输出必须是可实现的值而非描述,例如 #2A1F3D 而非“深紫色”、8px–16px 圆角而非“略微圆角”;无法给出精确值时提供范围并标注不确定性,如“60ms–120ms(据构图估算)”。不得声称从截图识别出确切字体名称,只给类型类别、历史风格与视觉特征。不得将静态图片中的动效值陈述为事实,须标注“据构图推断”。不得修改 ## Dimension Synthesis 段,只追加 ## Analysis。
图片提供方式、角色分配规则或部分布局细节等更细则暂未提供。