Cloudflare、React、Tailwind v4、AI統合のためのプロダクションレディスキル集。
167 production-ready skills for Claude Code CLI
Version 3.2.0 | Last Updated: 2026-02-07
🔌 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 |
A curated collection of battle-tested skills for building modern web applications with Cloudflare, AI integrations, React, Tailwind, and more.
# 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 167 skills.
# Clone the repository
git clone https://github.com/secondsky/claude-skills.git
cd claude-skills
# Install all 167 skills at once
./scripts/install-all.sh
# Or install individual skills
./scripts/install-skill.sh cloudflare-d1
This repository contains 167 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 guidanceInstallation Options:
./scripts/install-all.shEach skill is individually installable. Install only the skills you need.
Full Catalog: See MARKETPLACE.md for detailed listings.
| Category | Skills | Examples |
|---|---|---|
| tooling | 28 | turborepo, plan-interview, code-review |
| frontend | 25 | nuxt-v4, tailwind-v4-shadcn, tanstack-query, nuxt-studio, maz-ui |
| 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 |
| 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 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.
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
Frontend Expansion:
Developer Workflow:
Mobile Development:
Enhanced Authentication:
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:
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 176 skills visible due to token limits"
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.
| 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 176 skills: 400+ documented errors prevented.
Install the official plugin development toolkit:
/plugin install plugin-dev@claude-code-marketplace
This provides:
/plugin-dev:create-plugin command (8-phase guided workflow)plugins/SKILL.md with YAML frontmatter./scripts/sync-plugins.shSee CONTRIBUTING.md and PLUGIN_DEV_BEST_PRACTICES.md for detailed guidelines.
| 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 |
Built with ❤️ by Claude Skills Maintainers
互換性
トピック