跳到正文
Skill 技能库搜索

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

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

采集池·新收录 · 43 个

采集侧 GitHub 源里**过了「设计落点」闸门**的仓库：能映射到 8 大类之一、且没命中安全类黑名单。 与上面两区的区别是**不按 1000 星筛** —— 这一页是工具清单，星数门槛在这里不适用。

快照 2026-10-04 · 只读展示，不进新闻时间线

办公·文档 · 2

  1. 01
    办公·文档命令行工具★188,230

    多格式文件转 Markdown

    microsoft/markitdown · GitHub ↗

    把 PDF、Word、PPT、Excel 等文件统一转成 Markdown，方便直接喂给模型。

  2. 02

写作·提示词 · 1

  1. 01

设计·界面 · 6

  1. 01
  2. 02
  3. 03
    设计·界面Agent 技能包★1,709

    可像 PPT 一样直接拖拽的设计编辑器

    salgum1114/react-design-editor · GitHub ↗

    像做 PPT 一样直接拖拽操作的设计稿编辑器（React + Ant Design + Fabric.js）。

  4. 04
  5. 05
  6. 06

出图·视觉物料 · 1

  1. 01

视频·内容生产 · 4

  1. 01
    视频·内容生产Agent 技能包★16,154

    LLM 智能字幕助手

    WEIFENG2333/VideoCaptioner · GitHub ↗

    卡卡字幕助手：基于 LLM 的智能字幕助手，视频字幕生成/断句/校正/翻译全流程

  2. 02
  3. 03
  4. 04

办公·PPT · 5

  1. 01
  2. 02
    办公·PPTAgent 技能包★10,335

    网页版 PPT 工具

    ksky521/nodeppt · GitHub ↗

    基于网页的演示文稿制作工具，浏览器里写即是幻灯片。

  3. 03
    办公·PPT命令行工具★5,282

    命令行 Markdown 演示工具

    visit1985/mdp · GitHub ↗

    命令行里的 Markdown 演示工具，一个 md 文件就是一场演示。

  4. 04
  5. 05

空间·室内 3D · 21

  1. 01
    空间·室内 3DAgent 技能包★409

    室内设计与户型图创作工具

    mehanix/arcada · GitHub ↗

    用网页技术做的室内设计与户型图绘制工具。

  2. 02
  3. 03
  4. 04
  5. 05
  6. 06
  7. 07
  8. 08
  9. 09
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
    空间·室内 3DAgent 技能包★21

    一站式室内设计网站

    meet244/Interia · GitHub ↗

    一体化室内设计站：灵感、服务、房间方案与分步指南。

  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21

出图·生成底座 · 3

  1. 01
  2. 02
    出图·生成底座Agent 技能包★28

    摩洛哥风格 AI 室内生成（黑客松获奖）

    wassim249/TIG_MI · GitHub ↗

    黑客松获奖项目：摩洛哥风格室内方案生成器。

  3. 03

