跳到正文

Skill 技能库 · 222 条

界面与网页设计 · 15

  1. 设计·界面★131,641

    UI-UX 极客设计技能

    来源:ui-ux-pro-max-skill · GitHub

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

    拿来干什么
    门店小程序、获客落地页没有设计师时,AI 直接出接近专业水准的界面初稿。
    怎么用
    Agent 技能包
    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。

    GitHub ↗
  2. 设计·界面★42,012

    Emil 界面技能集(含 apple-design)

    来源:emilkowalski/skills · GitHub

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

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

    GitHub ↗
  3. 设计·生成底座★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 设计系统。

    GitHub ↗
  4. 设计·界面★12,689

    Garden 生产级技能集

    来源:garden-skills · GitHub

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

    拿来干什么
    中文场景的一页式介绍页、讲义网页——国产生态里成体系的中文设计技能少见。
    怎么用
    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。

    GitHub ↗
  5. 工程·架构图★74,332

    Archify 架构图技能

    来源:archify · GitHub

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

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

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

    GitHub ↗
  6. 设计·网页★2,862

    滚动叙事网站技能

    来源:scroll-craft · GitHub

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

    拿来干什么
    品牌故事页、案例长图滚动页——"工厂实力""改造历程"的沉浸式讲述。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  7. 设计·界面★577

    重构 UI 技能

    来源:refactoring-ui-skill · GitHub

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

    拿来干什么
    没设计背景的页面"一眼土"——按经典规则调间距层级配色。
    怎么用
    Agent 技能包
    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。

    GitHub ↗
  8. 设计·网页

    界面质感升级技能

    来源:ui-ux-glowup · GitHub

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

    拿来干什么
    已有获客页"能用但不好看",推倒重来成本高——原地升级的路线;本站列为观察位。
    怎么用
    Agent 技能包
    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 审计脚本。

    GitHub ↗
  9. 设计·动效★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。

    GitHub ↗
  10. 工程·设计系统★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。

    GitHub ↗
  11. 写作·去 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。

    GitHub ↗
  12. 工程·设计规范★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 项目。

    GitHub ↗
  13. 设计·界面★2,335

    落地页设计技能集

    来源:ai-design-skills · GitHub

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

    拿来干什么
    落地页从"会写代码"到"会转化"——内置 intake 问题与转化文案结构。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  14. 设计·生成底座★4,224

    宝玉本地 Claude Design

    来源:baoyu-design · GitHub

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

    拿来干什么
    Claude Design 的生成质量留在本地——客户文件保密敏感的团队适用。
    怎么用
    Agent 技能包
    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。

    GitHub ↗
  15. 设计·iOS 规范

    Apple HIG 规范库

    来源:apple-design-skill · GitHub

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

    拿来干什么
    做 iOS 质感界面时的"字典",与本站改版同源
    怎么用
    规范库
    README 摘句

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

    GitHub ↗

