Jez | Jeremy Dawes
Back to projects
open-source active

Claude Code Skills

66 production-ready skills for Claude Code CLI. Cloudflare, React, AI integrations - with ~50% token savings and 400+ errors prevented.

Claude CodeTypeScriptCloudflareReactAI

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.

66
Skills
9
Categories
~50%
Token Savings

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.

FeatureManualWith Skills
Token Usage(~50% less)12-15k4-6k
Common Errors(prevented)2-40
Setup Time2-4 hours15-45 min
Pattern Consistency
Auto-Discovery

Solution

Built a skill system that Claude Code automatically discovers and applies:

How It Works

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

Cloudflare16

Workers, D1, R2, KV, Agents

AI/ML12

Vercel SDK, OpenAI, Claude API

Frontend12

Tailwind v4, shadcn, TanStack

Database4

Drizzle, Neon, Vercel KV

Planning5

Project workflow, sessions

MCP/Tools4

FastMCP, TypeScript MCP

CMS3

TinaCMS, Sveltia, WordPress

Auth2

Clerk, Better Auth

Python2

FastAPI, Flask

cloudflare-worker-baseProduction Worker setup with Vite, static assets, wrangler.jsonc
cloudflare-d1D1 database with Drizzle ORM, migrations, type-safe queries
cloudflare-r2Object storage with presigned URLs, multipart uploads
cloudflare-agentsAI agents with Durable Objects, WebSocket hibernation
cloudflare-mcp-serverMCP server on Workers with OAuth, SSE transport
cloudflare-durable-objectsStateful serverless with hibernation API

Installation

Two ways to install skills:

/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:

Skill Auto-Discovery

Set up a Cloudflare Worker with D1 database

Found cloudflare-worker-base and cloudflare-d1 skills. Use them?

skill-discovery

Yes

Setting up with production-ready patterns…

apply-skills

Created 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