设计·界面 · 24（当前显示 12，点上方标签看全部）

  1. 01
    设计·界面Agent 技能包★131,641

    UI-UX 极客设计技能

    ui-ux-pro-max-skill · GitHub ↗

    给 AI 助手装上跨平台 UI/UX 设计规范，一句话出接近专业水准的界面初稿。

    拿来干什么：门店小程序、获客落地页没有设计师时，AI 直接出接近专业水准的界面初稿。

    README 摘句

    跨平台 UI/UX 设计智能技能，README："An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks"，`ui-design` 话题榜首。作者 nextlevelbuilder（另有付费 Premium 版）。MIT，268 commits。

  2. 02
    设计·界面Agent 技能包★42,012

    Emil 界面技能集（含 apple-design）

    emilkowalski/skills · GitHub ↗

    把 Apple WWDC 讲座的弹簧动效、毛玻璃与 reduced-motion 打包，让页面长出苹果感。

    拿来干什么：自己的官网、案例页想做出"苹果感"的弹簧动效与克制视觉语言——本站 09-30 苹果化改版用的就是它。替掉"凭感觉调参数"的动效试错，规范由 WWDC 讲座内容背书。

    README 摘句

    Motion 动画库作者 Emil Kowalski（曾任职 Vercel、Linear，Sonner 作者）的技能集，README 自述 "For designers and engineers to help them build better user interfaces"。含 apple-design（Apple WWDC 设计讲座的 Web 实现：弹簧参数、毛玻璃配方、reduced-motion）、动画词汇、动效审查等十余个技能。MIT，54 commits。

  3. 03
    设计·界面Agent 技能包★12,689

    Garden 生产级技能集

    garden-skills · GitHub ↗

    ConardLi 维护的中文生产级 Agent 技能合集，主打一页式介绍页与讲义网页。

    拿来干什么：中文场景的一页式介绍页、讲义网页——国产生态里成体系的中文设计技能少见。

    README 摘句

    ConardLi（"code秘密花园"博主）维护的生产级 Agent Skills 合集，README："A curated collection of production-ready Agent Skills for Claude Code, Cursor, Codex, and other AI coding agents"。MIT，142 commits。

  4. 04
    设计·界面Agent 技能包★577

    重构 UI 技能

    refactoring-ui-skill · GitHub ↗

    把《Refactoring UI》每页规则逐条查过，变成 AI 能直接套用的间距层级配色决策。

    拿来干什么：没设计背景的页面"一眼土"——按经典规则调间距层级配色。

    README 摘句

    《Refactoring UI》规则逐页核对封装的 Claude Code 技能，README："Every rule and CSS value in this skill was cross-checked page-by-page against the book. It's not a summary — it's the book's decisions, made once, ready to apply."。MIT（仅限仓库内容），2 commits。

  5. 05
    设计·界面Agent 技能包★2,335

    落地页设计技能集

    ai-design-skills · GitHub ↗

    设计师 elaya 的落地页技能集，内置 intake 提问结构与转化文案框架。

    拿来干什么：落地页从"会写代码"到"会转化"——内置 intake 问题与转化文案结构。

    README 摘句

    设计师 elaya 的 AI 设计技能集，README："A growing collection of design skills for AI coding tools — Claude Code, Cursor, Codex, Windsurf"。MIT 无需署名，3 commits。

  6. 06
    设计·界面Agent 技能包

    中文 Figma UI 技能集

    ye-susu/ui-design-skills · GitHub ↗

    设计系统、图标、流程连线、需求四条链路的中文 Figma 技能集，国内中文参考稀少。

    拿来干什么：Figma 工作流的中文技能稀缺——想让自己的 Agent 按 Figma 规范画图的团队，这是少有的中文参考实现。

    README 摘句

    中文 Figma UI 设计技能集，README 自述"一组用于 Figma UI 设计的 Agent Skills"，作者自述"根据个人工作流程整理而来，并非通用方案"。四个子技能：design-system-use、icon-generate、flow-connect、requirement-design（主流程，可调度其余三者）。MIT，3 commits，0★ 观察位。

  7. 07
  8. 08
  9. 09
    设计·界面Agent 技能包★23k

    自然语言描述即出界面

    wandb/openui · GitHub ↗

    自然语言描述 UI，实时渲染并生成代码

  10. 10
  11. 11
    设计·界面Agent 技能包★8.5k

    手绘界面草图转编程提示词

    lnkiai/m3e-canvas · GitHub ↗

    浏览器内手绘 Material 3 界面草图 → vibe-coding 提示词

  12. 12

设计·生成底座 · 2

  1. 01
    设计·生成底座平台底座★98,751

    开源版 Claude Design

    open-design · GitHub ↗

    本地优先的设计生成工作台，能出原型、幻灯片、图片与视频，自带 MCP。

    拿来干什么：不依赖官方额度的设计生成流水线——自选模型跑方案，数据留本地。

    README 摘句

    自称"开源版 Claude Design"（对 Anthropic 2026 年 4 月闭源产品的社区替代），nexu-io 维护，本地优先桌面/网页应用 + MCP 服务器，产原型、幻灯片、图片、视频等真实文件。Apache-2.0，3,707 commits，生态 277 插件/151 设计系统。

  2. 02
    设计·生成底座Agent 技能包★4,224

    宝玉本地 Claude Design

    baoyu-design · GitHub ↗

    把 Claude Design 打包成可移植技能跑在本地 Agent 上，客户文件不出本机。

    拿来干什么：Claude Design 的生成质量留在本地——客户文件保密敏感的团队适用。

    README 摘句

    把 Claude Design 打包成可移植 Agent Skill 的社区项目，README："Run Claude Design on your own local agent — Cursor, Claude Code, Claude Desktop…"。作者 Jim Liu（宝玉），声明与 Anthropic 无关联。MIT，77 commits。

