Skip to content
开发mattpocock/skills精选

Matt Pocock 每天做真工程用的 38 个 skill

编辑判断卖零件不卖流程:38 个 SKILL.md 背后是严格的 user/model-invoked 调用契约、SCOPE.md 准入门槛与共享 GLOSSARY.md;to-spec→to-tickets→implement-spec 是本频道最完整的 agentic 工程闭环。

Total TypeScript 作者的日常自用集:38 个 SKILL.md(engineering 20、productivity 7、misc 4 冻结、in-progress 7),建立在 user/model-invoked 调用契约、SCOPE.md 准入门槛与共享 GLOSSARY.md 之上;可以 Claude Code/Codex/Copilot/Gemini 插件或 skills.sh 可编辑副本安装。

Claude CodeCodexGemini CLI+2
claude plugin install mattpocock-skills@claude-plugins-official
Shellmattpocock29万
Matt Pocock 每天做真工程用的 38 个 skill
开发obra/superpowers精选

给编码 agent 装上完整开发流程的 15 个 skill

编辑判断它的核心判断是「模型不缺编码能力,缺流程纪律」。最值得抄走的一条是 Rulings, not stalls:默认自己裁定,只有操作不可逆、涉及安全敏感面、副作用溢出到 worktree 之外、计划已经烂到无法继续这四种情况才允许停下来问人。

v6.4.1(2026-09-18),MIT,28.9 万 star,在同类单一 skill 仓库里 star 量最大。它把 brainstorming → spec → git worktree 隔离 → 实现计划 → subagent 执行 → 红绿 TDD → 双向 code review → 验证收尾串成一条主干工作流,README 列了 16 种以上 harness:Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Kimi Code、Devin CLI 等。

Claude CodeCodexCursor
/plugin install superpowers@claude-plugins-official
Shellobra28.9万
给编码 agent 装上完整开发流程的 15 个 skill
官方与合集anthropics/skills精选

格式定义者的官方仓库:19 个 skill 加 spec 与 template

编辑判断想搞清 SKILL.md 到底该怎么写,读这里比读任何二手教程都准。两件事必须先知道:docx / pdf / pptx / xlsx 四个是 source-available 而不是开源(其余 15 个 Apache-2.0),而且仓库自带免责声明——这些 skill 仅供演示与教学,上关键任务前自己在环境里测过。

Anthropic 官方实现,17.7 万 star。./skills 下 19 个 skill,外加 ./spec(Agent Skills 规范,现已迁到 agentskills.io)与 ./template 新建骨架。它对 skill 的定义是「指令、脚本、资源三件套,按需动态加载」,渐进式披露这个概念就出自这里。

Claude Code
/plugin marketplace add anthropics/skills
Pythonanthropics17.7万
格式定义者的官方仓库:19 个 skill 加 spec 与 template
设计与前端nextlevelbuilder/ui-ux-pro-max-skill精选

把设计知识变成可检索的本地数据:79 风格 / 192 配色 / 119 UX 准则

编辑判断它最准的一句自我定位是:模型不是不会写 CSS,是没有审美数据库。10 类设计规则按严重度排序,Accessibility 与 Touch & Interaction 排 CRITICAL 第一第二、Charts 排最后,这个排序本身就是立场。Design System Generator 走五路并行检索,且明写「Do not persist unverified output」——生成的设计系统必须验证后才允许落盘。

v2.13.0,MIT,12.9 万 star,官网 uupm.cc。它不给模型讲道理,而是塞进一批结构化目录让 agent 动手前先查:79 种 UI 风格、192 套带推理理由的配色、74 组字体搭配、119 条 UX 准则、105 项图标建议、17 套 GSAP 预设、25 种图表类型、22 个技术栈、34 种落地页 pattern。

Any agent
npx ui-ux-pro-max-cli init --ai claude
Pythonnextlevelbuilder12.9万
把设计知识变成可检索的本地数据:79 风格 / 192 配色 / 119 UX 准则
知识管理Graphify-Labs/graphify精选

把整个项目映射成可查询的知识图谱,而不是 grep

