Production-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrations

Claude Code Skills Collection

170 production-ready skills for Claude Code CLI

Version 3.3.1 | Last Updated: 2026-05-14

🔌 Platform Support

This repository uses Claude Plugin Patterns — natively supported by:

Platform	Status	Notes
Claude Code	✅ Native	Full marketplace support
Factory Droid	✅ Native	Full marketplace support

**For all other Platforms like opencode, codex and others, you can use https://github.com/enulus/OpenPackage **

A curated collection of battle-tested skills for building modern web applications with Cloudflare, AI integrations, React, Tailwind, and more.

PS: if skills.sh warns about any skill: Their scan process is a outdated LLM which flags newest versions pins (like in ZOD) as non existent and by that potentially malicous.

Quick Start

Marketplace Installation (Recommended)

# Add the marketplace
/plugin marketplace add https://github.com/secondsky/claude-skills

# Install individual skills as needed
/plugin install cloudflare-d1@claude-skills
/plugin install tailwind-v4-shadcn@claude-skills
/plugin install ai-sdk-core@claude-skills

See MARKETPLACE.md for complete catalog of all 170 skills.

Bulk Installation (Contributors)

# Clone the repository
git clone https://github.com/secondsky/claude-skills.git
cd claude-skills

# Install all 170 skills at once
./scripts/install-all.sh

# Or install individual skills
./scripts/install-skill.sh cloudflare-d1

Repository Structure

This repository contains 170 production-tested skills for Claude Code, each focused on a specific technology or capability.

Individual Skills: Each skill is a standalone unit with:

SKILL.md - Core knowledge and guidance
Templates - Working code examples
References - Extended documentation
Scripts - Helper utilities

Installation Options:

Individual - Install only the skills you need via marketplace
Bulk - Install all 170 skills using ./scripts/install-all.sh

Available Skills (170 Individual Skills)

Each skill is individually installable. Install only the skills you need.

Full Catalog: See MARKETPLACE.md for detailed listings.

How It Works

Auto-Discovery

Claude Code automatically checks ~/.claude/skills/ for relevant skills before planning tasks:

User: "Set up a Cloudflare Worker with D1 database"
           ↓
Claude: [Checks skills automatically]
           ↓
Claude: "Found cloudflare-d1 skills.
         These prevent 12 documented errors. Use them?"
           ↓
User: "Yes"
           ↓
Result: Production-ready setup, zero errors, ~65% token savings

Note: Due to token limits, not all skills may be visible at once. See ⚠️ Important: Token Limits below.

Skill Structure

Each skill includes:

skills/[skill-name]/
├── SKILL.md              # Complete documentation
├── .claude-plugin/
│   └── plugin.json       # Plugin metadata
├── templates/            # Ready-to-copy templates
├── scripts/              # Automation scripts
└── references/           # Extended documentation

Recent Additions

May 2026

Supply Chain Security (cross-cutting):

dependency-upgrade expanded with Socket CLI integration — proactive malicious package detection, typosquatting alerts, and CI/CD security gates. New 418-line reference guide, 2 GitHub Actions templates, and expanded supply chain security comparison (3 tools)
31 skills now include “Secure Installation” guidance — contextually-tailored security sections across all high-risk skill categories (scaffolding, MCP/agent SDKs, multi-provider installs, Docker, CI/CD). Covers 8 Bun skills, 5 Nuxt skills, 6 Cloudflare skills, 4 AI/agent skills, and 8 frontend/tooling skills
Supply chain security is now a first-class cross-cutting concern woven into the skill collection — not a standalone topic

February - April 2026

Full-Stack Frameworks:

nuxt-v5 (v1.0.0) - Full Nuxt 5 support with 4 skills (core, data, server, production), 3 diagnostic agents, and interactive setup wizard
supabase-postgres-best-practices - 30 Postgres optimization rules from Supabase across 8 categories
threejs (v1.0.0) - 3D web graphics: scenes, geometries, shaders, animations, post-processing

Infrastructure:

JSON schema validation - Automated plugin.json validation with CI support
GitHub issue templates - Skill-specific issue templates for bug reports, feature requests, and submissions

Plugin Enhancements:

mutation-testing - Added Bun native runner support
dependency-upgrade - Added supply chain security content

December 2025 - January 2026