工程·架构图 · 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
    设计·网页Agent 技能包★2,862

    滚动叙事网站技能

    scroll-craft · GitHub ↗

    做高端沉浸式滚动叙事页，从叙事节奏到视觉落地标准一次讲清。

    拿来干什么：品牌故事页、案例长图滚动页——"工厂实力""改造历程"的沉浸式讲述。

    README 摘句

    高端滚动叙事网站技能，README："An agent skill for building premium, immersive, scroll-driven websites, with a real design standard"。作者 nateherkai。MIT，15 commits。

  2. 02
    设计·网页Agent 技能包

    界面质感升级技能

    ui-ux-glowup · GitHub ↗

    把任意网页原地升级到 Linear/Stripe 质感，保留品牌色后截图自查（观察位）。

    拿来干什么：已有获客页"能用但不好看"，推倒重来成本高——原地升级的路线；本站列为观察位。

    README 摘句

    把任意网页界面升级到 Linear/Stripe 质感的 Agent 技能，README："An AI agent skill that upgrades any web interface to the level of the best-designed sites on the web"——保留品牌色，优化结构、排版、间距，再截图自查。作者 tpvn99。MIT，7 commits，含 Node/Playwright 审计脚本。

设计·动效 · 1

  1. 01
    设计·动效素材清单★4,397

    CSS 转场动效库

    transitions.dev · GitHub ↗

    43+ 精制 CSS 转场动效，CSS 库 + CLI + Agent 技能三位一体，改参数即用。

    拿来干什么：方案展示页的转场、效果图切换——成熟参数直接用，页面立刻"贵"起来。

    README 摘句

    43+ 精制 CSS 转场动效合集，CSS 库、npm CLI 与 Agent Skill 三位一体（README："an interactive collection of reusable CSS transitions"）。作者 Jakubantalik，443 commits。

工程·设计系统 · 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。

写作·去 AI 味 · 7

  1. 01
    写作·去 AI 味规则集★4,030

    防 AI 味过滤规则

    anti-slop · GitHub ↗

    给 AI 编码 Agent 挂一套禁清单，自动避开 emoji 滥用、渐变紫与假文案。

    拿来干什么：AI 做的页面"一眼 AI 生成"——装上后自动避开 emoji 滥用、渐变紫、假文案。

    README 摘句

    给 AI 编码 Agent 的规则集，README："A rulebook that stops an AI coding agent shipping generic UI, filler copy, and AI-shaped code"，"A filter, not a style guide"。作者 miqdadbadjuber。MIT，113 commits，v3.2.20。

  2. 02
    写作·去 AI 味Agent 技能包★53,047

    去 AI 味改写 Humanizer

    blader/humanizer · GitHub ↗

    按 34 类 AI 写作特征清单逐条清味，改完自审一遍再交稿。

    拿来干什么：AI 起草、人来发布的每一篇——本站文库长文的通病清单就是它列的这一族

    README 摘句

    本分类星标最高。Agent 技能：系统性清除 AI 写作特征——基于维基百科「AI 写作特征」清单（34 类：破折号滥用、加粗轰炸、三段式强迫症、万能金句收尾、假亲密腔……），改完还自审一遍"这段哪里还一眼 AI"再改一稿

  3. 03
    写作·去 AI 味Agent 技能包★482

    通用去 AI 味技能

    jalaalrd/anti-ai-slop-writing · GitHub ↗

    统计可测的 AI 写作模式逐条消除，任何 Agent 都能挂。

    拿来干什么：不用 Claude Code 的团队（Cursor/Gemini/本地模型）也能统一去味

    README 摘句

    SKILL.md 通用格式的去 AI 味写作技能，主打"统计可测的 AI 写作模式"逐条消除，任何 Agent 都能挂

  4. 04
    写作·去 AI 味Agent 技能包★9

    Markdown 味检技能

    sirambrosio/humanink · GitHub ↗

    35 个细颗粒 slop 模式检测加重写，专治网页 markdown 文案。

    拿来干什么：网页文案发版前的最后一道味检

    README 摘句

    Claude Code 技能，35 个 slop 模式检测，比 humanizer 的清单更细颗粒（专治 markdown 站）

  5. 05
    写作·去 AI 味Agent 技能包★3,925

    中文像人说人话技能

    KKKKhazix/human-writing · GitHub ↗

    先查材料够不够，再管推进与白话，逐段查原地转圈、翻案腔与 AI 黑话。

    拿来干什么：课程稿、公众号稿的模型腔——读着顺，但说不出是谁写的。

    README 摘句

    让 AI 写的中文像一个具体的人在说话。先查材料够不够，再管推进与白话，成稿逐段查原地转圈、翻案腔和 AI 黑话。

  6. 06
    写作·去 AI 味Agent 技能包★2,934

    分层去 AI 味技能

    Nanako0129/sepia · GitHub ↗

    先判断该动叙事层还是格式层再动手修，职业文档按场景配规则。

    拿来干什么：改错层面等于白改——它先判断该动哪一层再动手。

    README 摘句

    在最露馅的那一层修 AI 味：虚构先修叙事结构，职业文档（发布说明、事故复盘、工单）按场景配规则，77+ Agent 通用。

  7. 07
    写作·去 AI 味Agent 技能包★2,240

    统计口径去 AI 味

    larashero3-dotcom/lieflat-less-ai-tone · GitHub ↗

    283 万字人类文章与模型输出对比统计出的规则，每条可定位触发标记。

    拿来干什么：同一篇稿子换个统计口径再查一遍，两条路线交叉验证。

    README 摘句

    基于 283 万字人类文章与模型输出对比统计出来的去 AI 味技能，每条规则都有可定位的触发标记。