编辑判断最有价值的设计是每条边都标 EXTRACTED 或 INFERRED——你能分清哪些是源码里显式存在的、哪些是它推断出来的,agent 的结论因此可以被审计,这在生产环境是硬需求。它不是向量索引:没有 embedding、没有向量库,是一张真图,可以 explain、path、query。自测 benchmark 里建图零 LLM 花费、ingest 便宜一个量级,那是本地解析带来的结构性优势。

YC S26,Apache-2.0,12 万 star,主语言 Python 3.10+。/graphify . 把代码、文档、PDF、图片、视频映射成一张图,产出可点击的 graph.html、人类可读的 GRAPH_REPORT.md 与机器可读的 graph.json;代码走 tree-sitter AST 解析(约 40 种语言),确定性、不调 LLM、不出机器。

Claude CodeCodexCursor
uv tool install graphifyy && graphify install
PythonGraphify-Labs12万
把整个项目映射成可查询的知识图谱,而不是 grep
设计与前端Leonxlnx/taste-skill精选

Taste Skill:一仓 13 个反 slop 前端 skill,把「AI 味」写成可数的硬规则

编辑判断最值得学的是把规则写成可数的机械判据:eyebrow ≤ ceil(段数/3)、bento 格数 = 内容条数、全页 0 个 em-dash、配色族跨项目轮换,每一条都直接打在「模型重复自己」这个点上,而不是停在形容词。边界它自己也说得诚实:v2 自报 experimental 仍在迭代,§13 明确不管 dashboard、数据表、多步表单、代码编辑器与原生移动端,仓里唯一的测试守的是 skill.sh 这个 shell helper 的 source 语义,不是设计规则本身。

一个 MIT 仓库装 13 个 skill:10 个输出代码,3 个只出参考图,一条 npx skills add 就能装进 Claude Code / Codex / Cursor。默认的 design-taste-frontend v2(experimental)是 1228 行 SKILL.md:先要求模型输出一行「设计判读」,再拧 DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY 三个旋钮,然后按 14 章硬规则实现——企业简报装官方设计系统包、审美借鉴必须在注释里标注、全页 0 个 em-dash、eyebrow 配额按段数算、bento 格数等于内容条数,最后逐格跑 50 多项起飞前检查。仓里还带 research/laziness 文献目录,用对照实验解释「模型为什么会偷懒」。

Claude CodeCodexCursor
npx skills add https://github.com/Leonxlnx/taste-skill
JavaScriptLeonxlnx9.5万
Taste Skill:一仓 13 个反 slop 前端 skill,把「AI 味」写成可数的硬规则
官方与合集ComposioHQ/awesome-claude-skills精选

1000+ skill 的精选索引,外加一个真正独特的 connect-apps 插件

编辑判断它没有一行命令能装完整仓,正确用法是当发现层:清单解决「有什么」,不解决「值不值得用」。真正别处拿不到的是 connect-apps-plugin——单一 MCP 端点接 1000+ 集成,自带认证、团队级 ACL 与审计日志,对上的正是企业里 agent 接入 SaaS 的权限治理难题。

Composio 维护的清单,7.5 万 star,README 标 Apache-2.0。仓库内实际存在约 31 个第一方 skill 目录,而它索引到的 SKILL.md 有 864 份,差额绝大多数指向外部仓库。覆盖范围不只是 Claude.ai 与 Claude Code,还明确包含 Codex、Cursor、Gemini CLI、Antigravity。

Any agent
claude --plugin-dir ./connect-apps-plugin
PythonComposioHQ7.5万
1000+ skill 的精选索引,外加一个真正独特的 connect-apps 插件
设计与前端cathrynlavery/diagram-design精选

Diagram Design:把编辑级图表品味写成 45 种图型与 32 个机器校验器的 Agent Skill

