一份精选的 agent skills 清单，覆盖前端设计、skills 管理、项目脚手架、工作方法论、代码审查、Agent 自动化、生图、视频与 PPT、网站克隆等场景。

🎨 前端设计

ui-ux-pro-max

设计智能库：内置 67 种 UI 风格、161 套配色、57 组字体搭配、99 条 UX 规范、25 种图表，能根据项目需求自动生成一套完整的设计系统。适合建站、落地页、仪表盘等场景。

• 地址：nextlevelbuilder/ui-ux-pro-max-skill
• 安装：npx skills add nextlevelbuilder/ui-ux-pro-max-skill（或官方 CLI uipro init --ai claude --global）

make-interfaces-feel-better

打磨交互细节，让界面更有质感——微动效、过渡、手感层面的优化。

• 安装：npx skills add jakubkrehel/make-interfaces-feel-better

frontend-design

Anthropic 官方插件：给界面独特的视觉个性，避免"一眼 AI 味"的模板化默认样式。做前端时 Claude 会自动调用。

• 地址：anthropics/claude-code · plugins/frontend-design
• 安装：官方插件，走 /plugin 安装（不是 npx skills add）

🧩 元 Skills（管理与发现）

find-skills

当你说"有没有能做 X 的 skill"时，帮你发现并安装对应的 agent skill。本身是 npx skills 生态的一部分。

• 地址：vercel-labs/skills

skill-manager

集中管理 Claude Code / Codex 的 skills：以 ~/.skills/ 为唯一来源，用软链分发到各项目，解决 skill 在多个项目里重复的问题。

• 地址：xhyqaq/skill-manager
• 场景：管理 skills，也可以通过 skills 桌面版软件管理

darwin-skill（迭代 Skills）

自动优化 skill 的系统，口号是"评估、改进、测试、保留或回滚"。它从九个维度评估现有 skill，生成针对性改进、用真实 prompt 测试效果，只保留能实测提升表现的改动——形成"分数只升不降"的棘轮机制。

• 地址：alchaincyf/darwin-skill
• 场景：手上有多个 skill 需要持续打磨、想让 skill 自我进化而不用人肉逐条改的时候用

🏗️ 项目脚手架

web-project-standards-skill

为 TypeScript 全栈项目生成 AI 友好的规范文档：一键产出 AGENTS.md / CLAUDE.md 及前端、后端、API、数据库、测试、后台 UI 的详细工程标准，帮团队统一约定、让 AI 协作更顺。

• 地址：xhyqaq/web-project-standards-skill
• 场景：打造一个从 0-1 的项目使用

⚙️ 工作方法论

superpowers

一整套面向 coding agent 的软件开发方法论，构建在一组可组合的 skills 之上：把 agent 的工作流拆成设计 → 规划 → 实现三个阶段，包含 TDD、代码审查、系统化调试，让 agent 更自主、产出更高质量的代码。

• 地址：obra/superpowers
• 场景：开发长期迭代维护的项目需要用到，如果限期慢只需要头脑风暴和 plan 即可

🔍 代码审查

clean-code-reviewer

按 Robert C. Martin《Clean Code》的 11 类原则（命名、函数、注释、格式、对象/数据结构、错误处理、边界、单元测试、类、涌现式设计、并发）审查代码：按严重度（🔴 严重 / 🟡 改进 / 🟢 建议）标注问题并附 Clean Code 启发式代码，给出 before/after 重构示例，识别并肯定好的写法（不可变、依赖注入、工厂方法、卫语句等），还能按语言习惯适配、为遗留代码给出分阶段低风险的清理计划。

• 地址：ZLStas/skills · clean-code-reviewer（属于 booklib-ai/skills 合集）
• 安装：npx @booklib/skills add --profile=core --global（core 档含 clean code；或 npx @booklib/skills add --all --global 装全部）
• 场景：代码审查、重构建议、提升可读性与代码质量、遗留系统渐进式现代化；装好后触发相关请求会自动激活，无需手动调用

🧭 Agent 操作与自动化

agent-browser

Vercel Labs 出品的浏览器自动化 CLI，专为 AI agent 设计：打开网页、填表单、点按钮、截图、抓数据、端到端测试 Web 应用都能自动完成。核心流程是"打开 → snapshot 拿到元素引用（@e1/@e2）→ 交互 → 再 snapshot"，文本输出精简、省 context，兼容 Claude Code / Codex / Cursor 等。

• 地址：vercel-labs/agent-browser
• 安装：npm i -g agent-browser（或 brew install agent-browser / cargo install agent-browser），再执行 agent-browser install 下载浏览器
• 场景：需要让 AI 真正"操作浏览器"——自动登录、填表、点击、抓取、网页端到端测试

cli-anything

HKUDS 的"Making ALL Software Agent-Native"：为任意有源码的 GUI 软件自动生成一套生产级 CLI，让 AI agent 无需鼠标/显示器就能操作它。已成功为 GIMP、Blender、Inkscape、Audacity、OBS、Kdenlive 等生成 CLI，产物是带 REPL、JSON 输出、undo/redo、完整测试的有状态命令行。

