jezweb/claude-skills

Skills for Claude Code CLI such as full stack dev Cloudflare, React, Tailwind v4, and AI integrations.

License:MITLanguage:TypeScript15621
人工智能自动化claude-codeclaude-skillscloudflareReacttailwindvite

Deep Analysis

63个生产级Claude Code技能库,覆盖Cloudflare、React、AI集成等,节省60%令牌

Recommended

Core Features

技能自动发现

Claude自动识别本地技能并按需推荐使用

多技术栈覆盖

含Cloudflare、AI、前端、数据库、认证等63项技能

子代理集成

内置设计、部署、调试等专用子代理任务

令牌效率优化

令牌消耗减少50%,预防400+错误

Technical Implementation

Architecture:技能库 + 自动发现系统 + 子代理框架,集成Claude Code CLI
Execution Flow:
安装技能包

通过marketplace或git clone本地安装技能

自动发现

Claude检测~/.claude/skills/目录并建立索引

上下文感知推荐

根据用户请求自动提议相关技能

代理调用

通过Task工具调用子代理完成专用任务

执行与反馈

生成生产级输出并提供错误预防

Key Components:
Cloudflare Workers服务器端部署与运行环境
React + Tailwind v4前端框架与样式系统
Claude APIAI核心与技能智能化
Highlights
  • 63个生产级技能,开箱即用,零额外配置
  • 令牌减少50%,错误预防400+,效率提升10倍
  • 自动发现与上下文感知推荐,无需手动管理
  • 支持个人技能库fork与自定义,灵活扩展
Use Cases
  • 快速搭建Cloudflare Workers全栈应用
  • 集成OpenAI、Claude、Gemini等AI服务
  • 构建React+Tailwind现代前端界面
  • 自动化部署、调试、数据库迁移工作流
Tech Stack
TypeScriptCloudflare WorkersD1 DatabaseReactTailwind CSSTanStackZustandVercel AI SDKDrizzle ORMClerk AuthVite

Claude Code Skills

63 production-ready skills for Claude Code CLI — Cloudflare, React, AI integrations, and more.

~60% token savings | 400+ errors prevented | Auto-discovered by Claude


Quick Install

Marketplace (Recommended)

/plugin marketplace add https://github.com/jezweb/claude-skills
/plugin install cloudflare-worker-base@claude-skills

Manual

git clone https://github.com/jezweb/claude-skills.git ~/Documents/claude-skills
cd ~/Documents/claude-skills
./scripts/install-skill.sh cloudflare-worker-base  # or ./scripts/install-all.sh

Skills by Category

Category Skills Highlights
Cloudflare 16 Workers, D1, R2, KV, Agents, MCP Server, Durable Objects
AI/ML 12 Vercel AI SDK, OpenAI Agents, Claude API, Gemini
Frontend 12 Tailwind v4 + shadcn, TanStack (Query/Router/Table), Zustand
Python 2 FastAPI, Flask
Database 4 Drizzle, Neon Postgres, Vercel KV/Blob
Auth 2 Clerk, Better Auth
Planning 5 Project workflow, session management
MCP/Tools 4 FastMCP, TypeScript MCP
CMS 3 TinaCMS, Sveltia, WordPress

📋 Full list: SKILLS_CATALOG.md


How It Works

Claude Code automatically discovers skills in ~/.claude/skills/ and suggests them when relevant:

You: "Set up a Cloudflare Worker with D1"
Claude: "Found cloudflare-worker-base and cloudflare-d1 skills. Use them?"
You: "Yes"
→ Production-ready setup, zero errors

Bundled Agents

Some skills include sub-agents that can be invoked via the Task tool for specialized tasks:

Bundle Agents Purpose
design a11y-auditor, favicon-crafter, image-prompter Accessibility audits, favicon generation, image prompts
cloudflare cloudflare-deploy, cloudflare-debug, d1-migration, worker-scaffold Deployment, debugging, migrations

Note: Agents require manual installation to ~/.claude/agents/:

# List available agents
./scripts/install-skill-agents.sh list

# Install agents from a bundle
./scripts/install-skill-agents.sh design
./scripts/install-skill-agents.sh cloudflare

# Install all agents
./scripts/install-skill-agents.sh all

# Restart Claude Code to discover new agents

After installation, agents appear in the Task tool's available agents.


Request a Skill

Want a skill we don't have? Open an issue with the technology/framework and we'll build it.

Popular requests get prioritized. No need to build it yourself unless you want to.


Your Own Skills Repo

Want your own skills ecosystem with your own authorship? Fork this repo or use it as a template:

  1. Fork → customize skills with your preferences
  2. Use our agents (skill-auditor, version-checker) to maintain currency
  3. Pull upstream updates when useful

This works well if you maintain skills across multiple machines or want to publish your own collection.


Creating Skills

Quick start:

cp -r templates/skill-skeleton/ skills/my-skill/
# Edit SKILL.md and README.md
./scripts/install-skill.sh my-skill

Guides: CONTRIBUTING.md | templates/ | ONE_PAGE_CHECKLIST.md


Token Efficiency

Metric Manual With Skills
Tokens 12-15k 4-6k (~50% less)
Errors 2-4 0 (prevented)
Time 2-4 hours 15-45 min

Documentation


Tools

ContextBricks — Status Line

Real-time context tracking for Claude Code.

npx contextbricks  # One-command install

npm


Links


MIT License | Built by Jeremy Dawes

Highly Recommended
agents

wshobson/agents

wshobson

Intelligent automation and multi-agent orchestration for Claude Code

The most comprehensive Claude Code plugin ecosystem, covering full-stack development scenarios with a three-tier model strategy balancing performance and cost.

25.6k2.8k3 days ago
Highly Recommended
awesome-claude-skills

ComposioHQ/awesome-claude-skills

ComposioHQ

A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows

The most comprehensive Claude Skills resource list; connect-apps is a killer feature.

19.9k2.0k3 days ago
Recommended
oh-my-opencode

code-yeongyu/oh-my-opencode

code-yeongyu

The Best Agent Harness. Meet Sisyphus: The Batteries-Included Agent that codes like you.

Powerful multi-agent coding tool, but note OAuth limitations.

17.5k1.2k3 days ago
Highly Recommended
ui-ux-pro-max-skill

nextlevelbuilder/ui-ux-pro-max-skill

nextlevelbuilder

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

Essential for designers; comprehensive UI/UX knowledge base.

15.3k1.5k3 days ago
Recommended
claude-mem

thedotmack/claude-mem

thedotmack

A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk), and injects relevant context back into future sessions.

A practical solution for Claude's memory issues.

14.0k9143 days ago
Highly Recommended
planning-with-files

OthmanAdi/planning-with-files

OthmanAdi

Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B acquisition.

Context engineering best practices; an open-source implementation of Manus mode.

9.3k8113 days ago