编辑判断最值得抄的是它把「品味」拆成三类可判定的机器契约:颜色是语义角色加对比度契约(verify-contrast.py 对每个角色在它真实所处的背景上算 WCAG,半透明色先合成再量),几何是 4px 网格加每图 ≤9 节点、≤12 箭头、≤2 个 accent 的预算,数字是 HTML 里的 data-value / data-carry / data-status 声明加 32 个 verify-* 校验器重算。我本地实测:把 shipped waterfall 示例的一个 delta 从 −38 改成 −36,verify-waterfall.py 立刻报「'FY26 plan' (bar 6): declares 236 but the walk arrives at 238」;mermaid_extract.py 对 9 节点 fixture 吐出节点/边普查、hub 度数、入口与终点、可折叠组与预算旗标;对抗性 Excalidraw fixture 里的「IGNORE ALL PREVIOUS INSTRUCTIONS」只留下被转义的惰性标签,2 个链接与 1 个 embed 进 discarded 列表。边界它自己说得同样诚实:README 明说输出质量取决于模型、同一 prompt 两次排版可能不同、产物不是可 diff 的源格式,「Git 里每 sprint 都变的文档请用 Mermaid」;PNG 导出要一次性装 Playwright 加 Chromium;9 节点预算意味着复杂系统必须先拆 overview 加 detail;210 个预置示例还是旧皮肤下生成的,重生成是挂着的 v5.1 任务。

Cathryn Lavery 的 diagram-design(MIT,54,318 stars)让 agent 用一句自然语言产出单文件 HTML+SVG 的编辑级图表:45 种图型各有独立 reference,语义模式先于版式;六条连线硬规则、4px 网格与每图 ≤9 节点的复杂度预算把「品味」变成可判定条款;.drawio / Mermaid / Excalidraw 只抽取不渲染,按 format×size×detail×audience 四个旋钮重画并交保真清单;每张图的 HTML 带 data-* 元数据契约,32 个 verify-* 校验器逐条审计数字与几何。

Claude CodeCodexCursor+2
npx skills add cathrynlavery/diagram-design
HTMLcathrynlavery5.4万
Diagram Design:把编辑级图表品味写成 45 种图型与 32 个机器校验器的 Agent Skill
文档与演示zarazhangrui/frontend-slides精选

Frontend Slides:让不会设计的人靠看三份真实预览挑出自己审美的零依赖 HTML 幻灯片 skill

编辑判断12 个安全预设 + 34 套 bold 模板 + 一条「三份预览必须像真实第一页」的 NON-NEGOTIABLE 规则,把选风格的主路径从「描述」改成「看」——这是给不会设计的人用的产品决定,不是模板堆料。另外两条值得抄进任何生成式 UI 流程:固定 1920×1080 舞台换排版确定性,以及验收必须看渲染截图查溢出与面板遮挡(只查 scrollHeight 抓不到 z 轴覆盖)。未实跑验证,标记待复现。