工程·设计规范 · 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 项目。

设计·iOS 规范 · 1

  1. 01
    设计·iOS 规范规范库

    Apple HIG 规范库

    apple-design-skill · GitHub ↗

    把 Apple HIG 拆成 principles/materials/layout/accessibility 多文件规范库。

    拿来干什么：做 iOS 质感界面时的"字典"，与本站改版同源

    README 摘句

    把 Apple HIG 拆成 principles/materials/layout/accessibility/components 多文件的可移植规范库，含 Liquid Glass

设计·品牌视觉 · 2

  1. 01
    设计·品牌视觉Agent 技能包★846

    Logo 设计技能

    logo-design-skill · GitHub ↗

    从 brief 到生产级 SVG 与品牌规范的体系化技能，配 1,400+ SVG 参考库。

    拿来干什么：工作室/门店品牌初稿——从 brief 到 SVG 到使用规范由 Agent 完成，终稿人工把关。

    README 摘句

    体系化 Logo 设计技能（README："turns Claude … into a disciplined identity designer, from the first brief to production-ready SVG files and brand guidelines."），含原理/流程/工艺文档、Python 工具链与 1,400+ SVG 参考库（约 1,200 品牌，141 个教学范例）。MIT（skill 部分），21 commits。

  2. 02
    设计·品牌视觉Agent 技能包★5,698

    IP 吉祥物 Logo 技能

    ip-as-logo-skill · GitHub ↗

    一句话生成极简圆润的 IP 吉祥物标志，单文件零依赖，配站 ipaslogo.com。

    拿来干什么：品牌吉祥物、小程序头像、门店 IP 形象的初稿——几分钟拿到可讨论的第一版，再决定是否找设计师深化。

    README 摘句

    生成"极简、圆润、微新拟物"IP 吉祥物标志的 Agent 技能（README："extremely simple, cute, company-ready IP mascots"），单 SKILL.md、零依赖，配套站 ipaslogo.com。MIT，30 commits。

出图·图像模型 · 1

  1. 01
    出图·图像模型平台底座★464

    Inkloom Logo 模型

    inkloom · GitHub ↗

    专做 Logo 的 AI 模型初创项目，Web 形态；生成功能未开放，观望位。

    拿来干什么：若"按设计工作室流程生成 Logo"的模型兑现，是通用生图做 Logo 常翻车的对症解法；可作观望项。

    README 摘句

    专做 Logo 设计的 AI 模型初创项目（Inkloom-art），README："Specialised AI models for logo design."，Web 服务形态（Cloudflare Workers + Postgres），非 Agent 技能。自有 LICENCE 且声明"发布源码仅为可审阅"。113 commits。

出图·提示词 · 3

  1. 01
    出图·提示词Agent 技能包★5,602

    GPT Image 提示词画廊

    GPT-Image2-Skill · GitHub ↗

    GPT Image 2/2.5 提示词画廊 + 图像提示词库 + 技能三合一，把中文需求翻成模型吃得准的写法。

    拿来干什么：出图前把"中式表达"翻译成 GPT-Image 吃得准的提示词——同样的需求，写法对了成功率高一截。

    README 摘句

    GPT Image 2/2.5 的提示词画廊 + 图像提示词库 + Agent Skill 三合一（另带 CLI）。作者 wuyoscar。MIT，74 commits，含 .claude-plugin、skills/、CLI 与中英文档。

  2. 02
    出图·提示词Agent 技能包★126

    通义万相 2.1 提示词技能

    qwen-image-2.1-skill · GitHub ↗

    按阿里官方语法改写 Qwen-Image-2.1 提示词，配离线校验脚本。

    拿来干什么：配通义万相出图——国内模型有自己的提示词语法，这套技能让 Agent 自动转成"官方口味"，本站渲染管线同款模型。

    README 摘句

    按阿里官方规范改写/优化 Qwen-Image-2.1 提示词的非官方 Agent 技能，兼容 skills.sh 与各类 Agent；官方规则版权归 Alibaba Qwen Team。Apache-2.0，13 commits，含离线校验脚本。

  3. 03
    出图·提示词素材清单★104

    gpt-image 提示词实测集

    prompt-atlas · GitHub ↗

    50 条 gpt-image-2.5 提示词加成片对照实测，出图翻车时挑相近范式直接改。

    拿来干什么：出图效果不满意时，从 50 个已验证范式里挑相近的直接改

    README 摘句

    50 条 gpt-image-2.5 提示词 + 成片对照实测（含风格对比）

