Claude10XD

A curated collection of Claude Code skills to help building production-grade software.

67 skills across 7 categories.

Skill Categories

Category	Skills	Highlights
Security	25 skills	OWASP Top 10:2025, ASVS 5.0, Agentic AI Security, defense-in-depth patterns, threat modeling
UI/UX	14 skills	Design intelligence (161 product types, 67 styles), React/Next.js patterns, React Native, brand identity
Performance	7 skills	Core Web Vitals, Lighthouse audits, accessibility (WCAG 2.2), SEO, motion performance
Testing	16 skills	Playwright-based UI testing suite: forms, a11y, responsive, security, performance (~482 test cases)
API Design	3 skills	GraphQL schema design, query/mutation patterns, Rust best practices
Database	1 skill	Schema design, normalization, indexing, migrations, query optimization
i18n	1 skill	Internationalization workflows, AI translation, CDN delivery, React/Next.js SDKs

Security counts nested sub-skills under security-awareness/ (7) and security-prompts/ (5) alongside the 13 top-level ones.

How It Works

1. Drop the skills/ folder into your project
2. Open Claude Code
         │
         ▼
   skills/CLAUDE.md        ← auto-discovered by Claude Code (no prompt needed)
         │
         ▼
   skills/README_FOR_CLAUDE.md   ← full onboarding + routing table
         │
         ▼
   user_passport.md        ← in YOUR project root (not inside skills/)
   Empty? → Claude interviews you first
   Filled? → Claude adapts to your level and builds
         │
         ▼
   Claude loads only the skills relevant to your task

Installation

Option 1: Drop into an existing project (recommended)

Copy the skills/ folder into your project.

macOS / Linux:

git clone --depth=1 https://github.com/AlexDevFlow/Claude10XD.git claude10xd-temp
cp -r claude10xd-temp/skills ./skills
rm -rf claude10xd-temp

Windows (PowerShell):

git clone --depth=1 https://github.com/AlexDevFlow/Claude10XD.git claude10xd-temp
Copy-Item -Recurse claude10xd-temp\skills .\skills
Remove-Item -Recurse -Force claude10xd-temp

Or just download the ZIP and copy the skills/ folder into your project manually.

Then open Claude Code, it automatically discovers skills/CLAUDE.md and guides you through setup. No special prompt needed, just start working.

Option 2: Clone as a standalone project

git clone https://github.com/AlexDevFlow/Claude10XD.git
cd Claude10XD

Open Claude Code — skills/CLAUDE.md is auto-discovered. Just start asking Claude to build something.

First-Time Setup

When Claude reads the skills folder for the first time, it will:

1. Check if user_passport.md exists in your project root
2. If not, it will interview you about your background, experience, and project goals
3. Save your answers to user_passport.md so future conversations can skip the interview
4. Start building with the right skills loaded for your task

This interview matters -- it's how Claude decides whether to explain basics or jump straight to advanced patterns, and whether to load security/infrastructure skills for production projects.

Project Structure

your-project/
├── user_passport.md               # Created by Claude after your first conversation
├── skills/
│   ├── CLAUDE.md                  # Auto-discovered entry point
│   ├── README_FOR_CLAUDE.md       # Full onboarding flow + skill routing table
│   ├── user_passport.template.md  # Template for the user passport
│   ├── security/                  # OWASP, CSRF, rate limiting, input validation, etc. (+ examples/)
│   ├── ui/                        # Design systems, React patterns, brand, deployment (+ templates/)
│   ├── performance/               # Core Web Vitals, a11y, SEO, Lighthouse
│   ├── testing/                   # Playwright UI testing suite (16 test skills)
│   ├── api-design/                # GraphQL, Rust
│   ├── database/                  # Schema design, migrations
│   └── i18n/                      # Internationalization

License

MIT (see LICENSE)

Note: Some individual skills include their own licenses from upstream sources (e.g., Apache 2.0 for shadcn/ui styling). Check subdirectory LICENSE files where present.