- Published on
AI-Skills
- Authors

- Name
- AgedCoffee
- @__middle__child
Skill 规范
Skill 编写
一个用于为编码智能体(如 OpenCode、Claude Code、Codex 和 Cursor)安装技能的命令行工具。技能通过包含 YAML 前言的 SKILL.md 文件定义,可扩展智能体的功能,例如生成发布说明或集成外部工具。工具支持从 GitHub、GitLab 等源码安装,并提供全局或项目级安装选项。
claude-skills - 生成 skill 的 skill - 元 skill
skill-prompt-generator - 基于 Claude Code Skills 的智能提示词生成系统
colleague-skill - 把同事蒸馏成 AI Skill
一个偏“人格 + 工作方式”建模的 Skill 生成器。它支持基于飞书消息、钉钉文档、邮件、截图和主观描述,生成可在 Claude Code / OpenClaw 中调用的“同事 Skill”,让智能体尽量复现某位同事的技术规范、表达风格和决策习惯。
- 不只是生成提示词:产物同时包含 Work Skill 和 Persona 两部分,强调“先按角色判断,再按能力执行”。
- 适合沉淀团队经验:能把某位同事的 code review 风格、接口规范、沟通方式和职场行为抽成可复用资产。
- 支持持续演化:可以增量追加材料、对话纠正设定,并保留版本以便回滚。
Skill 管理工具
skills-npm skills-npm 是一个命令行工具,用于发现 npm 包中内置的智能体技能,并通过创建符号链接供编程智能体使用。该项目旨在解决现有技能分发方式中的摩擦,如仅支持 Git 源、版本不匹配和手动管理问题,提出将技能直接打包在 npm 包中的新约定。
skillman 本文介绍了 skillman 工具,它是一个用于管理项目 Agent 技能的命令行工具,通过读取和操作 skills.json 文件来安装、添加来自不同来源的技能。
rulesync Rulesync 是一个 Node.js 命令行工具,旨在通过统一的 AI 规则文件,自动为多种主流 AI 开发工具生成配置文件。它支持选择性生成、全面的导入/导出功能,并能管理规则、命令、MCP 配置、忽略文件、子代理和技能,从而实现跨工具开发规则的一致性
dotagents 这里可以集中管理您的所有钩子函数、命令行工具、智能技能以及 AGENT/CLAUDE.md 配置文件。
Claude Code Skills
claudeskill-loki-mode - Claude Code 多智能体自主启动系统
Agent-Reach - 给 Agent 装上全网搜索与阅读能力
一个面向 Claude Code、OpenClaw、Cursor、Codex 等编码代理的联网 Skill + 安装器,目标不是自己包一层搜索服务,而是把 Twitter/X、Reddit、YouTube、GitHub、B 站、小红书、抖音、微信公众号、RSS 等渠道统一接进 agent 工作流里。
- 更像“联网能力总线”:安装后 agent 会直接调用各平台对应的上游工具,而不是被一个黑盒 wrapper 包住。
- 覆盖面很广:除了通用网页和 GitHub,还兼顾中文平台与内容源,适合做资料收集、竞品检索和多平台内容阅读。
- 对 agent 场景友好:既提供 CLI,也提供可安装的 Skill,适合在 Claude Code / OpenClaw 这类环境里按触发词自动调用。
- 成本门槛低:项目主打零 API 费用,更多是处理工具选择、安装和环境诊断,减少“明明能搜却接不起来”的配置摩擦。
Waza - 面向完整工程师的 Claude Code Skills
一个偏“少而精”的 Claude Code Skill 集合,围绕设计、排障、检查、写作、学习和资料阅读这些工程习惯设计,不追求大而全,而是把高频动作做成触发即用的稳定工作流。
- 技能集合克制:核心围绕
/think、/design、/check、/hunt、/write、/learn、/read、/health等入口展开,适合不想维护庞大规则体系的人。 - 强调工程习惯而非功能堆叠:把需求挑战、系统化调试、交付前自检、英文表达和资料消化都沉淀成可复用动作。
- 安装门槛低:支持通过
npx skills add tw93/Waza -g -y一键全量安装,也支持按单个 skill 单独安装。 - 适合做个人基线:如果已经在用 Claude Code,但还没有一套轻量、清晰、可长期维护的 skill 组合,Waza 很适合作为起点。
Skill 广场
skills.sh
Vercel - 技能是 AI 代理可重复使用的能力。通过单一命令安装,即可为您的代理增强程序性知识的访问能力。
前端 Skills
dev-browser 一个 Claude 技能,赋予您的代理使用网页浏览器的能力。
react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化综合指南,包含 8 大类、40 多条按影响优先级排序的规则,旨在为编写、审查和重构代码提供最佳实践
编程 Skills
rewrite
OpenRewrite 是一个开源自动化代码重构生态系统,旨在帮助开发者高效消除技术债务,其商业平台 Moderne 支持大规模、跨仓库的代码转换与协作。
openskills
OpenSkills 是一个开源工具,旨在将 Anthropic(Claude Code)的技能系统推广到所有 AI 编程代理(如 Cursor、Windsurf、Aider)。
oai-skills ChatGPT 代码解释器环境中/home/oai/skills 目录的内容
claudekit-skills - gemini mcp sub-agent
Agent-Skills-for-Context-Engineering
pg-aiguide
pg-aiguide 是一个专为 AI 编程助手优化的 PostgreSQL 专业知识工具,旨在帮助 AI 工具生成更高质量、更符合现代最佳实践的 PostgreSQL 代码。它通过语义搜索官方文档和提供 AI 优化的“技能”来实现这一目标。
planning-with-files Claude 代码技能实现 Manus 式持久化 Markdown 规划——这一工作流模式曾促成 20 亿美元收购案。
whenwords
whenwords 是一个无代码的开源库,提供相对时间格式化的功能,支持多种编程语言。它通过详细的规范文档和通用测试用例,让开发者能借助 AI 工具快速生成符合要求的本地化实现。
agent37-skills-collection
Claude AI 实用技能和指令集锦
everything-claude-code
seedance-prompt-skill
last30days-skill
这是一个由 Anthropic 黑客松获奖者整理的完整 Claude Code 配置集合,包含经过实战检验的代理、技能、钩子、命令、规则和 MCP 配置。
编程 SDD(Specification Driven Development)
compound-engineering-plugin
官方 Claude 代码复合工程插件
superpowers
一个行之有效的智能技能框架与软件开发方法论。
boss-skill - BMAD 全自动研发流水线 Skill
一个把 BMAD 方法论落到 Coding Agent 工作流里的多 Agent 编排 Skill,支持 Claude Code、Codex、Cursor、Windsurf 等环境。它通过 /boss 入口串起 PM、Architect、UI、Dev、QA、DevOps 等 9 个专业 Agent,覆盖需求、评审拆解、开发、测试、部署四个阶段,并内置模板、产物目录和质量门禁。
spec-kit
💫 助你开启规范驱动开发之旅的工具包
BMAD-METHOD - 敏捷 AI 驱动开发的突破性方法
通用科学 Skill
claude-scientific-skills - 即用型科学技能
内容创作 Skills
一个面向自媒体写作的 Skill,围绕 11 个内容洞见维度组织生成过程,适合让智能体直接产出微信公众号、小红书、抖音等平台可发布的成品内容,而不只是给出大纲。
- 支持多平台适配:同一主题可按公众号、小红书、抖音分别生成不同写法,而不是机械缩写改写。
- 提供标题策略:除正文外会生成 5 个备选标题,并标注好奇心缺口、数据冲击、痛点共鸣等策略。
- 自带配图提示:会输出封面图和正文配图的 AI 生图 prompt,方便直接进入排版和配图流程。
- 更像内容生产工作流:从需求确认、11 维度构思,到正文、标题、配图一起输出为结构化 Markdown。
通用技能 Skill
huaxia-wisdom - 华夏智囊 / 老祖宗智慧全家桶 Skill
一个把华夏传统思想包装成 AI Skill 的项目,主打“少一点正确废话,多一点带判断的建议”。它把决策、效率、成长、关系、搞钱、生活等场景拆成 24 个智慧框架,适合在纠结决策、任务拆解、说服沟通和自我校准时,切换不同的分析视角与表达口吻。
个人 skill 收集
Stitch Skills
stitch-skills
面向 Stitch MCP server 的 Agent Skills 集合,兼容 Claude Code、Cursor、Gemini CLI 等编码代理,覆盖设计、组件转换、增强提示和 shadcn/ui。
awesome-design-md
一个围绕 DESIGN.md 组织的设计系统资源库,收集了大量从真实网站提炼出的设计说明文件,适合直接放进项目根目录,作为编码智能体生成页面时的视觉约束来源。
- 聚焦 Stitch /
DESIGN.md工作流:可和AGENTS.md配套使用,分别约束“怎么做”和“做成什么样”。 - 内容足够可落地:每个站点通常同时提供
DESIGN.md、preview.html和暗色预览,方便快速挑选风格参考。 - 适合 UI 对齐场景:当你希望智能体模仿某类产品视觉语言,而不是只给出泛化页面时,这类库比普通 prompt 更稳定。
UI Skills
Impeccable 是一套专为前端设计优化的 AI 工具集,旨在通过扩展技能、17 个精准命令和反模式指南,帮助开发者克服 AI 生成界面时的常见设计偏见(如滥用字体、色彩对比度不足等),从而创建更专业、可访问且视觉出色的用户界面。
- 🛠️ 核心能力 – 提供包含 7 个领域参考文件(如排版、色彩、动效等)的
frontend-design技能,指导 AI 生成更专业的设计方案。 - 🚫 反模式指南 – 明确禁止常见设计误区,例如避免使用灰色文字衬底色、过度嵌套卡片或使用过时的弹性缓动效果。
- ⚙️ 命令控制 – 提供 17 个快捷命令(如
/audit审核、/polish抛光、/animate添加动效),可针对特定模块进行设计优化与审查。 - 📥 快速集成 – 支持 Cursor、Claude Code、VS Code Copilot 等多种开发工具,可通过官网下载或命令行直接安装技能包。
- 🎯 解决痛点 – 针对 AI 训练数据中的设计偏见(如千篇一律的模板、可访问性不足等),提供系统化的纠正方案与案例示范。
GSAP Skills 是一套专注于提升 GreenSock 动画平台(GSAP)应用能力的技能指南与实践案例,涵盖了从基础动画到复杂交互的核心技术。
- 🌊 动画核心 – 深入理解 GSAP 的补间(Tween)和时间轴(Timeline)控制,掌握高性能 Web 动画的构建方法。
- ✨ 交互实践 – 学习如何通过 GSAP 实现流畅、复杂的网页视觉效果,提升用户界面的动效质量。
- 📚 进阶技巧 – 提供多种动画设计模式和优化建议,帮助开发者在 AI 辅助开发中更精准地控制动画细节。
一个把文本、链接或主题说明转成“杂志质感信息卡片”的 Claude Skill,生成 HTML 卡片后会自动截图输出 PNG,适合把长内容整理成可直接分享到 X、微信、小红书的视觉卡片。
- 不是普通模板拼接:强调瑞士国际主义 + 杂志编辑风格,大标题、强视觉层次,适合做信息密度高但仍可读的卡片。
- 适合内容转视觉摘要:可以直接喂 URL、原文段落或主题,让智能体先整理信息,再落成可发布图片。
- 输出控制比较实用:支持
480 / 600 / 900px宽度切换,超长卡片会自动拆成多张图,方便适配不同平台。 - 依赖截图环境:需要本机安装 Playwright Python,以及 Pillow、NumPy,属于“设计生成 + 自动出图”一体型 Skill。
---
name: ui-skills
description: Opinionated constraints for building better interfaces with agents.
---
# UI Skills
Opinionated constraints for building better interfaces with agents.
## Stack
- MUST use Tailwind CSS defaults (spacing, radius, shadows) before custom values
- MUST use `motion/react` (formerly `framer-motion`) when JavaScript animation is required
- SHOULD use `tw-animate-css` for entrance and micro-animations in Tailwind CSS
- MUST use `cn` utility (`clsx` + `tailwind-merge`) for class logic
## Components
- MUST use accessible component primitives for anything with keyboard or focus behavior (`Base UI`, `React Aria`, `Radix`)
- MUST use the project’s existing component primitives first
- NEVER mix primitive systems within the same interaction surface
- SHOULD prefer [`Base UI`](https://base-ui.com/react/components) for new primitives if compatible with the stack
- MUST add an `aria-label` to icon-only buttons
- NEVER rebuild keyboard or focus behavior by hand unless explicitly requested
## Interaction
- MUST use an `AlertDialog` for destructive or irreversible actions
- SHOULD use structural skeletons for loading states
- NEVER use `h-screen`, use `h-dvh`
- MUST respect `safe-area-inset` for fixed elements
- MUST show errors next to where the action happens
- NEVER block paste in `input` or `textarea` elements
## Animation
- NEVER add animation unless it is explicitly requested
- MUST animate only compositor props (`transform`, `opacity`)
- NEVER animate layout properties (`width`, `height`, `top`, `left`, `margin`, `padding`)
- SHOULD avoid animating paint properties (`background`, `color`) except for small, local UI (text, icons)
- SHOULD use `ease-out` on entrance
- NEVER exceed `200ms` for interaction feedback
- MUST pause looping animations when off-screen
- MUST respect `prefers-reduced-motion`
- NEVER introduce custom easing curves unless explicitly requested
- SHOULD avoid animating large images or full-screen surfaces
## Typography
- MUST use `text-balance` for headings and `text-pretty` for body/paragraphs
- MUST use `tabular-nums` for data
- SHOULD use `truncate` or `line-clamp` for dense UI
- NEVER modify `letter-spacing` (`tracking-`) unless explicitly requested
## Layout
- MUST use a fixed `z-index` scale (no arbitrary `z-x`)
- SHOULD use `size-x` for square elements instead of `w-x` + `h-x`
## Performance
- NEVER animate large `blur()` or `backdrop-filter` surfaces
- NEVER apply `will-change` outside an active animation
- NEVER use `useEffect` for anything that can be expressed as render logic
## Design
- NEVER use gradients unless explicitly requested
- NEVER use purple or multicolor gradients
- NEVER use glow effects as primary affordances
- SHOULD use Tailwind CSS default shadow scale unless explicitly requested
- MUST give empty states one clear next action
- SHOULD limit accent color usage to one per view
- SHOULD use existing theme or Tailwind CSS color tokens before introducing new ones