出图·插画 · 4

  1. 01
    出图·插画Agent 技能包★3,306

    单色油墨插画技能

    mono-color-skill · GitHub ↗

    单色与受控双色油墨编辑风插画，适合海报、画册与公众号头图。

    拿来干什么：品牌画册、公众号头图的"高级编辑感"——克制风格比随手彩色图更像正规出版物。

    README 摘句

    设计师 Yan Liu（Dreameryanyan）的单色/受控双色油墨编辑风插画技能，README："A one-ink and controlled two-ink editorial image skill for posters, zines, portraits, packaging…"。MIT（示例图除外），57 commits。

  2. 02
    出图·插画素材清单★3,770

    手绘风格编号图鉴

    handraw-style · GitHub ↗

    001–280 种手绘风格编号加 125 种排版图型，选编号直接出中英双语生图提示词。

    拿来干什么：量房草图、施工讲解插画要风格统一——280 个编号让系列物料手绘感完全一致。

    README 摘句

    手绘风格编号图鉴 + 双语提示词技能，README 收录 "001–280 种手绘风格、125 种排版图型、36 种经典单色主题色"，选编号即出中英双语生图提示词。作者 yang0。MIT，82 commits，近期有推送。

  3. 03
    出图·插画Agent 技能包★1,177

    材质插画配图技能

    guizang-material-illustration · GitHub ↗

    给文章、图表与产品概念生成带中文标签的材质插画，讲板材结构比实拍更直观。

    拿来干什么：课件、方案书里"讲得清"的插图——给客户解释板材结构、施工分层时，带中文标注的插画比实拍照片更直观。

    README 摘句

    AI 博主归藏（op7418）的配图技能：为文章、图表、产品概念生成带中文标签的材质插画。含 SKILL.md（触发与工作流）、提示词模板、references/ 下风格、提示模式、图表美化、QA 检查等 6 个参考文件。仓库未见 License 文件，5 commits。

  4. 04
    出图·插画Agent 技能包★774

    照片转抽象画技能

    travel-photo-abstraction · GitHub ↗

    把实拍照片提炼成极简编辑风抽象版画，门店软装挂画可以批量出。

    拿来干什么：门店软装挂画、样板间装饰画——从项目实拍生成成套编辑风抽象画，自带专属叙事感。

    README 摘句

    把旅行/日常照片提炼成极简编辑风抽象画的 Codex 技能（README："analyzes a travel or everyday photograph as a visual system…"）。source-available 协议（禁修改、禁衍生、禁再分发），10 commits，含 Python 脚本。

