用途：用于构建网页组件、页面或应用；审计现有 CSS 的设计不一致；从旧代码库提取设计令牌；生成配色与排版系统；跨框架生成组件模板；检查设计元素的可访问性。不适用于纯文本改动、仅后端或非视觉功能。
主要能力：
- 分析模式：审计样式、提取令牌、检查可访问性。命令示例：deno run --allow-read scripts/analyze-styles.ts styles.css；deno run --allow-read scripts/extract-tokens.ts ./src --format css；deno run --allow-read scripts/analyze-accessibility.ts component.tsx。
- 指定模式：创建定义生成目标的 JSON 规范。
- 生成模式：生成配色、排版、令牌与组件。命令示例：deno run --allow-read --allow-write scripts/generate-palette.ts --seed "#2563eb" --theme warm；deno run --allow-read --allow-write scripts/generate-typography.ts --display "Playfair Display" --body "Source Sans Pro"；deno run --allow-read --allow-write scripts/generate-tokens.ts tokens-spec.json ./output/；deno run --allow-read --allow-write scripts/generate-component.ts --name Button --framework react --styling tailwind。
使用方式：需 Deno 运行时；可提供现有 CSS/设计文件用于分析，或提供设计令牌文件作参考。支持分析、指定、生成三种模式；脚本权限按需为读或读写。组件框架支持 react、vue、svelte、html；样式支持 css、tailwind、css-modules、styled-components、emotion；令牌格式支持 css、scss、tailwind、style-dictionary、tokens-studio、json、ts。
限制与说明：示例强调避免通用 AI 风格，但具体设计哲学与参考文件需查阅资料中提到的 references 目录；未提供收费、价格与平台信息。