secondsky/claude-skills

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

License:MITLanguage:TypeScript190
claude-codeclaude-code-commandsclaude-code-hooksclaude-code-pluginclaude-code-pluginsclaude-code-skillclaude-code-skills

Deep Analysis

面向 Claude Code CLI 的生产级技能集合,包含 174 个预构建技能用于 Cloudflare、React、Tailwind v4、AI 集成等现代 Web 开发场景

Core Features

Technical Implementation

Highlights
  • 规模庞大:174 个技能覆盖 18 个类别
  • 质量保证:每个技能经过实战测试,有详细的错误预防文档
  • 完整工具链:提供 plugin-dev 开发工具包、8 阶段引导工作流
  • 效率提升:setup 时间从 2-4 小时降至 15-45 分钟
  • 灵活安装:支持单独安装或批量安装
Use Cases
  • Cloudflare Workers/D1/AI 应用开发
  • Nuxt/React/Tailwind v4 前端项目
  • AI SDK 集成(OpenAI、Claude API)
  • API 设计与 GraphQL 实现
  • 测试(Vitest/Playwright)与安全(RBAC/CSRF)
Limitations
  • Token 限制:系统提示词有 15,000 字符限制,无法同时加载所有技能
  • 需通过环境变量 SLASH_COMMAND_TOOL_CHAR_BUDGET=30000 临时扩展
  • 技能可见性受限,需手动验证当前加载了哪些技能
  • 仓库规模大,初次理解成本较高
Tech Stack
TypeScriptCloudflare Workers/D1/AgentsTailwind v4/shadcnNuxt v4/React/React NativeVercel AI SDKDrizzle ORMHonoVitest/Playwright

Claude Code Skills Collection

174 production-ready skills for Claude Code CLI

Version 3.0.0 | Last Updated: 2025-12-30

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


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-worker-base@claude-skills
/plugin install tailwind-v4-shadcn@claude-skills
/plugin install ai-sdk-core@claude-skills

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

Bulk Installation (Contributors)

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

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

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

Repository Structure

This repository contains 174 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:

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

Available Skills (174 Individual Skills)

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

Full Catalog: See MARKETPLACE.md for detailed listings.

Categories

Category Skills Examples
tooling 32 project-workflow, skill-review, turborepo, plan-interview
cloudflare 24 cloudflare-d1, cloudflare-workers-ai, cloudflare-agents
frontend 22 nuxt-v4, tailwind-v4-shadcn, tanstack-query, nuxt-studio, maz-ui
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 8 swift-best-practices, react-native-app
database 6 drizzle-orm-d1, neon-vercel-postgres
security 6 csrf-protection, access-control-rbac
auth 5 better-auth, clerk-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

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-worker-base and 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

⚠️ 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 169 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: "79 of 96 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 169 skills: 395+ 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)
  • 3 specialized agents (agent-creator, plugin-validator, skill-reviewer)

Quick Steps

  1. Create skill directory in plugins/
  2. Add SKILL.md with YAML frontmatter
  3. Run ./scripts/sync-plugins.sh
  4. 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

Links


Built with ❤️ by Claude Skills Maintainers

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