视频·动效 · 14（当前显示 12，点上方标签看全部）

  1. 01
    视频·动效Agent 技能包★203

    产品动效短片技能

    motion-design · GitHub ↗

    把产品或想法拍成一条完整 motion film，配 10 种源示例风格与生成通道。

    拿来干什么：门店开业、新品上桌的十几秒动效短片——选风格改提示词就出片。

    README 摘句

    Codex/Claude Code 动效短片技能，README："Turn a product, website or idea into a complete motion film."——配 Higgsfield 生成通道，含 10 个源示例风格（Glass UI launch、Kinetic typography、Flat vector explainer 等）与带哈希校验的提示词。仓库无 License 文件（仅 ATTRIBUTION.md），7 commits。

  2. 02
    视频·动效Agent 技能包★322

    蓝图式改版讲解动画

    blueprint-animation · GitHub ↗

    把 UX 改版讲成一条连续的蓝图动画，一步步说清改了什么、为什么改。

    拿来干什么："改造前→改造后"的方案汇报——蓝图动画一步步讲清改了什么、为什么改。

    README 摘句

    把 UX 改版讲成"蓝图式"逐步动画的 Claude 技能，README："A Claude Design skill that explains UX decisions as one continuous, step-by-step blueprint animation"。设计师 Oğuz（oguz.design）作品。CC BY-NC 4.0（非商业免费，商业需书面许可），11 commits，v1.3.1。

  3. 03
    视频·动效Agent 技能包★72

    高端发布片技能包

    motion-video-kit · GitHub ↗

    AI 素材加代码动效产出商业发布片，内置评审者循环自动挑毛病再重做。

    拿来干什么：招商路演、门店形象片——评审循环自动挑毛病再重做，减少"AI 片一眼假"的返工。

    README 摘句

    高端发布风商业片技能包，README："A Claude Code skill (also usable as plain context for any LLM) for making premium, launch-style commercials"——AI 生成素材 + 代码驱动动效（HTML/GSAP，选择性 Three.js），内置独立"评审者"质量循环。作者 echris6，自述基于 28 部 SaaS 发布片研读与两部完整样片经验。MIT，6 commits。

  4. 04
    视频·动效Agent 技能包★60

    纯代码动效视频

    claude-motion-design · GitHub ↗

    用 HTML + Playwright + ffmpeg 纯代码出动效短片，不付 Adobe 订阅。

    拿来干什么：批量出产品动效短片不付 Adobe 订阅——浏览器渲染加 ffmpeg 合成，一台普通电脑跑门店日常短视频的稳定产能。

    README 摘句

    纯代码做动效视频的 Claude Code 技能，README："A Claude Code skill to make motion design videos in pure code: HTML + Playwright + ffmpeg."——无需 AE 或 Remotion 授权。作者 Raphaël Aubry（Howseen 创始人）。MIT，30 commits。

  5. 05
    视频·动效Agent 技能包★94k

    数学动画引擎（常青树）

    3b1b/manim · GitHub ↗

    3Blue1Brown 的数学动画引擎，动效可视化常青树

  6. 06
  7. 07
  8. 08
  9. 09
    视频·动效Agent 技能包★16k

    无限画布的分镜创作平台

    HBAI-Ltd/Toonflow-app · GitHub ↗

    无限画布 + Agent + 可视化工作流的图像/视频/分镜创作平台（中文）

  10. 10
  11. 11
  12. 12

办公·PPT · 2

  1. 01
    办公·PPTAgent 技能包★290

    谈单 PPT 设计技能

    PPT-Design-Skill · GitHub ↗

    4 万+ 版式规则的 PPTX 生成技能，逐页截图验收，专治 AI 排版崩坏。

    拿来干什么：谈单 PPT、招商物料——视觉验收自动截图逐页检查，避免"AI 生成排版崩坏"。

    README 摘句

    以设计决策与交付质量为核心的 PPT 技能，pptx-designer Python 库生成 PPTX，Skill 负责需求确认、结构设计、视觉方案、生成编排、PNG 视觉验收与返工；内置 4 万+ 版式规则。作者 sunchaokun。MIT，147 commits，v1.5。

  2. 02
    办公·PPTAgent 技能包★1,599

    可编辑 PPT 生成技能

    Binaryify/open-kimi-ppt-skill · GitHub ↗

    让 Agent 产出可编辑 PPTX，附本地浏览器编辑器做微调。

    拿来干什么：给客户提报、给员工做培训课件——量大、耗时、又躲不掉的那类办公活，先拿到能改的第一版。

    README 摘句

    让 Agent 生成可编辑的 PPTD 与 PPTX，附一个本地浏览器编辑器。

空间·室内 3D · 42（当前显示 12，点上方标签看全部）

  1. 01
    空间·室内 3DAgent 技能包★102

    Skylar 家装 3D 技能集

    skills · GitHub ↗

    房间照片转 3D 布局、分步 3D 组装手册、帧精确产品短片三个子技能。

    拿来干什么：room-from-photos 直击家装场景——客户发几张房间照片，出 3D 模型与布置参考，量房前第一轮沟通有的放矢。

    README 摘句

    个人设计向 Agent 技能集，README："Agent skills I use for design work with Claude Code and other coding agents"，每个技能是含 SKILL.md 的小文件夹。MIT，30 commits。三个子技能：3d-assembly-manual（手机优先的分步 3D 组装指南，单文件 Three.js HTML）、launch-film（帧精确的产品短片）、room-from-photos（房间照片转近照片级 3D 模型与家具布局规划）。

  2. 02
  3. 03
  4. 04
    空间·室内 3DAgent 技能包★14k

    图或文转 3D 的结构化生成

    microsoft/TRELLIS · GitHub ↗

    结构化 3D 隐空间生成，CVPR'25 Spotlight，图/文→3D

  5. 05
    空间·室内 3DAgent 技能包★12k

    早期文生 3D 经典模型

    openai/shap-e · GitHub ↗

    OpenAI 早期文生 3D 经典，常作教学基线

  6. 06
  7. 07
    空间·室内 3DAgent 技能包★11k

    上传房间照出装修方案

    Nutlope/roomGPT · GitHub ↗

    上传房间照片一键生成多风格装修方案，AI 室内设计应用标杆

  8. 08
    空间·室内 3D平台底座★7.9k

    本地显卡跑的图文生 3D 桌面应用

    lightningpixel/modly · GitHub ↗

    本地 GPU「图/文生 3D」桌面应用，被称"建模革命"

  9. 09
  10. 10
  11. 11
  12. 12