Frontend Expansion:

nuxt-studio (v1.0.0) - Visual CMS for Nuxt Content with live preview, OAuth auth, and R2 storage integration
maz-ui (v1.0.0) - 50+ Vue/Nuxt components with theming, i18n, form generation, and 14 composables

Developer Workflow:

plan-interview (v2.0.0) - Adaptive interview-driven spec generation with autonomous quality review
turborepo (v2.8.0) - Updated to official Vercel skill with enhanced monorepo build optimization

Mobile Development:

react-native-skills (v1.0.0) - React Native & Expo best practices with performance optimization patterns

Enhanced Authentication:

better-auth (v2.2.0) - Expanded to 18 framework integrations with 30+ authentication plugins

⚠️ Important: Token Limits

Skill Visibility Constraint

Claude Code has a 15,000 character limit for the total size of skill descriptions in the system prompt. This limit also applies to commands and agents.

What this means:

Not all 170 skills may be visible in Claude’s context at once
Skills are loaded based on relevance and available token budget
You can verify how many skills Claude currently sees by asking: “How many skills do you see in your system prompt?”

Checking Visible Skills

To verify which skills are currently loaded:

# Ask Claude Code directly
"Check what skills/plugins you see in your system prompt"

Claude will report something like: “85 of 170 skills visible due to token limits”

Workaround: Increase Token Budget

You can double the headroom for skill descriptions by setting an environment variable:

# Increase limit to 30,000 characters
export SLASH_COMMAND_TOOL_CHAR_BUDGET=30000

# Then launch Claude Code
claude

This gives you approximately 2x more skill visibility in the system prompt.

Note: This is a temporary workaround. The Claude Code team is working on better solutions for skill discovery and loading.

Token Efficiency

Metric	Manual Setup	With Skills	Savings
Average Tokens	12,000-15,000	4,000-5,000	~65%
Typical Errors	2-4 per service	0 (prevented)	100%
Setup Time	2-4 hours	15-45 minutes	~80%

Across all 170 skills: 400+ documented errors prevented.

Contributing

Prerequisites for Contributors

Install the official plugin development toolkit:

/plugin install plugin-dev@claude-code-marketplace

This provides:

/plugin-dev:create-plugin command (8-phase guided workflow)
7 comprehensive skills (hooks, MCP, structure, agents, commands, skills)
2 specialized agents (agent-creator, plugin-validator)

Quick Steps

Create skill directory in plugins/
Add SKILL.md with YAML frontmatter
Run ./scripts/sync-plugins.sh
Submit pull request

See CONTRIBUTING.md and PLUGIN_DEV_BEST_PRACTICES.md for detailed guidelines.

Documentation

Document	Purpose
START_HERE.md	Start here! Quick navigation guide
PLUGIN_DEV_BEST_PRACTICES.md	Repository-specific best practices (marketplace, budget, quality)
MARKETPLACE.md	Full skill catalog and installation guide
MARKETPLACE_MANAGEMENT.md	Technical infrastructure (plugin.json, scripts, validation)
CLAUDE.md	Project context and development standards
CONTRIBUTING.md	Contribution guidelines

Category	Skills	Examples
tooling	29	turborepo, plan-interview, code-review
frontend	26	nuxt-v4, nuxt-v5, tailwind-v4-shadcn, tanstack-query, nuxt-studio, maz-ui, threejs
cloudflare	21	cloudflare-d1, cloudflare-workers-ai, cloudflare-agents
ai	20	openai-agents, claude-api, ai-sdk-core
api	16	api-design-principles, graphql-implementation
web	10	hono-routing, firecrawl-scraper, web-performance
mobile	7	swift-best-practices, react-native-app, react-native-skills
database	6	drizzle-orm-d1, neon-vercel-postgres, supabase-postgres-best-practices
security	6	csrf-protection, access-control-rbac
auth	4	better-auth
testing	4	vitest-testing, playwright-testing
design	4	design-review, design-system-creation
woocommerce	4	woocommerce-backend-dev
cms	4	hugo, sveltia-cms, wordpress-plugin-core
architecture	3	microservices-patterns, architecture-patterns
data	3	sql-query-optimization, recommendation-engine
seo	2	seo-optimizer, seo-keyword-cluster-builder
documentation	1	technical-specification

claude-skills