审美奇点 · 40 个 AI 设计 Skills 档案

当前浏览器未启用 JavaScript。以下为完整档案索引，点击可访问作者原仓库。

01 · taste-skill — 反 Slop 前端框架:给 AI Agent 装上「审美品味」,产出 premium 级界面
02 · superdesign-skill — 给 coding agent 注入设计判断力,在无限画布上生成/迭代 UI、演示与图形
03 · claude-design-system-prompt — 逆向工程的系统提示词+技能库:把 LLM 变成有主见、有品位的产品设计师
04 · avoid-ai-design — 审计 AI 生成的前端,识别并重写掉通用 AI 味
05 · baoyu-design — 把 Anthropic 官方 Claude Design 变成可在本地任意 agent 跑的 Skill(中文作者)
06 · frontend-design — 8 个审美锚点的前端设计 skill,通吃 Claude Code / Codex / Gemini CLI
07 · claude-design-skill — 把 Claude 变成 HTML artifact 专家设计师的便携 skill
08 · web-designer-plugin — 48 个顶级网站设计模式库:让 Claude 的设计有真实参照
09 · lets-scroll — 构建滚动驱动、电影感「飞越世界」式落地页的 agent skill
10 · Shadcnblocks-Skill — 给 agent 装 2,500+ shadcn/ui 组件块知识,按需拼装
11 · swiftui-design-skill — SwiftUI 前端设计的六条铁律:专治 AI 味的苹果平台界面
12 · hue — 让 AI 学习任意品牌,自动生成一套完整设计系统
13 · oh-my-design — 一条命令安装 400+ 质量分级的设计系统参考
14 · qiaomu-design — 乔木·偏执型设计顾问(中文):四个真实方向→实现→浏览器验证交付
15 · extract-design-system — 从任意公开网站一键提取设计 tokens(色/字/间距/圆角/阴影)
16 · review-ui-design-skill — Codex 的产品 UI 评审专家团(中文):从形色字质构到交互与设计系统
17 · frontend-design-audit — 基于可用性启发式的 Claude 前端审计 skill
18 · gsap-skills — GSAP 官方 12 个技能:教会 AI 正确书写 Web 动画
19 · motion-design-skill — 通用动效设计原理:时序/缓动/编排/迪士尼 12 原则,写给 AI agents
20 · video-talkcraft — 把 Claude Code / Codex 变成语音驱动的内容动效工作室
21 · genjutsu — 创意编码技能集:动画、3D、设计系统、动效原则
22 · superpowers — Agentic skills 框架与软件开发方法论:业界最大的技能仓之一
23 · anthropics/skills — Anthropic 官方 Agent Skills 仓库:docx/pdf/pptx/xlsx 等文档技能
24 · vercel-labs/agent-skills — Vercel 官方技能集合:React/Next.js 最佳实践、设计、性能
25 · designer-skills — 设计师技能包:273 skills × 76 commands × 33 plugins,五套合集
26 · Claude-Code-Frontend-Design-Toolkit — 实测有效的 Claude Code 前端设计工具链合集
27 · awesome-claude-code-skills — Claude Code 技能精选合集(中文):50+ 按场景分类,复制即装
28 · agent-vision-toolkit — 给纯文本模型装「眼睛」:多图理解/前端 UI 还原/GUI 自动化
29 · Claude Code · Frontend Design — Anthropic 官方前端设计 Skill:先确立视觉方向,再用排版与结构纪律减少模板化界面
30 · UI UX Pro Max — 跨平台 UI/UX 设计智能库:风格、行业规则、组件、配色、字体与设计系统一次覆盖
31 · OpenDesign — 本地优先的开放设计工作台:让 coding agent 生成、迭代并导出真实设计成品
32 · Frontend UI Engineering — 把响应式、可访问性、组件架构和视觉精修合成一套生产级前端实现流程
33 · gstack Design Review — 带自动修复能力的设计 QA:检查视觉一致性、间距、层级、AI 味和慢交互
34 · Front-End Checklist — 前端质量检查体系:把无障碍、性能、SEO和实现规范拆成可执行门禁
35 · Archify — 把系统描述或真实代码库转换成可验证、可探索、带动效的专业架构图
36 · Diagram Design — 39 类编辑设计风格图表 Skill:用 HTML/SVG 生成品牌化、可访问的专业图形
37 · Baoyu Skills — 内容视觉生产技能集:信息图、知识漫画、图解、封面、配图和幻灯片
38 · Scientific Visualization — 以真实性、无障碍和出版标准为核心的数据可视化设计与审计 Skill
39 · Figma to Code — 专注 Figma 到 React/Next.js 的设计转代码流程,强调组件复用与变体映射
40 · UI Design System — 高级 UI 设计系统 Skill:生成 token、组件文档、响应式规则与设计开发交付物

粤ICP备2025370197号-2

跳到主要内容

审美奇点AESTHETIC SINGULARITY40TOTAL

GitHub 原仓库 ↗

◆当机器开始审美,
把判断力握回手里。

← →切换点击图横向滑动/ 搜索