把 AI 技能装进你的工作流
按真实工作场景发现、比较和安装 AI Agent 技能。查看技能用途、支持平台、来源和安装方式,再决定是否加入自己的工作流。
151
已收录技能
32
支持 Agent 平台
151
可追溯来源
150
可直接安装
按任务找
先说你要完成什么
直接描述你要完成的事情,也可以按分类和使用平台筛选。
工作流推荐
告诉我你要做什么,先给你一套起步组合
这是按用途整理的快捷入口,不会替你安装;点进技能详情后,再决定是否加入自己的 Agent。
做一个能上线的页面
从页面结构、文案到上线前检查,先搭一套起步组合。
设计
网站设计语言提炼
从真实网站提炼可复用的设计系统文档与预览页,帮助 Agent 复用视觉语言而不是盲目照抄页面。
设计
产品界面设计与系统记忆
面向仪表盘、SaaS、管理后台和工具界面,先明确视觉方向与设计规则,再保存到 system.md,帮助多个页面和会话保持一致;不面向营销落地页。
设计
Awesome Design Skills 设计系统合集
收集 67 个设计风格的 DESIGN.md 与 SKILL.md,帮助 Codex、Claude Code、Cursor 生成一致、可访问的界面。
场景技能包
按结果拿一组,不用从零开始拼
产品上线包
页面、文案和上线前检查 · 先查看详情,再按需安装
精选推荐
热门工作流技能
设计 / 原型与视觉内容
Huashu Design 花叔设计|网页原型、演示与动效
把一句需求变成可点击 HTML 原型、演示文稿、时间轴动画或信息图,适合快速展示视觉方向与产品故事。
设计 / 前端开发
World-Class Web Design OS 网页设计工作流套件
把网页任务拆成需求发现、视觉方向、设计系统、实现、独立评审与浏览器验收的跨 Agent 工作流,按需调用 17 项专业技能。
开发
React / Next.js 性能优化
用 Vercel 工程团队总结的高优先级规则,减少 React / Next.js 中的加载瀑布、包体过大和不必要重渲染。
SEO
SEO 网站审计
从抓取、页面结构、索引信号和内容质量四个方向检查网站,并整理成可执行的修复清单。
开发
Superpowers 软件开发方法论
让编码 Agent 先澄清需求、拆出方案和计划,再按测试驱动与分工协作完成开发,适合中大型软件任务。
设计
Better Interface 全面界面评审
从可访问性、布局、文案、排版、颜色和 UI 六个方向整体检查界面,并整理成按优先级排列的改进建议。
设计
Taste Skill 前端审美
为 AI 生成的前端界面补充布局、排版、动效和视觉密度规则,减少千篇一律的模板感。
设计 / 开发
Website Studio 全流程建站与验收
从需求梳理、视觉方向到响应式实现、浏览器验收与发布交接,按七阶段流程完成可验证的网站和轻量 Web 应用。
设计 / UX 内容
产品界面文案与 UX 内容设计
聚焦产品内微文案、表单标签与提示、引导、空/加载/错误/成功状态和通知,让用户看懂下一步并顺利解决问题。
全部目录
全部已发布技能
设计
品牌视觉工具包
围绕品牌定位整理视觉方向,输出色彩、字体、图像风格和常用物料的统一建议。
SEO
程序化 SEO 页面规划
把可规模化的搜索需求拆成页面模板、数据字段和内部链接结构,帮助批量建设有价值的落地页。
内容
产品营销背景整理
把产品定位、目标用户、竞争差异和品牌语气集中整理,减少不同内容之间的表达偏差。
分析
转化率优化检查
从页面结构、信任信息、行动按钮和表单路径等方面找出影响转化的摩擦点。
内容
Vercel Writing Guidelines:文档与内容规范
按 Vercel 写作规范审查文档与页面文案,检查结构、语气、代码示例和 AI 工作流表达。
内容
网页文案写作
把产品价值、用户顾虑和行动理由组织成清楚、有说服力的网页文案。
为什么放在小黑丸
安装前,把信息看明白
技能不是越多越好。小黑丸把用途、来源、支持平台和安装命令放在同一页,方便你按自己的工作流做选择。
按任务找
按开发、SEO、内容、设计和安全等工作流筛选。
先看来源
公开来源链接和作者信息,减少无法判断的黑盒。
比较环境
确认 Claude Code、Codex、Cursor 等平台是否匹配。
复制安装
有安装命令的技能可以直接复制,减少重复查找。
小黑丸技能库
找到一个能马上帮你工作的技能
想找的技能没有?告诉小黑丸,你下一次想完成什么。