• 地址：HKUDS/CLI-Anything
• 场景：想让 AI 驱动某个只有图形界面的软件——把它"CLI 化"后即可被 agent 批量、可测试地操作

🖼️ 生图 Skills

GPT-Image2-Skill

面向 OpenAI 图像生成模型的 prompt 精选库 + CLI 工具，覆盖 30+ 分类（动漫、游戏、UI 稿、科研配图等）的生产级 prompt。既能当独立命令行工具生图，也能作为 skill 装进 Claude Code / Codex，用自然语言或直接复制 prompt 出图。

• 地址：wuyoscar/GPT-Image2-Skill
• 场景：想快速拿现成 prompt 生成高质量图片，或把生图能力接进 agent 工作流

awesome-gpt-image-2

把 500+ 逆向出来的 GPT-Image2 prompt 整理成可复用的结构化模板，主打"Prompt as Code"——不是零散的示例，而是可组合、可批量调用的生产级 prompt 组件库。

• 地址：freestylefly/awesome-gpt-image-2
• 场景：做批量生图、搭生图自动化流水线时，把优质 prompt 当代码组件来复用

🎬 视频与播客

video-podcast-maker

给一个主题，自动产出 4K 视频播客：研究 → 脚本 → TTS 配音 → Remotion 渲染 → MP4 + 背景音乐，一条龙完成；也能从参考视频/图片里学习视觉设计模式。

• 地址：Agents365-ai/video-podcast-maker
• 场景：想把一个选题一键做成成片视频 / 知识播客。TTS 默认用免费的 edge-tts（微软 Edge 在线朗读，无需 API key），也可切到 Azure 等付费后端；Remotion / FFmpeg 均本地免费，整条流水线零成本即可出片

remotion-best-practices

用 React + Remotion 做视频的最佳实践合集（39 个规则文件），覆盖动画、音频、字幕/caption、FFmpeg、字体、合成、转场、时间轴等。给在 Remotion 代码里工作的 agent 提供领域知识，少踩渲染的坑。

• 地址：remotion-dev/skills · remotion-best-practices
• 安装：npx skills add remotion-dev/skills@remotion-best-practices
• 场景：写 Remotion 视频代码时随时查最佳实践；常与 video-podcast-maker 搭配使用

🖥️ 幻灯片 / PPT

html-ppt（HTML PPT Studio）

用纯静态 HTML 写专业幻灯片：模板驱动——一个主题文件=一种风格、一个布局文件=一种页型、一个动画类=一种入场效果，共享一套 token 设计系统，支持键盘翻页，也能做小红书图文。无需构建，纯 HTML/CSS/JS + CDN 字体。

• 地址：lewislulu/html-ppt-skill
• 安装：npx skills add https://github.com/lewislulu/html-ppt-skill
• 场景：要做演讲稿 / PPT / 分享稿 / reveal 风格 HTML slides，或小红书图文，追求美观且可键盘操作

🎨 UI 设计稿 Skills

design.md（DESIGN.md）

一种格式规范：把机器可读的设计 token（YAML）和人类可读的设计说明（Markdown）结合，给 AI coding agent 一份持久、结构化的设计系统理解。支持校验设计系统、跨版本对比回归、导出 token 到 Tailwind 等框架，让 agent 生成的 UI 稳定符合品牌规范。

• 地址：google-labs-code/design.md
• 场景：想让 AI 按固定的设计规范/品牌 token 出 UI，避免每次风格漂移

🌐 Clone 网站 Skills

firecrawl-website-design-clone

Firecrawl 官方出品（专业网页抓取团队），23K+ 安装量，断层领先。用 Firecrawl 抓取目标网站的结构与设计，再还原成代码。

• 地址：skills.sh · firecrawl-website-design-clone
• 安装：npx skills add firecrawl/firecrawl-workflows@firecrawl-website-design-clone -g -y
• 场景：想快速复刻某个网站的设计/结构。虽然要 API key，但有免费额度；注意版权，建议仅用于学习或有授权的场景

🧹 整理 Skill

neat-freak（洁癖）— 知识库同步器

• 地址：KKKKhazix/khazix-skills · neat-freak
• 场景：在每次工作完成后手动调用一下 /neat-freak，会更新旧文档和新代码

📌 备注

• frontend-design 是 Anthropic 官方插件（在 anthropics/claude-code 仓库里），走 /plugin 而非 npx skills add。
• ui-ux-pro-max 官方推荐用自带的 uipro CLI 安装，这里也给了一条 npx skills add 备选，按受众习惯二选一。
• find-skills 本身是 npx skills 工具链的一部分（vercel-labs/skills），装好后发现 / 安装都在里面完成。
• 生图类（GPT-Image2 / awesome-gpt-image-2）依赖 OpenAI 图像模型，需要对应 API key。
• agent-browser 走 npm / brew / cargo 安装（不是 npx skills add），装完记得 agent-browser install 下载浏览器。
• 视频类（video-podcast-maker）默认 TTS 是免费的 edge-tts（无需 API key），配合本地的 Remotion + FFmpeg 即可零成本出片；只有切到 Azure 等付费后端才需要 key。常与 remotion-best-practices 搭配。