ClaudeKit - Agent Skills

Agent Skills are specialized workflows that empower Claude to perform complex, multi-step tasks with precision and reliability. They combine mission briefs, guardrails, and integration hints to transform generic AI assistance into disciplined automation.

Learn more about Agent Skills: https://docs.claude.com/en/docs/agents-and-tools/agent-skills/overview

My other projects

• My Blog
• ClaudeKit
• UI UX Pro Max Skill
• GoClaw - OpenClaw for Enterprise
• AgentWiki - Knowledge Base for both humans & AI agents
• TOSE - The Outstanding Shipping Solution

🎉 NEW [Dec 2025]: Claude Code Marketplace!

ClaudeKit Skills is now available as a Plugin Marketplace for seamless installation and automatic updates!

/plugin marketplace add mrgoonie/claudekit-skills
/plugin install ai-ml-tools@claudekit-skills

No more manual git clones! Install and update skills with simple commands. See Getting Started for full installation guide.

Update [Nov 2025]: No more context bloat with "mcp-manager" subagent + "mcp-management" skills!

📖 Read more here: MCP_MANAGEMENT.md

✨ Skills just got refactored!

📖 Read more here: REFACTOR.md

Skills catalog

🔐 Authentication & Security

• better-auth - Comprehensive TypeScript authentication framework supporting email/password, OAuth, 2FA, passkeys, and multi-tenancy. Works with any framework (Next.js, Nuxt, SvelteKit, etc.).

🤖 AI & Agent Development

• context-engineering - Master context engineering for AI agent systems. Covers context fundamentals, degradation patterns, optimization techniques (compaction, masking, caching), compression strategies, memory architectures, multi-agent patterns, LLM-as-Judge evaluation, tool design, and project development. Use when designing agent architectures, debugging context failures, optimizing token usage, implementing memory systems, or building multi-agent coordination.
• google-adk-python - Google's Agent Development Kit (ADK) for building AI agents with tool integration, multi-agent orchestration, workflow patterns (sequential, parallel, loop), and deployment to Vertex AI or custom infrastructure.

💻 Backend Development

• backend-development - Build robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis), APIs (REST, GraphQL, gRPC), authentication (OAuth 2.1, JWT), testing strategies, security best practices (OWASP Top 10), performance optimization, scalability patterns (microservices, caching, sharding), DevOps practices (Docker, Kubernetes, CI/CD), and monitoring. Use when designing APIs, implementing authentication, optimizing database queries, setting up CI/CD pipelines, handling security vulnerabilities, building microservices, or developing production-ready backend systems.

🧠 AI & Machine Learning

• ai-multimodal - Process and generate multimedia content using Google Gemini API. Capabilities include analyze audio (transcription, summarization up to 9.5 hours), understand images (captioning, object detection, OCR, visual Q&A), process videos (scene detection, Q&A, temporal analysis, YouTube URLs up to 6 hours), extract from documents (PDF tables, forms, charts, diagrams), generate images (text-to-image, editing, composition). Supports Gemini 2.5/2.0 with context windows up to 2M tokens.
• context-engineering - Master context engineering for AI agent systems. Use when designing agent architectures, debugging context failures, optimizing token usage, implementing memory systems, building multi-agent coordination, or evaluating agent performance. Covers context fundamentals, degradation patterns, optimization techniques (compaction, masking, caching), compression strategies, and memory architectures.

🎨 Design & Aesthetics

• aesthetic - Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages.

🌐 Web Development

• web-frameworks - Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons). Create React applications, implement server-side rendering, set up monorepos, optimize build performance, manage shared dependencies.
• ui-styling - Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Build design systems, create responsive layouts, add accessible components, customize themes, implement dark mode, generate visual designs and posters.
• 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.
• frontend-development - Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
• threejs - Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators. Includes asset loading (GLTF, FBX, OBJ), post-processing effects, physics simulations, and performance optimization.

🌐 Browser Automation & Testing

• chrome-devtools - Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Automate browsers, take screenshots, analyze performance, monitor network traffic, web scraping, and form automation.
• web-testing - Comprehensive web testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/accessibility testing. Use for test automation, flakiness mitigation, Core Web Vitals, mobile gestures, cross-browser testing.