工程·前端工程 · 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。

出图·海报 · 1

  1. 01
    出图·海报平台底座★4,885

    开源海报设计器（迅排）

    poster-design · GitHub ↗

    开箱即用的开源 AI 海报与在线图片设计器，Web 编辑器批量出促销图与长图。

    拿来干什么：促销海报、产品详情页图自己批量出——活动档期不排队等美工。

    README 摘句

    开源 AI 海报/在线图片设计器（对标稿定设计），README："一个开箱即用、可零开发部署生产的开源 AI 海报设计器 / 在线图片设计工具"。作者 palxiao，另有付费企业版"迅排 Plus"。AGPL-3.0，401 commits。

出图·社媒图文 · 1

  1. 01
    出图·社媒图文平台底座★5,597

    小红书图文生成器

    RedInk · GitHub ↗

    一句话出整套小红书图文：大纲、封面、批量内容页，走 Nano Banana Pro。

    拿来干什么：小红书获客笔记的图文初稿流水线——一句话出文案加配图，按选题批量铺内容再人工提质。

    README 摘句

    基于 Nano Banana Pro 的小红书图文生成器，README："One Sentence, One Image: Generate Xiaohongshu Text and Images."，大纲→封面→批量内容页三步流程。作者 Mozi（Histone，杭州 AI 创业者）。CC BY-NC-SA 4.0（非商用），v1.4.3（2026-06-30），42 commits。

设计·素材 · 1

  1. 01
    设计·素材素材清单★3,080

    CSS 背景图案库

    pattern-craft · GitHub ↗

    100+ 现代 CSS 背景图案与渐变片段，复制到项目即用，无版权负担。

    拿来干什么：物料背景、小程序头图底纹免找素材——几何、噪点、渐变现成参数，无版权负担。

    README 摘句

    100+ 现代 CSS 背景图案与渐变片段库（Next.js 站点），README："Effortlessly enhance your websites and apps with 100+ modern CSS background patterns and gradient snippets."。作者 megh-bari，Vercel 赞助。MIT，182 commits。

设计·组件参考 · 1

  1. 01
    设计·组件参考素材清单★203

    液态玻璃聊天 UI

    liquid-glass-chat-ui · GitHub ↗

    两套液态玻璃风聊天 UI cookbook：动效头像、随键盘浮动输入栏、可逆手势。

    拿来干什么：给自家 AI 客服、导购机器人换一套"苹果液态玻璃"质感的现成参考——动效头像、随键盘浮动的输入栏、可逆手势都有实现可抄。

    README 摘句

    液态玻璃风聊天界面示例库（Expo React Native），README："Explore liquid-glass chat UIs with animated portraits, interactive stories, and floating composers."、"Two chat cookbooks. Glass portraits, reversible gestures, and conversations that move with the keyboard."——Appllama 组织的 UI 研究项目，@jaimintf 创建，声明非 Apple 官方产品。MIT，2 commits，iOS 专用。

