Claude Code Skills
66 production-ready skills for Claude Code CLI. Cloudflare, React, AI integrations - with ~50% token savings and 400+ errors prevented.
Overview
A comprehensive collection of production-ready skills for Claude Code CLI. Each skill encapsulates best practices, prevents common errors, and dramatically reduces token usage during development.
The Problem
When using Claude Code for development, you often encounter:
- Repeated context - Explaining the same patterns every session
- Common errors - Same mistakes with Tailwind v4, Cloudflare bindings, etc.
- Token waste - Re-teaching Claude things it should already know
- Inconsistent outputs - Different approaches each time
Developers needed a way to encode proven patterns and have Claude apply them automatically.
| Feature | Manual | With Skills |
|---|---|---|
| Token Usage(~50% less) | 12-15k | 4-6k |
| Common Errors(prevented) | 2-4 | 0 |
| Setup Time | 2-4 hours | 15-45 min |
| Pattern Consistency | ||
| Auto-Discovery |
Solution
Built a skill system that Claude Code automatically discovers and applies:
Claude Code scans ~/.claude/skills/ on startup and suggests relevant skills during conversation. No configuration needed - just install and go.
Key Features
- Auto-discovery - Claude finds and suggests skills contextually
- Plugin marketplace - One-command installation
- Token efficiency - Pre-loaded context means less explanation
- Error prevention - Known issues caught before they happen
- Consistent patterns - Same quality output every time
Skill Categories
Workers, D1, R2, KV, Agents
Vercel SDK, OpenAI, Claude API
Tailwind v4, shadcn, TanStack
Drizzle, Neon, Vercel KV
Project workflow, sessions
FastMCP, TypeScript MCP
TinaCMS, Sveltia, WordPress
Clerk, Better Auth
FastAPI, Flask
Featured Skills
cloudflare-worker-baseProduction Worker setup with Vite, static assets, wrangler.jsonccloudflare-d1D1 database with Drizzle ORM, migrations, type-safe queriescloudflare-r2Object storage with presigned URLs, multipart uploadscloudflare-agentsAI agents with Durable Objects, WebSocket hibernationcloudflare-mcp-serverMCP server on Workers with OAuth, SSE transportcloudflare-durable-objectsStateful serverless with hibernation APIInstallation
Two ways to install skills:
Plugin Marketplace (Recommended)
/plugin marketplace add https://github.com/jezweb/claude-skills
/plugin install cloudflare-worker-base@claude-skills
Manual Installation
git clone https://github.com/jezweb/claude-skills.git ~/Documents/claude-skills
cd ~/Documents/claude-skills
./scripts/install-skill.sh cloudflare-worker-base
Example Workflow
See how Claude uses skills during development:
Set up a Cloudflare Worker with D1 database
Found cloudflare-worker-base and cloudflare-d1 skills. Use them?
skill-discoveryYes
Setting up with production-ready patterns…
apply-skillsCreated Worker with D1 binding, Drizzle ORM, and migrations. Zero configuration errors.
Results
The skill system has proven effective across hundreds of projects:
- 66 skills covering the most common development patterns
- ~50% token reduction compared to manual explanation
- 400+ errors prevented through built-in guardrails
- Consistent quality across all projects using skills
Bonus: ContextBricks
Real-time context tracking for Claude Code sessions:
npx contextbricks # One-command install
Shows token usage, context percentage, and session stats in your terminal.
Use Cases
Cloudflare Development - Workers, D1, R2 with zero configuration errors
AI Integration - Vercel AI SDK, OpenAI, Claude API with proper streaming
Frontend Setup - Tailwind v4 + shadcn/ui with correct CSS-first config
Project Planning - Generate structured planning docs for any project
Interested in a similar solution?
Let's talk about your project