工具集
全部 Skill、MCP、CLI 與 Plugin。可以依類型、職業、標籤篩選,也可以直接搜尋。
職業:前端开发 +1
共 208 項

Superpowers
Skill面向编码 agent 的完整开发方法论技能集:头脑风暴出设计、拆解实施计划、派子代理逐项实现并评审、强制 TDD 与系统化调试。作为插件安装可自动注入启动引导。
obra/superpowers301k
Skills For Real Engineers (Matt Pocock)
SkillMatt Pocock 的工程技能合集:grill-me 追问对齐需求,to-spec 把讨论整理成规格、to-tickets 拆成工单,另有 tdd、diagnosing-bugs、code-review 等,小而可组合。每个仓库首次使用前先运行 setup-matt-pocock-skills。
mattpocock/skills294k
Frontend Design
Skill引导 agent 在新建或改版界面时先确定视觉方向,在配色、字体与布局上做有取舍的选择,避免千篇一律的模板化 AI 界面。Anthropic 官方技能。
anthropics/skills181k
Browser Use
Skill通过 CDP 直接控制本机 Chrome,完成导航、点击、输入、截图与数据抓取,可复用已登录会话。browser-use 官方技能,需要先用 uv 安装 browser-use 命令行。
browser-use/browser-use118k
Trail of Bits Skills
Skill安全公司 Trail of Bits 出品的技能合集,40 多个插件覆盖代码审计、CodeQL/Semgrep 静态分析、差异评审、智能合约与密码学审计、模糊测试等,也可作为 Claude Code / Codex 插件市场安装。
trailofbits/skills7.6k
Writing Plans
Skill有了需求或规格、动手之前,把多步任务写成小粒度的实施计划:列明涉及的文件、接口签名与验证用的测试,便于逐步执行。Superpowers 的核心技能。
obra/superpowers301k
Brainstorming
Skill写代码前通过逐个提问澄清意图、约束与成功标准,把模糊想法细化成可评审的设计,得到确认后再进入实施。Superpowers 的核心技能。
obra/superpowers301k
Using Git Worktrees
Skill开工前为功能开发建立隔离工作区:优先用 agent 自带的 worktree 工具,否则回退到 git worktree,并安装依赖、跑基线测试确认起点干净。出自 superpowers。
obra/superpowers301k
Systematic Debugging
Skill四阶段根因调试法:先调查根因、对照可用样例找差异、单变量验证假设,最后修复根因,禁止未定位就猜测改代码。出自 Superpowers 工作流。
obra/superpowers301k
Verification Before Completion
Skill要求 agent 在声称完成、已修复或测试通过之前,先运行完整的验证命令并读完输出,用证据支撑结论,杜绝未经验证的成功声明。出自 Superpowers 工作流。
obra/superpowers301k
Test-Driven Development
Skill强制 agent 按红-绿-重构推进:先写测试并亲眼看它失败,再写最少的实现让它通过,未经失败验证就写出的代码一律删掉重来。出自 Superpowers 工作流。
obra/superpowers301k
Requesting Code Review
Skill完成任务或合并前,按 git 提交区间派发独立的评审子代理,对照计划与需求检查实现,并按严重、重要、次要分级处理反馈。obra/superpowers 技能集之一。
obra/superpowers301k
Diagnosing Bugs
Skill排查疑难缺陷与性能回退的纪律化流程:先构建能稳定复现的反馈回路,再复现与最小化、提出假设、插桩验证,最后修复并补回归测试,输出中要求脱敏密钥。Matt Pocock 出品。
mattpocock/skills294k
tdd
Skill按纵向切片做测试驱动开发:先与用户约定测试接缝,只通过公开接口验证行为,并列出实现耦合、同义反复等测试反模式。出自 Matt Pocock 的 skills 合集。
mattpocock/skills293k
Karpathy-Inspired Claude Code Guidelines
Skill按 Karpathy 对大模型写代码常见毛病的观察整理的行为准则:先想清楚再动手、简单优先、只做外科手术式改动、以可验证的目标驱动。也可直接当 CLAUDE.md 使用。
multica-ai/andrej-karpathy-skills220k
Web Artifacts Builder
Skill用 React、Tailwind CSS 与 shadcn/ui 搭建需要状态管理或路由的多组件网页,自带初始化与打包脚本,最终打包成单个 HTML 文件作为 claude.ai Artifact。Anthropic 官方技能。
anthropics/skills182k
webapp-testing
Skill用 Python Playwright 脚本驱动本地 Web 应用做功能验证、界面调试、截图与浏览器日志查看,自带管理开发服务器启停的辅助脚本。Anthropic 官方技能。
anthropics/skills182k
Ponytail
Skill让 agent 按「能不写就不写」的阶梯解题:先问是否需要,再依次复用现有代码、标准库、平台原生能力与已装依赖,只写最少的必要代码,但保留校验、错误处理、安全与无障碍。
DietrichGebert/ponytail165k
next-dev-loop
Skill改完代码后让 agent 结合 /_next/mcp 与 agent-browser 在运行中的 Next.js 应用里核对路由、报错与页面表现,确认改动真正生效。Next.js 官方维护,需要 Next.js 16.3+(Turbopack)与 agent-browser。
vercel/next.js143k
Next.js Cache Components Optimizer
Skill让 agent 在 Cache Components 下把 Next.js 路由优化成即时导航:先用 @next/playwright 的 instant() 写一个失败的端到端测试,再把 Suspense 边界下推到它保护的数据处、扩大静态外壳,直到测试通过并保留为回归防护;首次加载与客户端导航都覆盖。需要 Next.js 16.3+ 并开启 cacheComponents。
vercel/next.js143k
gstack
SkillYC 总裁 Garry Tan 的技能套装,用 /office-hours、/plan-ceo-review、/review、/qa、/ship 等斜杠命令扮演 CEO、工程经理、设计师、QA 与发布工程师。需要 Git 与 Bun,按 README 克隆仓库后运行 ./setup 构建安装。
garrytan/gstack137k
UI UX Pro Max
Skill界面设计知识库技能:按产品类型检索界面风格、配色、字体搭配、图表与 UX 规范,并生成完整设计系统,覆盖 React、SwiftUI、Flutter 等 22 种技术栈。需本机安装 Python 3。
nextlevelbuilder/ui-ux-pro-max-skill136k
Migrate Radix to Base UI
Skill把 React 项目和 shadcn 组件从 Radix UI 迁移到 Base UI:默认逐个组件渐进迁移,明确要求时才整个项目一起迁;优先用 shadcn CLI 取官方 base 版本并合并用户的定制,调用处按映射表手工改写,每步做类型检查,并在 .migration/ 目录为每个组件写迁移报告。来自 shadcn/ui 官方仓库。
shadcn-ui/ui126k
shadcn/ui
Skillshadcn/ui 官方技能:让 agent 借助 shadcn CLI 读取项目配置与组件文档,按规范添加、搜索、组合和修复组件,遵守样式、表单与无障碍规则,也能用预设初始化新项目。
shadcn-ui/ui126k