出图·模型资源 · 1

  1. 01
    出图·模型资源素材清单★107

    通义万相资源清单

    awesome-qwen-image · GitHub ↗

    Qwen-Image 权重、量化、LoRA 与工具索引，本地部署通义万相的选型地图。

    拿来干什么：本地部署通义万相的"地图"——显存不够选哪份量化、Mac 用哪份移植，一站查清。

    README 摘句

    Qwen-Image 2.1（阿里 7B 统一文生图/图像编辑模型）的资源清单，README："A curated list of checkpoints, quants, prompt engines, LoRAs, and tooling"。wildminder 维护，README 由 blocks/*.md 自动构建。24 commits。

出图·生成底座 · 22（当前显示 12，点上方标签看全部）

  1. 01
  2. 02
  3. 03
    出图·生成底座Agent 技能包★91k

    浏览器里的开源剪片工具

    OpenCut-app/OpenCut · GitHub ↗

    开源视频剪辑器，CapCut 替代，浏览器内运行

  4. 04
  5. 05
  6. 06
    出图·生成底座Agent 技能包★28k

    面向艺术家的创作引擎

    invoke-ai/InvokeAI · GitHub ↗

    面向专业艺术家的创作引擎，画布体验完善

  7. 07
  8. 08
    出图·生成底座Agent 技能包★23k

    去水印去杂物的图像修复器

    Sanster/IOPaint · GitHub ↗

    图像修复/消除（原 lama-cleaner），去水印去杂物首选

  9. 09
  10. 10
  11. 11
  12. 12

出图·视觉物料 · 13（当前显示 12，点上方标签看全部）

  1. 01
  2. 02
  3. 03
  4. 04
  5. 05
  6. 06
  7. 07
    出图·视觉物料Agent 技能包★4.9k

    在线海报与电商图编辑器

    palxiao/poster-design · GitHub ↗

    迅排设计：在线图片编辑器 + AI 海报/电商图/长图/公众号封面

  8. 08
  9. 09
  10. 10
    出图·视觉物料Agent 技能包★3.1k

    免浏览器渲染 OG 图与 PDF

    kane50613/takumi · GitHub ↗

    用 JSX/HTML/CSS 渲染 OG 图与分页 PDF，无需无头浏览器

  11. 11
  12. 12

工程·设计工具 · 20（当前显示 12，点上方标签看全部）

  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

办公·剪辑 · 2

  1. 01
    办公·剪辑命令行工具★2,952

    剪映自动化

    mcncarl/jianying-headless · GitHub ↗

    给一份结构化剪辑计划，生成可编辑草稿后调本机剪映导出 MP4（仅 macOS）。

    拿来干什么：门店短视频、案例片的批量粗剪——「剪视频获客」这套打法里最耗工的那一段先交给机器，人只做终审。

    README 摘句

    剪映专业版本地自动化。给一份结构化剪辑计划，生成可编辑草稿，在独立副本里改多轨工程，最后调本机剪映引擎导出 MP4。含配套 Agent Skill。

  2. 02
    办公·剪辑命令行工具★1,451

    FFmpeg 剪辑助手

    kajisho5/ffmpeg-skill · GitHub ↗

    本地 FFmpeg 手把手：9:16 裁切、响度压制、字幕一行命令搞定。

    拿来干什么：小红书与视频号的多尺寸裁切、消音段检测、字幕压制——不用记 ffmpeg 那串参数。

    README 摘句

    给编码 Agent 装一个视频剪辑手。本地 FFmpeg，不连云、不填 API key，纯 Python 标准库。

视频·提示词 · 1

  1. 01
    视频·提示词素材清单★1,590

    Seedance 提示词库

    LearnPrompt/awesome-seedance · GitHub ↗

    463 个溯源自帖的视频提示词案例加 264 次跨模型复测结论。

    拿来干什么：视频生成的提示词不用从头摸——每个案例都带出处，能照着改。

    README 摘句

    Seedance 视频模型的提示词库：463 个能溯到原帖的案例、264 次跨模型复测（结论公开）、25 个可抄模板、60 个可装技能。

视频·内容生产 · 4

  1. 01
    视频·内容生产Agent 技能包★4,049

    AI 短剧制作技能集

    eternityspring/shuohao-skills · GitHub ↗

    拆角色、排大纲、写剧本、切分镜，短剧从想到哪拍到哪变成分镜先行。

    拿来干什么：小红书短剧、门店故事片从「想到哪拍到哪」变成分镜先行，改本子比改片子便宜。

    README 摘句

    AI 短剧制作技能集：拆角色、排大纲、出场景与道具设定、写剧本、切分镜，Claude Code 与 Codex 都能跑。

  2. 02
    视频·内容生产Agent 技能包★2,229

    文章转讲解视频

    Vincentwei1021/anything2explainer · GitHub ↗

    一个主题出一条黑底动效讲解视频，配音、字幕、章节进度条全带。

    拿来干什么：把写好的文章和课程转成视频形态，不用重新搭班子。

    README 摘句

    给一个主题，产出一条黑底动效讲解视频：配音、字幕、章节进度条全带，中英文都行，Remotion 代码动画。

  3. 03
    视频·内容生产Agent 技能包★1,344

    配音同步动效工作室

    Vincentwei1021/video-talkcraft · GitHub ↗

    109 张动效配方卡加词级配音同步，专治声音画面两张皮。

    拿来干什么：讲解视频里声音和画面两张皮的问题，它专门治这个。

    README 摘句

    把编码 Agent 变成动效工作室：词级配音同步、109 张动效配方卡、防幻灯片镜头系统。

  4. 04
    视频·内容生产Agent 技能包★1,223

    一镜到底发布片技能

    feitangyuan/onetake · GitHub ↗

    每个节拍承接上一拍不切镜头，连续性由评审器打分。

    拿来干什么：新品上新的宣传短片——家具上新季正好用得上。

    README 摘句

    一镜到底的产品发布片技能：每个节拍承接上一拍，不切镜头，连续性由评审器打分。