☁️ Cloud Platforms & DevOps

• bunny - Integrate with Bunny.net's cloud platform: CDN (Pull Zones, Edge Rules, Cache), Edge Storage (HTTP/FTP, SDKs), Stream (video upload/encode/DRM), DNS (Zones, DNSSEC, Scriptable DNS), Edge Scripting (JS/TS at the edge), Shield (WAF, DDoS, Rate Limiting), Magic Containers (deploy/autoscale), Optimizer (dynamic images), Database (distributed SQLite), and AI Image Generation. Includes Terraform provider and token authentication.
• devops - Deploy and manage cloud infrastructure on Cloudflare (Workers, R2, D1, KV, Pages, Durable Objects, Browser Rendering), Docker containers, and Google Cloud Platform (Compute Engine, GKE, Cloud Run, App Engine, Cloud Storage). Deploy serverless functions to the edge, configure edge computing solutions, manage containers, set up CI/CD pipelines, optimize cloud infrastructure costs.

🗄️ Databases

• databases - Work with MongoDB (document database, BSON documents, aggregation pipelines, Atlas cloud) and PostgreSQL (relational database, SQL queries, psql CLI, pgAdmin). Design database schemas, write queries and aggregations, optimize indexes, perform migrations, configure replication and sharding, implement backup and restore strategies.

🛠️ Development Tools

• claude-code - Complete guide to Claude Code features: slash commands, hooks, plugins, MCP servers, agent skills, IDE integration, and enterprise deployment.
• mcp-builder - Build high-quality MCP servers in Python (FastMCP) or TypeScript. Includes agent-centric design principles, evaluation harnesses, and best practices.
• mcp-management - Manage Model Context Protocol (MCP) servers - discover, analyze, and execute tools/prompts/resources from configured MCP servers. Use when working with MCP integrations, need to discover available MCP capabilities, filter MCP tools for specific tasks, execute MCP tools programmatically, access MCP prompts/resources, or implement MCP client functionality. Supports intelligent tool selection, multi-server management, and context-efficient capability discovery.
• repomix - Package entire repositories into single AI-friendly files (XML, Markdown, JSON). Perfect for codebase analysis, security audits, and LLM context generation.
• media-processing - Process multimedia files with FFmpeg (video/audio encoding, conversion, streaming, filtering, hardware acceleration) and ImageMagick (image manipulation, format conversion, batch processing, effects, composition). Supports 100+ formats, hardware acceleration (NVENC, QSV), and complex filtergraphs.

📚 Documentation & Research

• docs-seeker - Intelligent documentation discovery using llms.txt standard, GitHub repository analysis via Repomix, and parallel exploration agents for comprehensive coverage.

🧪 Code Quality & Review

• code-review - Use when receiving code review feedback (especially if unclear or technically questionable), when completing tasks or major features requiring review before proceeding, or before making any completion/success claims. Essential for subagent-driven development, pull requests, and preventing false completion claims.

🐛 Debugging & Quality

• debugging/defense-in-depth - Validate at every layer data passes through. Make bugs structurally impossible with entry validation, business logic checks, environment guards, and debug logging.
• debugging/root-cause-tracing - Trace bugs backward through the call stack to find original triggers. Fix at the source, not the symptom.
• debugging/systematic-debugging - Four-phase framework ensuring root cause investigation before fixes. Never jump to solutions.
• debugging/verification-before-completion - Run verification commands and confirm output before claiming success. Evidence before claims, always.

📄 Document Processing

• document-skills/docx - Create, edit, and analyze Word documents with tracked changes, comments, formatting preservation, and redlining workflows for professional documents.
• document-skills/pdf - Extract text/tables, create PDFs, merge/split documents, fill forms. Uses pypdf and command-line tools for programmatic PDF processing.
• document-skills/pptx - Create and edit PowerPoint presentations with layouts, speaker notes, comments, animations, and design elements.
• document-skills/xlsx - Build spreadsheets with formulas, formatting, data analysis, and visualization. Includes financial modeling standards and zero-error formula requirements.

🛍️ E-commerce & Platforms

• shopify - Build Shopify apps, extensions, and themes using GraphQL/REST APIs, Shopify CLI, Polaris UI. Includes checkout extensions, admin customization, Liquid templating, and Shopify Functions.

💳 Payments & Billing

• payment-integration - Comprehensive payment integration for SePay (Vietnamese VietQR/bank transfers), Polar (SaaS monetization with MoR), Stripe (global payments), Paddle (MoR subscriptions), and Creem.io (software licensing). Includes webhook verification, checkout helpers, subscription management, and usage-based billing.

🧠 Problem-Solving Frameworks

• problem-solving/collision-zone-thinking - Force unrelated concepts together to discover emergent properties. "What if we treated X like Y?"
• problem-solving/inversion-exercise - Flip core assumptions to reveal hidden constraints and alternative approaches. "What if the opposite were true?"
• problem-solving/meta-pattern-recognition - Spot patterns appearing in 3+ domains to find universal principles worth extracting.
• problem-solving/scale-game - Test at extremes (1000x bigger/smaller, instant/year-long) to expose fundamental truths hidden at normal scales.
• problem-solving/simplification-cascades - Find one insight that eliminates multiple components. "If this is true, we don't need X, Y, or Z."
• problem-solving/when-stuck - Dispatch to the right problem-solving technique based on your specific type of stuck-ness.

🧠 Advanced Reasoning

• sequential-thinking - Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alternative approaches, or dynamically adjust scope. Ideal for multi-stage analysis, design planning, problem decomposition, or tasks with initially unclear scope.

📊 Visualization & Diagramming

• mermaidjs-v11 - Create diagrams and visualizations using Mermaid.js v11 syntax. Generate flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.

🔧 Meta Skills (from Anthropic)

• skill-creator - Guide for creating effective skills with specialized workflows, tool integrations, domain expertise, and bundled resources.

Getting started

🚀 Marketplace Installation (Recommended)

ClaudeKit Skills is now available as a Claude Code Plugin Marketplace for seamless installation and automatic updates!

# Add marketplace
/plugin marketplace add mrgoonie/claudekit-skills

# Install plugins you need
/plugin install ai-ml-tools@claudekit-skills
/plugin install web-dev-tools@claudekit-skills
/plugin install devops-tools@claudekit-skills
# ... and more!

Available Plugin Categories:

• ai-ml-tools - AI and ML with Gemini API, context engineering
• web-dev-tools - React, Next.js, Tailwind CSS
• devops-tools - Cloudflare, Docker, GCP, Databases
• backend-tools - Node.js, Python, Go, Authentication
• document-processing - Word, PDF, PowerPoint, Excel
• debugging-tools - Systematic debugging frameworks
• problem-solving-tools - Advanced thinking techniques
• platform-tools - Bunny.net, Shopify, payments (SePay, Polar, Stripe, Paddle, Creem), MCP management
• meta-tools - Skill creation, code review
• media-tools - FFmpeg, ImageMagick
• research-tools - Documentation discovery
• specialized-tools - Sequential thinking, diagrams

📖 Full installation guide: docs/MARKETPLACE.md

📦 Manual Installation (Legacy)

For users who prefer manual installation:

git clone https://github.com/mrgoonie/claudekit-skills
cp -r claudekit-skills/.claude/* /path/to/your/project/.claude/

Note: Manual installation is deprecated. Marketplace installation is recommended for automatic updates and version management.

🎯 Usage

• Select Skills: After installation, Claude Code will automatically discover available skills
• Activate: Skills are activated based on your task context
• Customize: Edit skill instructions to match your processes and tools
• Execute: Claude follows the skill's playbook while you supervise the diffs

Star History

Extend beyond the free tier

This collection covers the essentials. If you need advanced regulated-industry skills, analytics dashboards, or tailored onboarding, explore the full ClaudeKit package at ClaudeKit.cc. The commercial bundle stays subtle but unlocks deeper automation while keeping the same transparent workflow philosophy.

I've been spending 6+ months to dig into every aspect of Claude Code so you don't have to.

I've basically been sharing everything I learned about Claude Code on Substack: https://faafospecialist.substack.com/

So if you find this collection useful, please consider supporting my product at ClaudeKit.cc.

Thanks for your support! 🥰