zarazhangrui/frontend-slides 是一个 coding-agent skill,MIT,主语言 JavaScript,29,716★ / 2,326 forks,仓库描述一句话:「用 coding agent 的前端能力在网页上做漂亮的幻灯片」。它的设计主张是 README 第一条 Philosophy——你不需要是设计师也能做出好看的东西,你只需要对看到的东西有反应。这句话决定了整套架构:绝大多数 PPT 类 prompt 集合让你先描述风格(「简约」「科技感」「商务」),而 SKILL.md 明确否掉这条路,Phase 2 叫 Style Discovery,原话是「大多数人无法用语言描述自己的设计偏好」,所以默认体验永远是视觉对比——先生成三份单页 HTML 预览自动打开让你挑,还专门写了「不要问用户是否想要选项或预设选择器」。三份预览的配比是硬规则:1 个安全预设(STYLE_PRESETS.md 的 12 个精选,按气质分暗色 Bold Signal / Electric Studio / Creative Voltage / Dark Botanical、亮色 Notebook Tabs / Pastel Geometry / Split Pastel / Vintage Editorial、特化 Neon Cyber / Terminal Green / Swiss Modern / Paper & Ink)+ ≥1 个 bold 模板(bold-template-pack 的 34 套设计系统,来自作者另一个仓库 beautiful-html-templates,每个配三张真实截图)+ 1 个 wildcard(第二个 bold 模板或 agent 自研定制设计,brief 里有比模板更锋利的机会时用这一格)。产物形态是零依赖单 HTML 文件,CSS/JS 全内联,没有 npm、构建工具与框架,理由写得实在:「依赖就是负债,一个 HTML 文件十年后还能打开,2019 年的 React 项目呢」。渐进披露是 token 工程:agent 先只读带 mood / tone / best_for / avoid_for / formality / density / scheme 字段的 selection-index.json,入围后读候选的 preview.md,只有用户最终选定那一个才读它的完整 design.md,并明确「除非缺关键实现细节否则不要读也不要抄 template.html」。它有一条被标成 NON-NEGOTIABLE 的预览真实性规则——每份风格预览必须看起来像用户 deck 的真实第一页而不是诊断卡,页面上不许出现 preview / template / preset / Option A-B-C / 文件名与路径,也不许把「sharp and provocative」这类需求备注当内容渲染。第 5 条核心原则同样 NON-NEGOTIABLE:固定 1920×1080 画布整体等比缩放,手机上也保持 16:9,可以 letterbox 不可以 re-layout;配套约束逐条对应真实 bug(必须内联 viewport-base.css 全文、页面显隐只能用基于 visibility / opacity / pointer-events 的.active /.visible 而禁用 display:none、clamp 只用于舞台之外、不许直接对 CSS 函数取负要写 calc(-1 * clamp(...))、必须带 prefers-reduced-motion)。反 AI slop 那节用第二人称直接对 agent 说话,点名要避开的收敛倾向包括 Inter / Roboto / Arial、白底紫色渐变、可预测布局,最狠一句是「你仍然会跨多次生成收敛到常见选择上(比如 Space Grotesk),避免它」。验收标准很专业:生成后要在浏览器渲染截图里同时验证内容溢出与面板重叠,只查 scrollHeight 不够,因为 grid 面板可能在视觉上互相覆盖。六个 Phase 覆盖新建、PPTX 转换(extract-pptx.py)、增强既有 HTML 三种模式与低密度、高密度两档,产物自带内联编辑(按 E 进编辑、Ctrl+S 保存),Phase 6 给出 deploy.sh(Vercel)与 export-pdf.sh(Playwright,–compact 改按 1280×720 渲染通常减 50–70%)的运维坑位。未安装该 plugin、未跑出真实 deck,记为待复现。

Claude CodeCodex
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides 然后 /plugin install frontend-slides@frontend-slides
JavaScriptzarazhangrui3万
Frontend Slides:让不会设计的人靠看三份真实预览挑出自己审美的零依赖 HTML 幻灯片 skill
文档与演示op7418/guizang-ppt-skill精选

歸藏 PPT Skill:两套锁定视觉系统 + 三个校验器的网页演讲 deck 工程规范

编辑判断把网页 PPT 做成脚本可校验的工程规范:两套锁定版式系统 + 三个校验器 + 一条按 px 分级的修正阶梯(1–40 微调 / 40–90 压间距 / 90–160 拆页 / 160+ 才准删内容),再加全本地、带排练计时的演讲者模式。最值得抄走的是「不允许自定义 hex」这条产品约束——它把审美正确性当成不可协商的需求来管,而不是留给模型自由发挥。未实跑验证,标记待复现。

