stitch::extract-design-md
直接从前端源代码中提取完整的设计系统（DESIGN.md）——React、Vue、Svelte、Angular、纯 HTML/CSS 或任何 Web 框架。分析组件文件、样式表、Tailwind 配置、主题定义和设计令牌，生成内容丰富、与 Stitch 兼容的设计系统文档。当用户希望从现有代码库逆向还原设计系统、审计项目的视觉语言、从源文件提取设计令牌，或理解前端仓库中的样式模式时，使用本技能——即使用户只是说“这个应用长什么样？”或“从这段代码中提取设计”。
机器翻译查看英文原文
Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."
适用对象：设计与内容创作。自动收录 · 待核查。
在 Codex 中使用
该组合的专门教程待补充，尚未核实适配。
准备条件
- 本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。
选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。
查看原作者说明 ↗