SKILL

design-system

从现有代码库生成设计系统，或审计其视觉一致性：提取颜色、字体、间距和阴影等设计变量，写入 design-tokens.json 和 CSS 自定义属性，提供 DESIGN.md 中的设计理由及交互式 HTML 预览，按 10 个维度评估 UI，并标出模板化 AI 设计痕迹。适用于建立设计系统、改版前审计视觉一致性，或审查涉及样式的 PR。

译文已校对

查看英文原文

Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with DESIGN.md rationale and an interactive HTML preview, score the UI across 10 dimensions, and flag AI-slop patterns. Use when starting a design system, auditing visual consistency before a redesign, or reviewing a PR that touches styling.

适用对象：设计与内容创作。自动收录 · 待核查。

在 Codex 中使用

该组合的专门教程待补充，尚未核实适配。

准备条件

本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。

选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。

查看原作者说明 ↗