歸藏(op7418)开源的网页演讲 deck skill,AGPL-3.0,主语言 HTML,26,809★。它不是「帮你写 PPT 文案的 prompt 模板」,而是一套让 agent 稳定产出可上台演讲的单文件 HTML 横向翻页 deck 的工程规范——README 首屏交代来历:这些规则从作者本人「一人公司:被 AI 折叠的组织」「一种新的工作方式」等线下分享里一轮轮踩坑沉淀,每个坑都进了 references/checklist.md。选 HTML 而非 PPTX 的关键理由是 HTML/CSS 是文本,agent 能直接读、改、验证:脚本可以量出「这一页溢出多少 px」,还能被 Playwright 真实渲染后做视觉核对。核心资产是两套类名互不通用、约束强度完全不同的视觉系统:Style A(电子杂志 × 电子墨水,10 种可粘贴布局骨架,5 套主题色,中文大标题 ≤5 字且 nowrap)、Style B(瑞士国际主义,22 个具名版式 S01–S22 锁定,正文页只能从中选并写 data-layout,4 套锚点色 IKB #002FA7 / #FFD500 / #C5E803 / #FF6B35,直角无渐变无阴影,大字字重必须 200)。最反直觉的一条决定是不允许自定义 hex:用户给任意颜色时 agent 要委婉拒绝并把预设摊开让选,SKILL.md 原话是「保护美学比给自由更重要」。区别于普通模板集合的是三个校验器 + 一条修正阶梯:validate-swiss-deck.mjs 静态查登记版式、图片槽位、SVG 内写字、标题对齐,有 Playwright 时再量 DOM 溢出 px、底部留白、导航安全线与标题间距;validate-presenter-mode.mjs 查页面 ID 重复、备注错位、时长超目标 90% 预算、控件缺失;check-presenter-runtime-sync.mjs 专拦两套模板之间演讲者运行时的漂移。并禁止凭感觉大改:溢出 1–40px 只微调、40–90px 局部压缩间距、90–160px 才压标题或拆页、160px 以上才允许换版式或删内容。内置全本地演讲者模式(按 P 进入,双窗口同步、结构化备注按 data-slide-id 存储而非页码、排练计时、激光笔与圈选、黑白屏与冻结观众屏,不依赖云端中继、手机遥控或 AI 教练),Codex 环境下还会主动问是否用 GPT-Image 2.0 配图并出公众号 21:9、小红书 3:4 等多平台封面。它自己写明了不适合的场景:大段表格数据、培训课件、多人协作编辑,也不能导出 PPTX。未实际安装跑出成品 deck,记为待复现。

Claude CodeCodex
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
HTMLop74182.7万
歸藏 PPT Skill:两套锁定视觉系统 + 三个校验器的网页演讲 deck 工程规范
科研Imbad0202/academic-research-skills

Academic Research Skills:五技能学术研究流程

编辑判断它最有价值的不是“能写论文”,而是把研究过程的状态、证据和停止条件显式化:每个阶段都要研究者确认,引用与实验来源在完整性门禁中接受检查,模拟审稿也被限定为作者反馈而不是出版决定。

v3.23.0,50,461 star,CC BY-NC 4.0。五个 Claude Code skill 串起深度研究、论文写作、模拟同行评审、十阶段流程编排和系统综述筛选,以 Material Passport、强制确认点和完整性门禁维持研究者主导。

Claude Code
/plugin marketplace add Imbad0202/academic-research-skills && /plugin install academic-research-skills
PythonImbad02025万
Academic Research Skills:五技能学术研究流程
设计与前端wheresryan22/anatomy

anatomy:把技术概念造成一台真机器——零依赖等距工程图 skill,自带 12 项几何审计

编辑判断最值得抄的是它自带证伪工具:kit/audit.mjs 十二项检查(间隙、实体间隙、端子、悬空头、支撑、折弯、自相交、拥挤、替身形状、抖动、落座、深度序)加 scripts/lines.mjs 的「line ends: 0」,把「看着还行」变成可数的失败行,而且明写「用替身形状把审计哄安静本身就是 bug,coverage 这一项专抓它」。审美也被写成数字:倒角 0.4-1.6、螺钉 0.4-0.55 的点、主体占卡片 55-65%、设备像素比上限 1.5、3D 折弯半径 R ≥ 2r/sin²(e−θmax)。CI 把每个示例两个主题都重建一遍并要求 git diff 为空,kit 的兼容性因此是机器保证。边界同样诚实:不是图表库(没有坐标轴与数据系列),只画机器、仪器、工具与家具,3D 自报 beta 且 380 零件约 20 fps,一张图要一整个长会话。

一个标准 Agent Skill:让 Claude Code / OpenCode / Codex 解释技术概念时不画方框箭头,而是发明一台真机器(弹子锁=缓存键、龙门绘图机=一个共享的 GPU context),再用约 16,200 行零依赖 kit 画成四色调等距 SVG,可选 WebGL 着色器与 beta 的 3D 模式。八个示例连构建产物一起提交,CI 在 macOS + Node 22 上逐个重建并要求逐字节相同。

Claude CodeOpenCodeCodex
npx skills add wheresryan22/anatomy -g -a claude-code
JavaScriptwheresryan224665
anatomy:把技术概念造成一台真机器——零依赖等距工程图 skill,自带 12 项几何审计

作为亚马逊联盟会员,我们可能从符合条件的购买中获得佣金。