品牌 / Logo / 图像生成技能 · 26

  1. 设计·品牌视觉★846

    Logo 设计技能

    来源:logo-design-skill · GitHub

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

    拿来干什么
    工作室/门店品牌初稿——从 brief 到 SVG 到使用规范由 Agent 完成,终稿人工把关。
    怎么用
    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。

    GitHub ↗
  2. 设计·品牌视觉★5,698

    IP 吉祥物 Logo 技能

    来源:ip-as-logo-skill · GitHub

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

    拿来干什么
    品牌吉祥物、小程序头像、门店 IP 形象的初稿——几分钟拿到可讨论的第一版,再决定是否找设计师深化。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  3. 出图·图像模型★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。

    GitHub ↗
  4. 出图·提示词★5,602

    GPT Image 提示词画廊

    来源:GPT-Image2-Skill · GitHub

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

    拿来干什么
    出图前把"中式表达"翻译成 GPT-Image 吃得准的提示词——同样的需求,写法对了成功率高一截。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  5. 出图·提示词★126

    通义万相 2.1 提示词技能

    来源:qwen-image-2.1-skill · GitHub

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

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

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

    GitHub ↗
  6. 出图·插画★3,306

    单色油墨插画技能

    来源:mono-color-skill · GitHub

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

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

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

    GitHub ↗
  7. 出图·插画★3,770

    手绘风格编号图鉴

    来源:handraw-style · GitHub

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

    拿来干什么
    量房草图、施工讲解插画要风格统一——280 个编号让系列物料手绘感完全一致。
    怎么用
    素材清单
    README 摘句

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

    GitHub ↗
  8. 出图·插画★1,177

    材质插画配图技能

    来源:guizang-material-illustration · GitHub

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

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

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

    GitHub ↗
  9. 出图·插画★774

    照片转抽象画技能

    来源:travel-photo-abstraction · GitHub

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

    拿来干什么
    门店软装挂画、样板间装饰画——从项目实拍生成成套编辑风抽象画,自带专属叙事感。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  10. 视频·动效★203

    产品动效短片技能

    来源:motion-design · GitHub

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

    拿来干什么
    门店开业、新品上桌的十几秒动效短片——选风格改提示词就出片。
    怎么用
    Agent 技能包
    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。

    GitHub ↗
  11. 视频·动效★322

    蓝图式改版讲解动画

    来源:blueprint-animation · GitHub

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

    拿来干什么
    "改造前→改造后"的方案汇报——蓝图动画一步步讲清改了什么、为什么改。
    怎么用
    Agent 技能包
    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。

    GitHub ↗
  12. 视频·动效★72

    高端发布片技能包

    来源:motion-video-kit · GitHub

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

    拿来干什么
    招商路演、门店形象片——评审循环自动挑毛病再重做,减少"AI 片一眼假"的返工。
    怎么用
    Agent 技能包
    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。

    GitHub ↗
  13. 视频·动效★60

    纯代码动效视频

    来源:claude-motion-design · GitHub

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

    拿来干什么
    批量出产品动效短片不付 Adobe 订阅——浏览器渲染加 ffmpeg 合成,一台普通电脑跑门店日常短视频的稳定产能。
    怎么用
    Agent 技能包
    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。

    GitHub ↗
  14. 办公·PPT★290

    谈单 PPT 设计技能

    来源:PPT-Design-Skill · GitHub

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

    拿来干什么
    谈单 PPT、招商物料——视觉验收自动截图逐页检查,避免"AI 生成排版崩坏"。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  15. 工程·架构图★7,373

    暗色架构图技能

    来源:architecture-diagram-generator · GitHub

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

    拿来干什么
    智能家居设备拓扑图、门店系统图——客户看得懂的深色专业图。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  16. 空间·室内 3D★102

    Skylar 家装 3D 技能集

    来源:skills · GitHub

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

    拿来干什么
    room-from-photos 直击家装场景——客户发几张房间照片,出 3D 模型与布置参考,量房前第一轮沟通有的放矢。
    怎么用
    Agent 技能包
    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 模型与家具布局规划)。

    GitHub ↗
  17. 设计·界面

    中文 Figma UI 技能集

    来源:ye-susu/ui-design-skills · GitHub

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

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

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

    GitHub ↗
  18. 工程·前端工程★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★。

    GitHub ↗
  19. 工程·设计系统★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。

    GitHub ↗
  20. 工程·工具底座★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。

    GitHub ↗
  21. 出图·海报★4,885

    开源海报设计器(迅排)

    来源:poster-design · GitHub

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

    拿来干什么
    促销海报、产品详情页图自己批量出——活动档期不排队等美工。
    怎么用
    平台底座
    README 摘句

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

    GitHub ↗
  22. 出图·社媒图文★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。

    GitHub ↗
  23. 设计·素材★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。

    GitHub ↗
  24. 设计·组件参考★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 专用。

    GitHub ↗
  25. 出图·模型资源★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。

    GitHub ↗
  26. 出图·提示词★104

    gpt-image 提示词实测集

    来源:prompt-atlas · GitHub

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

    拿来干什么
    出图效果不满意时,从 50 个已验证范式里挑相近的直接改
    怎么用
    素材清单
    README 摘句

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

    GitHub ↗

图像 / 视频生成底座与工作流引擎 · 22

  1. 出图·生成底座★1.3k

    字节的统一多模态大模型

    来源:bytedance/Lance · GitHub

    字节 30 亿激活参数原生统一多模态(图像/视频理解与生成编辑)

    怎么用
    Agent 技能包
    GitHub ↗

提示词库、平面 / 品牌 / 视觉物料 · 13

UI / UX 生成与设计智能 Skill · 17

设计工具、画布与 Figma 生态 · 20

3D / 建筑 / 室内装修 / 工业设计 · 40

  1. 空间·室内 3D★11k

    上传房间照出装修方案

    来源:Nutlope/roomGPT · GitHub

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

    怎么用
    Agent 技能包
    GitHub ↗

日常干活工具 · 2

  1. 空间·室内 3D★1,247

    户型 3D 设计工具

    来源:wy51ai/floorplan-3d · GitHub

    纯前端画户型、摆家具、拆墙测量,一键切 Three.js 3D 漫游(零 AI)。

    拿来干什么
    量房之后到出效果图之间那段「客户还看不懂平面图」的空白,它直接补上,还不用装任何设计软件。
    怎么用
    在线工具
    README 摘句

    纯前端户型装修设计工具:2D 平面图摆家具、拆改墙体、测量尺寸,一键切 Three.js 3D 场景,可第一人称漫游。**纯 JavaScript,一点 AI 都没用**(名字里的 ai 是作者名)。

    GitHub ↗
  2. 设计·界面★2,267

    头部 App 套路对照技能

    来源:Appllama/appllama-skills · GitHub

    把头部 App 的真实界面与流程变成工作方法,小程序照着赢家做设计。

    拿来干什么
    门店小程序、客户自助页没有设计师时,有一套可对照的标准,不靠拍脑袋。
    怎么用
    Agent 技能包
    README 摘句

    把头部 App 的真实界面、流程与 UI 套路变成 Agent 的工作方法——照着已经赢的那些应用做设计,做到模拟器可验的完成度。

    GitHub ↗

