Archify 架构图技能
archify · GitHub ↗把系统、流程、时序、数据流画成可验证的单文件 HTML/SVG 架构图。
拿来干什么:装企"设计→报价→施工→交付"流程图、智能家居设备拓扑——AI 出结构正确可交互的图。
README 摘句
把系统、流程、时序、数据流画成可验证图的 Agent 技能,输出自包含 HTML。作者 tt-a1i,Trending 周榜全语言第一。MIT,867 commits,v3.0.1(2026-09-28)。
给 AI 编码助手装设计能力的高分 GitHub 仓库:中文名、一句话简介、分类与星数都标在卡上,点仓库名直接跳 GitHub。star 为 设计前沿 当日重验值(逐条打开确认存活)。222 个仓库按设计 / 出图 / 视频 / 写作 / 办公 / 工程 / 空间分了类,点上方标签只看一类;其中 222 个精选条目有中文名与中文简介,其余为情报池收录(简介取自仓库 README 原句)。最前面另有「采集池·新收录」43 个,是采集侧过完设计落点闸门的工具快照(不按星数筛、不进新闻时间线)。
数据核对 2026-09-30 · 用法:`npx skills add 仓库名` 或按 README 安装
把系统、流程、时序、数据流画成可验证的单文件 HTML/SVG 架构图。
拿来干什么:装企"设计→报价→施工→交付"流程图、智能家居设备拓扑——AI 出结构正确可交互的图。
把系统、流程、时序、数据流画成可验证图的 Agent 技能,输出自包含 HTML。作者 tt-a1i,Trending 周榜全语言第一。MIT,867 commits,v3.0.1(2026-09-28)。
描述系统组成即出深色 standalone HTML/SVG 架构图(Cocoon AI)。
拿来干什么:智能家居设备拓扑图、门店系统图——客户看得懂的深色专业图。
Cocoon AI 出品的暗色主题架构图技能,README:"Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files."。MIT,12 commits,另有姊妹技能 process-flow-diagram-generator。
把无头浏览器指向任意网址,从线上 DOM 反推配色字距间距,导出 17+ 份配置。
拿来干什么:看到喜欢的家居品牌官网,一条命令抽出配色/字距/间距体系套进自家物料。
CLI 工具 designlang,README:"designlang points a headless browser at any URL and reads the design system off the live DOM",输出 17+ 文件(DTCG tokens、Tailwind 配置、shadcn 主题、Figma 变量等)。作者 Manav Arya Singh。MIT,427 commits。
73 份 Linear/Stripe/Vercel 的 DESIGN.md 合集,拷进项目就让 AI 做出同款质感。
拿来干什么:让 AI 做的页面"长得像"一线产品,不用反复喂截图调。
把 Linear/Stripe/Vercel 等一线品牌设计系统整理成 DESIGN.md 的合集(73 份,配站 getdesign.md),README:"Copy a DESIGN.md into your project, tell your AI agent 'build me a page that looks like this'".。VoltAgent 维护。MIT,62 commits。
Design-first 的 Tailwind 设计系统 linter,AI 改页面时自动校验规范并教它改。
拿来干什么:设计规范执行走样——AI 改页面时自动校验规范,报错并教 Agent 修。
shadcn-ui 团队官方 "@shadcn/lint — An agent-first linter for Tailwind design systems. Write design system rules that agents can verify."。MIT,24 commits,适用于任何 Tailwind v4 项目。
把截图、Figma 稿与录屏转成可跑代码,本地部署加托管版双形态。
拿来干什么:喜欢的家居品牌页面截图直接变自己站初稿,改文案就能用。
截图转代码经典应用,README:"Convert screenshots, mockups, Figma designs, and screen recordings into clean, functional code using AI."。作者 Abi Raja,另有托管版 screenshottocode.com。MIT,79.9k★。
自托管 AI 工作台(聊天、工具、审批、连接器),装企数据不出内网的底座候选。
拿来干什么:自托管"生成媒体工作台"(聊天、工具、内容生成一体),数据不出内网——装企自建 AI 工作台的底座候选。
现名 Open Dots,README:"a self-hosted AI workspace for chat, tool use, approvals, connectors, and computer tasks"(开源替代 OpenAI Dots)。作者 Anil-matcha,声明与 OpenAI/xAI 无关联。MIT,103 commits,Prototype/active development;原地址 SamurAIGPT/Generative-Media-Skills 访问时跳转至 open-dots。
手绘风白板,已内置 AI 元素
开源协作 UI/UX 设计平台,Figma 主流开源替代
无限画布 SDK 标杆,Agent 生态首选画布引擎
免费在线数据库图表编辑器 + SQL 生成
「设计师的 Cursor」,AI 直连 React 改样式
面向 AI Agent 的表格/文档/幻灯片/画布/PDF 运行时
AI 原生设计编辑器,开源 Figma 替代(新锐)
首个支持多 Agent 并行协作的开源 AI 原生矢量设计工具
把设计系统当 API:AI 直连 Figma 提取/生成/调试
开源复现 Google PaperBanana,自动生成学术图表
Tokens Studio for Figma 官方插件库
双向 Figma MCP:设计转代码,也能推回画布
AI 原生设计编辑器,开源 Figma 替代(Spring Boot + React)
Agent 与人协作的开源设计工作台:3D、动效、MCP、BYOK
AI 多画布创作平台:流程图、室内设计、演示、海报、信息图
让 Codex 在 Figma 里完成可编辑设计(中文)
本地 AI Agent 用自然语言批量改 Figma 设计稿(中文)
本地优先 AI 设计工作台,多方案画布 + 代码检查
Rust + GPUI 写的 Figma-like 桌面设计编辑器
本地优先的 AI 移动端界面生成/标注/Figma 交接工作台