跳到正文
Skill 技能库搜索

给 AI 编码助手装设计能力的高分 GitHub 仓库:中文名、一句话简介、分类与星数都标在卡上,点仓库名直接跳 GitHub。star 为 设计前沿 当日重验值(逐条打开确认存活)。222 个仓库按设计 / 出图 / 视频 / 写作 / 办公 / 工程 / 空间分了类,点上方标签只看一类;其中 222 个精选条目有中文名与中文简介,其余为情报池收录(简介取自仓库 README 原句)。最前面另有「采集池·新收录」43 个,是采集侧过完设计落点闸门的工具快照(不按星数筛、不进新闻时间线)。

数据核对 2026-09-30 · 用法:`npx skills add 仓库名` 或按 README 安装

工程·架构图 · 2

  1. 01
    工程·架构图Agent 技能包★74,332

    Archify 架构图技能

    archify · GitHub ↗

    把系统、流程、时序、数据流画成可验证的单文件 HTML/SVG 架构图。

    拿来干什么:装企"设计→报价→施工→交付"流程图、智能家居设备拓扑——AI 出结构正确可交互的图。

    README 摘句

    把系统、流程、时序、数据流画成可验证图的 Agent 技能,输出自包含 HTML。作者 tt-a1i,Trending 周榜全语言第一。MIT,867 commits,v3.0.1(2026-09-28)。

  2. 02
    工程·架构图Agent 技能包★7,373

    暗色架构图技能

    architecture-diagram-generator · GitHub ↗

    描述系统组成即出深色 standalone HTML/SVG 架构图(Cocoon AI)。

    拿来干什么:智能家居设备拓扑图、门店系统图——客户看得懂的深色专业图。

    README 摘句

    Cocoon AI 出品的暗色主题架构图技能,README:"Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files."。MIT,12 commits,另有姊妹技能 process-flow-diagram-generator。

工程·设计系统 · 2

  1. 01
    工程·设计系统命令行工具★4,147

    designlang 设计系统抽取

    design-extract · GitHub ↗

    把无头浏览器指向任意网址,从线上 DOM 反推配色字距间距,导出 17+ 份配置。

    拿来干什么:看到喜欢的家居品牌官网,一条命令抽出配色/字距/间距体系套进自家物料。

    README 摘句

    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。

  2. 02
    工程·设计系统素材清单★118,816

    一线品牌设计系统库

    awesome-design-md · GitHub ↗

    73 份 Linear/Stripe/Vercel 的 DESIGN.md 合集,拷进项目就让 AI 做出同款质感。

    拿来干什么:让 AI 做的页面"长得像"一线产品,不用反复喂截图调。

    README 摘句

    把 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。

工程·设计规范 · 1

  1. 01
    工程·设计规范命令行工具★2,951

    shadcn 设计规范 lint

    shadcn-ui/lint · GitHub ↗

    Design-first 的 Tailwind 设计系统 linter,AI 改页面时自动校验规范并教它改。

    拿来干什么:设计规范执行走样——AI 改页面时自动校验规范,报错并教 Agent 修。

    README 摘句

    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 项目。

工程·前端工程 · 1

  1. 01
    工程·前端工程平台底座★79,861

    截图转代码

    screenshot-to-code · GitHub ↗

    把截图、Figma 稿与录屏转成可跑代码,本地部署加托管版双形态。

    拿来干什么:喜欢的家居品牌页面截图直接变自己站初稿,改文案就能用。

    README 摘句

    截图转代码经典应用,README:"Convert screenshots, mockups, Figma designs, and screen recordings into clean, functional code using AI."。作者 Abi Raja,另有托管版 screenshottocode.com。MIT,79.9k★。

工程·工具底座 · 1

  1. 01
    工程·工具底座平台底座★4,516

    Open Dots 自托管工作台

    Generative-Media-Skills · GitHub ↗

    自托管 AI 工作台(聊天、工具、审批、连接器),装企数据不出内网的底座候选。

    拿来干什么:自托管"生成媒体工作台"(聊天、工具、内容生成一体),数据不出内网——装企自建 AI 工作台的底座候选。

    README 摘句

    现名 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。

工程·设计工具 · 20

  1. 01
  2. 02
    工程·设计工具Agent 技能包★61k

    开源协作界面设计平台

    penpot/penpot · GitHub ↗

    开源协作 UI/UX 设计平台,Figma 主流开源替代

  3. 03
    工程·设计工具Agent 技能包★51k

    无限画布 SDK 标杆

    tldraw/tldraw · GitHub ↗

    无限画布 SDK 标杆,Agent 生态首选画布引擎

  4. 04
    工程·设计工具Agent 技能包★40k

    在线数据库图表编辑器

    drawdb-io/drawdb · GitHub ↗

    免费在线数据库图表编辑器 + SQL 生成

  5. 05
    工程·设计工具Agent 技能包★27k

    设计师用的 AI 改样式工具

    onlook-dev/onlook · GitHub ↗

    「设计师的 Cursor」,AI 直连 React 改样式

  6. 06
    工程·设计工具Agent 技能包★22k

    面向 Agent 的文档表格运行时

    dream-num/univer · GitHub ↗

    面向 AI Agent 的表格/文档/幻灯片/画布/PDF 运行时

  7. 07
  8. 08
    工程·设计工具Agent 技能包★6k

    多智能体协作的矢量设计工具

    ZSeven-W/openpencil · GitHub ↗

    首个支持多 Agent 并行协作的开源 AI 原生矢量设计工具

  9. 09
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
    工程·设计工具Agent 技能包★36

    本地批量改 Figma 稿的 Agent

    denki-san/local-figma · GitHub ↗

    本地 AI Agent 用自然语言批量改 Figma 设计稿(中文)

  18. 18
  19. 19
    工程·设计工具平台底座★29

    Rust 写的类 Figma 桌面编辑器

    cradiy/rovar · GitHub ↗

    Rust + GPUI 写的 Figma-like 桌面设计编辑器

  20. 20