动效、演示与视频设计 · 10

写作与去 AI 味技能 · 3

  1. 写作·去 AI 味★53,047

    去 AI 味改写 Humanizer

    来源:blader/humanizer · GitHub

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

    拿来干什么
    AI 起草、人来发布的每一篇——本站文库长文的通病清单就是它列的这一族
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  2. 写作·去 AI 味★482

    通用去 AI 味技能

    来源:jalaalrd/anti-ai-slop-writing · GitHub

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

    拿来干什么
    不用 Claude Code 的团队(Cursor/Gemini/本地模型)也能统一去味
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  3. 写作·去 AI 味★9

    Markdown 味检技能

    来源:sirambrosio/humanink · GitHub

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

    拿来干什么
    网页文案发版前的最后一道味检
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗

办公提效 · 4

  1. 办公·剪辑★2,952

    剪映自动化

    来源:mcncarl/jianying-headless · GitHub

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

    拿来干什么
    门店短视频、案例片的批量粗剪——「剪视频获客」这套打法里最耗工的那一段先交给机器,人只做终审。
    怎么用
    命令行工具
    README 摘句

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

    GitHub ↗
  2. 办公·PPT★1,599

    可编辑 PPT 生成技能

    来源:Binaryify/open-kimi-ppt-skill · GitHub

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

    拿来干什么
    给客户提报、给员工做培训课件——量大、耗时、又躲不掉的那类办公活,先拿到能改的第一版。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  3. 办公·剪辑★1,451

    FFmpeg 剪辑助手

    来源:kajisho5/ffmpeg-skill · GitHub

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

    拿来干什么
    小红书与视频号的多尺寸裁切、消音段检测、字幕压制——不用记 ffmpeg 那串参数。
    怎么用
    命令行工具
    README 摘句

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

    GitHub ↗
  4. 视频·提示词★1,590

    Seedance 提示词库

    来源:LearnPrompt/awesome-seedance · GitHub

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

    拿来干什么
    视频生成的提示词不用从头摸——每个案例都带出处,能照着改。
    怎么用
    素材清单
    README 摘句

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

    GitHub ↗

内容生产与视频 · 4

  1. 视频·内容生产★4,049

    AI 短剧制作技能集

    来源:eternityspring/shuohao-skills · GitHub

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

    拿来干什么
    小红书短剧、门店故事片从「想到哪拍到哪」变成分镜先行,改本子比改片子便宜。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  2. 视频·内容生产★2,229

    文章转讲解视频

    来源:Vincentwei1021/anything2explainer · GitHub

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

    拿来干什么
    把写好的文章和课程转成视频形态,不用重新搭班子。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  3. 视频·内容生产★1,344

    配音同步动效工作室

    来源:Vincentwei1021/video-talkcraft · GitHub

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

    拿来干什么
    讲解视频里声音和画面两张皮的问题,它专门治这个。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  4. 视频·内容生产★1,223

    一镜到底发布片技能

    来源:feitangyuan/onetake · GitHub

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

    拿来干什么
    新品上新的宣传短片——家具上新季正好用得上。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗

写作与去 AI 味 · 3

  1. 写作·去 AI 味★3,925

    中文像人说人话技能

    来源:KKKKhazix/human-writing · GitHub

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

    拿来干什么
    课程稿、公众号稿的模型腔——读着顺,但说不出是谁写的。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  2. 写作·去 AI 味★2,934

    分层去 AI 味技能

    来源:Nanako0129/sepia · GitHub

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

    拿来干什么
    改错层面等于白改——它先判断该动哪一层再动手。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗
  3. 写作·去 AI 味★2,240

    统计口径去 AI 味

    来源:larashero3-dotcom/lieflat-less-ai-tone · GitHub

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

    拿来干什么
    同一篇稿子换个统计口径再查一遍,两条路线交叉验证。
    怎么用
    Agent 技能包
    README 摘句

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

    GitHub ↗

采集池·新收录 · 43

  1. 办公·PPT★5,282

    命令行 Markdown 演示工具

    来源:visit1985/mdp · GitHub

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

    怎么用
    命令行工具
    GitHub ↗
  2. 出图·生成底座★28

    摩洛哥风格 AI 室内生成(黑客松获奖)

    来源:wassim249/TIG_MI · GitHub

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

    怎么用
    Agent 技能包
    GitHub ↗

浙ICP备2026082753号-2