prototype-to-figma-skill

Archify 把系统结构、请求链路、工作流、数据流或生命周期描述转换成可独立打开的 HTML 技术图。成品支持深浅主题、剪贴板复制以及 PNG、JPEG、WebP、SVG 导出，并通过结构化中间表示、校验和渲染检查减少连线与布局错误；使用时无需额外安装运行依赖。

hue 是面向 Claude Code 与 Codex 的设计 Skill，可分析品牌网址、名称或截图，并生成一套供后续界面开发复用的品牌设计语言。输出包括颜色、字体、间距、组件、明暗模式和页面构图规则，帮助不同会话产出更一致的 UI。生成结果还会经过脚本校验，检查令牌引用、占位符、对比度和 Skill 文件结构等问题。

Power Design 是一个 Claude Code Skill，用于把简短需求转成 HTML 演示文稿或响应式网站。它先让用户选择输出类型和品牌，可通过 Firecrawl 从网址提取品牌特征，也可使用内置的 72 种以上品牌系统，再分别套用面向幻灯片或网页的 20 条设计规则。最终产物是可在浏览器中打开并继续用自然语言修改的 HTML，适合希望减少常见 AI 模板感的设计任务。

excalidraw-skill 根据文字描述生成可继续编辑的 `.excalidraw` 文件，并可导出 PNG 或 SVG。它内置流程图、架构图、时序图、思维导图和泳道图等布局规则，会按文字长度调整图形、规划箭头，并在渲染后检查遮挡与裁切。导出可使用无需安装的 Kroki 服务，或使用本地 Excalidraw CLI；本身不需要常驻 MCP 服务。