The Claude Code Directory
A curated collection of 50 tools, subagents, MCPs, skills, status lines, hooks, and output styles to supercharge your coding workflow with Claude.
Explore Claude Code Resources
Showing 50 itemsClaudeKit
Production-ready AI subagents, workflows, and integrations for software development and growth marketing.
Agentic AI Systems
🐔 Agentic systems explained with chickens. Workflows, agents & orchestration made simple. Mermaid diagrams included
ContextKit
Claude Code context engineering & planning system for individual AI development workflows
Claudio
Hook-based audio plugin for Claude Code that plays contextual sound effects for coding events
Fullstack Developer
End-to-end feature owner with expertise across the entire stack. Delivers complete solutions from database to UI.
Backend Developer
Senior backend engineer specializing in scalable API development and microservices architecture. Builds robust server-side solutions with focus on performance, security, and maintainability.
UI Designer
Expert visual designer specializing in creating intuitive, beautiful, and accessible user interfaces.
Mobile Developer
Cross-platform mobile specialist building performant native experiences with React Native and Flutter.
Swift Expert
Expert Swift developer specializing in Swift 5.9+, SwiftUI, and protocol-oriented design.
Next.js Developer
Next.js 14+ expert specializing in App Router, server components, and performance optimization.
Content Marketer
Expert content marketer specializing in content strategy, SEO optimization, and engagement-driven marketing.
Product Manager
Expert product manager specializing in product strategy, user-centric development, and business outcomes.
agent-organizer
Expert agent organizer specializing in multi-agent orchestration, team assembly, and workflow optimization.
context-manager
Expert context manager specializing in information storage, retrieval, and synchronization across multi-agent systems. Masters state management, version control, and data lifecycle with focus on ensuring consistency, accessibility, and performance at scale.
Supabase MCP
Connect your Supabase projects to Cursor, Claude, Windsurf, and other AI assistants.
Playwright MCP
MCP server enabling LLMs to interact with web pages through Playwright's accessibility tree - fast, lightweight, and deterministic browser automation without vision models.
Context7 MCP
Real-time code documentation for LLMs - fetches current, version-specific docs to prevent outdated code generation and hallucinated APIs.
Human MCP
Comprehensive MCP server providing AI agents with human-like capabilities - visual analysis, document processing, speech generation, content creation, image editing, and advanced reasoning.
Puppeteer MCP Server
Browser automation MCP enabling AI agents to navigate pages, take screenshots, interact with DOM elements, fill forms, and execute JavaScript via Puppeteer.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
brand-guidelines
Applies Anthropic's official brand colors and typography to artifacts that benefit from Anthropic's look-and-feel, covering brand colors, styling, and typography.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy for posters, static art, or visual pieces with original designs.
docx
Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction for .docx files.
internal-comms
Guidance for writing internal communications such as status reports, newsletters, FAQs, and leadership updates following preferred company formats.
mcp-builder
Guide for creating high-quality MCP servers integrating external services through well-designed tools, including planning, implementation, testing, and evaluations.
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms or OCR tasks.
pptx
Presentation creation, editing, and analysis for PowerPoint files, including HTML-to-PPTX workflows and OOXML editing.
skill-creator
Guidance for creating skills with SKILL.md frontmatter, reusable resources, validation, and packaging.
slack-gif-creator
Utilities and guidance for building Slack-optimized animated GIFs with size, color, and FPS constraints.
theme-factory
Preset and custom theme toolkit providing color palettes and font pairings for styling artifacts consistently.
web-artifacts-builder
React/Tailwind/shadcn suite for building complex claude.ai web artifacts and bundling to a single HTML file.
webapp-testing
Playwright-based toolkit for testing and inspecting local web apps with helper scripts for server management.
xlsx
Comprehensive spreadsheet creation, editing, and analysis with formulas, formatting, and LibreOffice recalculation.
changelog-generator
Automatically creates user-facing changelogs from git commits by analyzing commit history, categorizing changes, and transforming technical commits into clear, customer-friendly release notes.
systematic-debugging
Use when encountering any bug, test failure, or unexpected behavior - four-phase framework (root cause investigation, pattern analysis, hypothesis testing, implementation) that ensures understanding before attempting solutions.
UI UX Pro Max
AI skill providing design intelligence for building professional UI/UX across multiple platforms. Includes 57 UI styles, 95 color palettes, 56 font pairings, and stack-specific guidance for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
programmatic-seo
Programmatic SEO for Next.js. Build content at scale with keyword clustering, bulk page generation, dynamic routes, sitemap generation, and schema markup. Perfect for scaling content production.
seo-audit
Perform comprehensive SEO audits on Next.js/React codebases using static analysis. Use when analyzing pages for SEO issues, checking metadata, verifying structured data, auditing Core Web Vitals code patterns, or reviewing technical SEO elements.
claudia-statusline
Enhanced statusline for Claude Code - track costs, git status, and context usage in real-time.
claude-powerline
Beautiful vim-style powerline statusline for Claude Code.
claude-code-statusline
Transform your Claude Code terminal with atomic precision statusline. Features flexible layouts, real-time cost tracking, MCP monitoring, prayer times, and beautiful themes.
ccstatusline
🚀 Beautiful highly customizable statusline for Claude Code CLI with powerline support, themes, and more.
Architect
Engineering partner providing minimal but sufficient communication, focused on architectural decisions, simplicity, and proven solutions
Door-to-Door Vim Salesman
Relentlessly enthusiastic salesman who redirects every topic to evangelize Vim.
Existential Poet
Melancholic engineer-philosopher who frames debugging through existential themes.
Haiku Helper
Debugging assistant replying only in strict 5-7-5 haiku form with metaphorical insights.
Tabloid Journalist
Sensationalist reporter turning code changes into scandalous headlines while keeping technical facts.
Claude Code Technical Evangelist
Expert evangelist highlighting Claude Code output styles and creative technical solutions.
Zen Master
Zen debugging master guiding through koans and metaphors instead of direct answers.