claude-skills
Claude Code 的专业技能插件市场,11个插件52项技能覆盖Cloudflare/Shopi
加载项目详情…
本应用为开源项目,仅供学习研究,请遵守其开源协议。
Claude Code 的专业技能插件市场,11个插件52项技能覆盖Cloudflare/Shopi
加载项目详情…
本应用为开源项目,仅供学习研究,请遵守其开源协议。
想象这样一个场景:你让 Claude Code 帮你做一个 Shopify 产品页面,它不但明白你要什么,还能直接调用 Shopify REST API,在后台自动创建产品、填入标题和描述、上传图片、配置 SEO 元数据——整个流程一气呵成,不需要你复制粘贴任何东西。这就是 Claude Code Skills 正在做的事情。
Claude Code 是 Anthropic 推出的命令行编程工具,擅长理解和生成代码。但通用大模型在垂直领域的具体操作上往往力不从心——它知道 Shopify 是什么,却不一定能准确调用 Shopify API。Claude Code Skills 正是为解决这个问题而生:它是一套针对 Claude Code 的插件集,每个插件包含若干个「技能」(Skill),每个技能都是一份结构化的操作指南,告诉 Claude 在遇到特定任务时,应该按什么步骤、调用哪些 API、产出什么文件。
这套体系由澳大利亚数字代理商 Jezweb 开发维护,其创始人 Jeremy Dawes(Jez)同时也是 dotjez 框架的作者。Jezweb 团队在实际业务中积累了大量电商建站、Cloudflare 部署、React 开发的需求,将这些经验提炼成可复用的 Skill,供所有 Claude Code 用户安装使用。
当前版本(v13)包含 11 个插件,共 52 个技能,分为以下几个大类:
cloudflare 是最核心的插件,包含 8 个技能,专门针对 Cloudflare Workers 生态:
cloudflare-worker-builder:根据需求描述,脚手架一个完整的 Cloudflare Worker 项目,包含 Hono 路由、Vite 构建、Static Assets 配置,可直接部署到 workers.dev 或自定义域名vite-flare-starter:快速初始化 Vite + Cloudflare 的全栈应用,支持 SSR 和 SPAd1-drizzle-schema / d1-migration:D1 数据库 schema 定义和迁移管理db-seed:为 D1 数据库填充示例数据cloudflare-api:直接调用 Cloudflare REST API,适合批量 DNS 操作、邮件路由等高级场景shopify 插件则覆盖 Shopify 电商运营全流程:
shopify-setup:OAuth 授权、Storefront API / Admin API 配置shopify-products:单产品和批量 CSV 导入创建产品shopify-content:内容页面、博客文章、SEO metadata 管理wordpress 插件通过 WP-CLI 和 REST API 管理 WordPress 内容,支持 Elementor 页面编辑。
frontend 插件聚焦 React 生态:
tailwind-theme-builder:基于 Tailwind CSS v4 的主题系统构建shadcn-ui:shadcn/ui 组件库安装和定制landing-page / product-showcase:营销落地页和产品展示站react-patterns:React 19 性能优化和组件组合模式design-review:设计稿质量审核(视觉一致性、可用性)react-native:React Native + Expo 移动端开发模式design-assets 插件处理设计资产:
color-palette:从单个 hex 色值生成完整的无障碍配色方案favicon-gen / icon-set-generator:生成 favicon 包和 SVG 图标集image-processing:图片缩放、格式转换(WebP/AVIF)、优化压缩ai-image-generator:调用 Gemini / GPT 生成配图和 Hero 图像writing 插件针对商业文档场景,包含多个地区的英语风格指南(澳大利亚/美国/英国/新西兰),以及简历、提案、奖项申请、商业策略文档的写作模板。
dev-tools 插件是最实用的工具集,包含 16 个技能:
project-health:项目健康度审计(权限、依赖、配置)project-docs / app-docs:自动生成项目文档和用户使用指南github-release:standard-version 驱动的标准化发版流程git-workflow:PR 准备、分支管理规范codex-review:调用 OpenAI Codex 提供第二意见代码审查deep-research:深度研究模式,探索某个技术领域ux-audit / ux-extract:UX 走查和模式提取vitest:Vitest 测试框架初始化和迁移指南integrations 插件连接外部服务:
gws-setup / gws-install:Google Workspace MCP 配置(Gmail、Calendar、Drive)stripe-payments:Stripe 结账、订阅、webhook、计费门户全流程elevenlabs-agents:ElevenLabs 语音代理配置mcp-builder:用 FastMCP 构建 MCP 服务器parcel-tracking:快递追踪集成Claude Code Skills 的核心是一套结构化 Skill 编写规范,定义在 SKILL_SHAPE.md 中。每个 Skill 是一个独立的 SKILL.md 文件,包含 YAML frontmatter 和 Markdown 正文,遵循 Agent Skills 规范。
Skill 的设计哲学是**「教方法,不塞脚本」。一个 Skill 不应该直接提供可运行的代码片段,而应该描述一套可适应的操作方法**,让 Claude 根据用户具体环境生成适配后的脚本。例如 cloudflare-worker-builder Skill 描述了脚手架 Worker 项目的步骤,Claude 会根据用户输入的需求("todo app with database")生成对应的 wrangler.jsonc 和 src/index.ts 文件。
插件通过 Claude Code 内置的 /plugin 命令管理分发:
# 添加插件市场(一次性操作)
/plugin marketplace add jezweb/claude-skills
# 安装具体插件
/plugin install cloudflare@jezweb-skills
/plugin install dev-tools@jezweb-skills
安装后,Claude Code 会根据用户对话中的自然语言触发,自动激活对应的 Skill,将 Skill 内容加载到上下文窗口,引导 Claude 执行相应的工作流。
项目仓库结构清晰:每个插件一个目录,插件下包含 skills/ 子目录,每个 Skill 一个子目录,内含 SKILL.md 核心文件以及 references/(参考模板)和 scripts/(辅助脚本)目录。SKILL_SHAPE.md 定义了 Skill 的编写规范,CLAUDE.md 定义了开发约定,bin/ 目录包含辅助工具脚本(如截图捕获、图片处理、Skill 校验)。
Claude Code Skills 代表了一种新兴趋势:为 AI 编程助手构建垂直领域的技能市场。此前 GitHub Copilot 的做法是「学遍全网代码」,而 Claude Code Skills 则选择「在特定领域学得更深」。这种思路的差异在于:通用代码补全无法覆盖企业内部的 API 调用规范、部署流程和业务逻辑,而这些恰好是 Skill 擅长传递的。
从 105 个 Skills 精简到 52 个的过程本身也值得玩味——当大模型本身掌握了足够的知识时,Skill 不需要再重复「什么是 REST API」「什么是数据库迁移」这类常识性内容,而可以专注于「在这个项目中如何正确迁移 D1」。这预示着 AI 编程助手的技能体系将持续向「具体化」「场景化」演进。