用途：该技能面向设计系统工程师，分析 Stitch 设计并生成可直接导入代码库的代码产物，而非仅文档。它应在 stitch-nextjs-components 或 stitch-svelte-components 等框架转换技能之前使用，生成的令牌作为后续组件生成的基础。
主要能力：生成三个文件——design-tokens.css（CSS 自定义属性，含明暗模式，供框架全局 CSS 导入）、tailwind-theme.css（Tailwind v4 @theme 块，粘贴进 globals.css）、DESIGN.md（扩展设计文档，含暗色模式与动画令牌）。
使用方式：先运行 list_tools 发现 Stitch MCP 前缀，调用 [prefix]:get_screen 获取屏幕，再用 bash scripts/fetch-stitch.sh "[htmlCode.downloadUrl]" "temp/source.html" 下载 HTML，并查看 screenshot.downloadUrl。多屏时用 [prefix]:list_screens 全部获取。随后调用 get_project 读取 DesignTheme：designMd 提供排版、色彩理念、组件模式等；namedColors 提供 40+ 语义色映射；并提取 customColor、overridePrimaryColor、headlineFont、roundness、spacingScale、typography 等结构值。若已有 namedColors 与 designMd，HTML 仅用于补充动效时长、间距像素、阴影等。
适用场景：从 Stitch 设计启动新项目、用户提及设计令牌/CSS 变量/暗色模式令牌/Tailwind 配置、在框架转换前保证一致性、或设计更新后同步现有项目设计系统。
限制：资料未提供安装命令、收费与平台信息；字体枚举映射与令牌模板为技能内置规则，实际取值依赖 Stitch 项目数据。