secondsky/claude-skills
Production-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrations
Deep Analysis
面向 Claude Code CLI 的生产级技能集合,包含 174 个预构建技能用于 Cloudflare、React、Tailwind v4、AI 集成等现代 Web 开发场景
Core Features
Technical Implementation
- 规模庞大:174 个技能覆盖 18 个类别
- 质量保证:每个技能经过实战测试,有详细的错误预防文档
- 完整工具链:提供 plugin-dev 开发工具包、8 阶段引导工作流
- 效率提升:setup 时间从 2-4 小时降至 15-45 分钟
- 灵活安装:支持单独安装或批量安装
- Cloudflare Workers/D1/AI 应用开发
- Nuxt/React/Tailwind v4 前端项目
- AI SDK 集成(OpenAI、Claude API)
- API 设计与 GraphQL 实现
- 测试(Vitest/Playwright)与安全(RBAC/CSRF)
- Token 限制:系统提示词有 15,000 字符限制,无法同时加载所有技能
- 需通过环境变量 SLASH_COMMAND_TOOL_CHAR_BUDGET=30000 临时扩展
- 技能可见性受限,需手动验证当前加载了哪些技能
- 仓库规模大,初次理解成本较高
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:
- Individual - Install only the skills you need via marketplace
- 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-plugincommand (8-phase guided workflow)- 7 comprehensive skills (hooks, MCP, structure, agents, commands, skills)
- 3 specialized agents (agent-creator, plugin-validator, skill-reviewer)
Quick Steps
- Create skill directory in
plugins/ - Add
SKILL.mdwith 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 |
Links
- Repository: https://github.com/secondsky/claude-skills
- Issues: https://github.com/secondsky/claude-skills/issues
- Claude Code: https://claude.com/claude-code
Built with ❤️ by Claude Skills Maintainers
Related Skills
wshobson/agents
wshobsonIntelligent 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.
ComposioHQ/awesome-claude-skills
ComposioHQA 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.
code-yeongyu/oh-my-opencode
code-yeongyuThe Best Agent Harness. Meet Sisyphus: The Batteries-Included Agent that codes like you.
Powerful multi-agent coding tool, but note OAuth limitations.
nextlevelbuilder/ui-ux-pro-max-skill
nextlevelbuilderAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
Essential for designers; comprehensive UI/UX knowledge base.
thedotmack/claude-mem
thedotmackA 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.
OthmanAdi/planning-with-files
OthmanAdiClaude 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.

