web-dev-skills

Claude Skills Marketplace

A comprehensive collection of Claude Code skills designed to help Claude work in the most methodical, predictive, and efficient ways possible.

Overview

This marketplace provides battle-tested skills across all software development domains. Each skill is a structured guide that teaches Claude how to approach specific tasks with professional rigor and best practices.

Plugin Categories

🎯 Core Skills (Universal)

Essential skills every developer needs, regardless of domain

• Systematic Planner - Break down complex tasks into clear, methodical, actionable steps
• Methodical Debugger - Systematically diagnose and fix bugs using scientific methodology
• Code Reviewer - Perform thorough, constructive code reviews that improve quality
• TDD Expert - Master test-driven development with the Red-Green-Refactor cycle
• Refactoring Expert - Improve code structure and quality while preserving behavior

🌐 Web Development Skills

Modern web development with React, APIs, and responsive design

• React Expert - Build performant React applications with modern patterns and hooks
• API Designer - Design clean, RESTful APIs that developers love to use
• Responsive Design Expert - Create fluid, mobile-first designs for all screen sizes

📊 Data Science Skills

Data analysis, machine learning, and scientific computing

• Data Analyst - Perform systematic data analysis with Python and pandas
• ML Engineer - Build, train, and deploy machine learning models with best practices

🚀 DevOps Skills

Infrastructure, containerization, and deployment automation

• Docker Expert - Build efficient, secure Docker containers
• CI/CD Pipeline Expert - Create robust continuous integration and deployment pipelines

⚡ Productivity Skills

Workflow optimization and developer efficiency

• Git Master - Master Git workflows, branching strategies, and advanced techniques
• Performance Optimizer - Profile, measure, and optimize application performance

Installation

Clone the Repository

git clone https://github.com/your-username/claude-skills-marketplace.git
cd claude-skills-marketplace

Use in Claude Code

The marketplace structure follows the Claude Code plugin format. Each plugin contains:

plugin-name/
├── .claude-plugin/
│   └── plugin.json          # Plugin metadata
└── commands/
    ├── skill-1.md          # Individual skills as markdown files
    ├── skill-2.md
    └── skill-3.md

Quick Start

Example: Using the Systematic Planner Skill

When starting a complex task:

1. Activate the skill mentally by following its principles
2. Apply the systematic planning process:
   • Understand & Clarify the goal
   • Research & Analyze the codebase
   • Decompose into phases and tasks
   • Identify dependencies and risks
   • Create actionable task breakdown

Example: Using the React Expert Skill

When building React components:

1. Follow modern patterns (functional components + hooks)
2. Use custom hooks for reusability
3. Apply performance optimizations (memoization, lazy loading)
4. Implement proper state management
5. Write tests for components

Skill Structure

Each skill follows a consistent format:

• Description - What the skill does
• Core Principles - Fundamental concepts
• Best Practices - Proven patterns and techniques
• Examples - Real-world code examples
• Anti-Patterns - Common mistakes to avoid
• Checklists - Step-by-step workflows
• When to Use - Appropriate use cases

Skills Inventory

Core Skills (5 skills)

Skill	Purpose	Use When
Systematic Planner	Task decomposition	Starting complex features
Methodical Debugger	Bug investigation	Debugging issues
Code Reviewer	Quality assurance	Reviewing code
TDD Expert	Test-first development	Writing new code
Refactoring Expert	Code improvement	Cleaning up code

Web Dev Skills (3 skills)

Skill	Purpose	Use When
React Expert	React development	Building React apps
API Designer	API design	Creating APIs
Responsive Design	Mobile-first CSS	Styling layouts

Data Science Skills (2 skills)

Skill	Purpose	Use When
Data Analyst	Data analysis	Working with datasets
ML Engineer	Machine learning	Building ML models

DevOps Skills (2 skills)

Skill	Purpose	Use When
Docker Expert	Containerization	Creating containers
CI/CD Pipeline	Automation	Setting up pipelines

Productivity Skills (2 skills)

Skill	Purpose	Use When
Git Master	Version control	Using Git
Performance Optimizer	Optimization	Improving performance

Contributing

We welcome contributions! To add a new skill: