Updated 6mo ago
by mrgoonie
claudekit-skills
All powerful skills of ClaudeKit.cc!
2.2k GitHub stars (2,227)
+7 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | 0 |
| Sep 28 | 0 |
| Sep 29 | +2 |
| Sep 30 | 0 |
| Oct 1 | 0 |
| Oct 2 | +3 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | +3 |
| Oct 6 | −1 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | +2 |
| Oct 10 | −1 |
| Oct 11 | −1 |
| Oct 12 | +1 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | −1 |
- 29 skills (29 skills found in its SKILL.md files)
- 421 forks (421 forks)
- 6mo ago last update (Last updated 6mo ago)
Install
Skills CLI
npx skills add mrgoonie/claudekit-skills
Asks which skills and agents to install. Just one: npx skills add mrgoonie/claudekit-skills --skill aesthetic — add -g for every project.
Claude Code
git clone https://github.com/mrgoonie/claudekit-skillscp -r "claudekit-skills/.claude/skills/aesthetic" ~/.claude/skills/
Copies the aesthetic skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add mrgoonie/claudekit-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 29 of 45 files.
-
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-m…
.claude/skills/aesthetic/SKILL.md on GitHub (opens in a new tab) -
ai-multimodal
Process and generate multimedia content using Google Gemini API. Capabilities include analyze audio files (transcription with timestamps, summarization, speech understanding, music/sound analysis up to 9.5 hours), understand images (captioning, object detection, OCR, visual Q&A, segmentation), process videos (scene detection, Q&A, temporal analysis, YouTube URLs, up to 6 hours), extract from docu…
.claude/skills/ai-multimodal/SKILL.md on GitHub (opens in a new tab) -
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, Kubernet…
.claude/skills/backend-development/SKILL.md on GitHub (opens in a new tab) -
better-auth
Implement authentication and authorization with Better Auth - a framework-agnostic TypeScript authentication framework. Features include email/password authentication with verification, OAuth providers (Google, GitHub, Discord, etc.), two-factor authentication (TOTP, SMS), passkeys/WebAuthn support, session management, role-based access control (RBAC), rate limiting, and database adapters. Use wh…
.claude/skills/better-auth/SKILL.md on GitHub (opens in a new tab) -
bunny
Integrate Bunny.net services (CDN, Storage, Stream, DNS, Edge Scripting, Shield, Magic Containers, Optimizer, Database). Use when building with Bunny.net APIs, deploying to Bunny CDN, uploading files to Edge Storage, managing video streaming, configuring DNS zones, writing edge scripts, setting up WAF/DDoS protection, deploying containers, or optimizing images. Triggers on "bunny", "bunnycdn", "b…
.claude/skills/bunny/SKILL.md on GitHub (opens in a new tab) -
chrome-devtools
Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging.
.claude/skills/chrome-devtools/SKILL.md on GitHub (opens in a new tab) -
claude-code
No description in the SKILL.md.
.claude/skills/claude-code/SKILL.md on GitHub (opens in a new tab) -
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. Covers three practices - receiving feedback with technical rigor over performative agreement, requesting reviews via code-reviewer subagent, and verification gates requiring evidence…
.claude/skills/code-review/SKILL.md on GitHub (opens in a new tab) -
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, evaluating agent performance, or developing LLM-powered pipelines. Covers context fundamentals, degradation patterns, optimization techniques (compaction, masking, caching), compression strategi…
.claude/skills/context-engineering/SKILL.md on GitHub (opens in a new tab) -
databases
Work with MongoDB (document database, BSON documents, aggregation pipelines, Atlas cloud) and PostgreSQL (relational database, SQL queries, psql CLI, pgAdmin). Use when designing database schemas, writing queries and aggregations, optimizing indexes for performance, performing database migrations, configuring replication and sharding, implementing backup and restore strategies, managing database…
.claude/skills/databases/SKILL.md on GitHub (opens in a new tab) -
debugging
Systematic debugging frameworks for finding and fixing bugs - includes root cause analysis, defense-in-depth validation, and verification protocols
.claude/skills/debugging/SKILL.md on GitHub (opens in a new tab) -
devops
Deploy to Cloudflare (Workers, R2, D1), Docker, GCP (Cloud Run, GKE), Kubernetes (kubectl, Helm). Use for serverless, containers, CI/CD, GitOps, security audit.
.claude/skills/devops/SKILL.md on GitHub (opens in a new tab) -
docs-seeker
Searching internet for technical documentation using llms.txt standard, GitHub repositories via Repomix, and parallel exploration. Use when user needs: (1) Latest documentation for libraries/frameworks, (2) Documentation in llms.txt format, (3) GitHub repository analysis, (4) Documentation without direct llms.txt support, (5) Multiple documentation sources in parallel
.claude/skills/docs-seeker/SKILL.md on GitHub (opens in a new tab) -
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.
.claude/skills/frontend-design/SKILL.md on GitHub (opens in a new tab) -
frontend-dev-guidelines
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.
.claude/skills/frontend-development/SKILL.md on GitHub (opens in a new tab) -
google-adk-python
No description in the SKILL.md.
.claude/skills/google-adk-python/SKILL.md on GitHub (opens in a new tab) -
mcp-builder
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
.claude/skills/mcp-builder/SKILL.md on GitHub (opens in a new tab) -
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…
.claude/skills/mcp-management/SKILL.md on GitHub (opens in a new tab) -
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). Use when converting media formats, encoding videos with specific codecs (H.264, H.265, VP9), resizing/cropping images, extracting audio from video, applying filters and effects, optimiz…
.claude/skills/media-processing/SKILL.md on GitHub (opens in a new tab) -
mermaidjs-v11
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating 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,…
.claude/skills/mermaidjs-v11/SKILL.md on GitHub (opens in a new tab) -
payment-integration
Integrate payments with SePay (VietQR), Polar, Stripe, Paddle (MoR subscriptions), Creem.io (licensing). Checkout, webhooks, subscriptions, QR codes, multi-provider orders.
.claude/skills/payment-integration/SKILL.md on GitHub (opens in a new tab) -
problem-solving
Creative problem-solving techniques for breaking through stuck points - includes collision-zone thinking, inversion, pattern recognition, and simplification
.claude/skills/problem-solving/SKILL.md on GitHub (opens in a new tab) -
repomix
Package entire code repositories into single AI-friendly files using Repomix. Capabilities include pack codebases with customizable include/exclude patterns, generate multiple output formats (XML, Markdown, plain text), preserve file structure and context, optimize for AI consumption with token counting, filter by file types and directories, add custom headers and summaries. Use when packaging co…
.claude/skills/repomix/SKILL.md on GitHub (opens in a new tab) -
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.
.claude/skills/sequential-thinking/SKILL.md on GitHub (opens in a new tab) -
shopify
Build Shopify applications, extensions, and themes using GraphQL/REST APIs, Shopify CLI, Polaris UI components, and Liquid templating. Capabilities include app development with OAuth authentication, checkout UI extensions for customizing checkout flow, admin UI extensions for dashboard integration, POS extensions for retail, theme development with Liquid, webhook management, billing API integrati…
.claude/skills/shopify/SKILL.md on GitHub (opens in a new tab) -
skill-creator
Create or update Claude skills. Use for new skills, skill references, skill scripts, optimizing existing skills, extending Claude's capabilities.
.claude/skills/skill-creator/SKILL.md on GitHub (opens in a new tab) -
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.
.claude/skills/threejs/SKILL.md on GitHub (opens in a new tab) -
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. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating vi…
.claude/skills/ui-styling/SKILL.md on GitHub (opens in a new tab) -
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 in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build perform…
.claude/skills/web-frameworks/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.