claudekit-skills

ClaudeKit - Agent Skills

Repository overview

• Purpose: Share the free .claude/skills/* folders that power the open ClaudeKit workflows.
• Source: Mirrors the Agent Skills shipped with the Claude Engineer toolkit stored in ClaudeKit.cc.
• Audience: Indie builders, startups, and teams who want a starting point for disciplined Claude Code automations.

What lives inside .claude/skills/*

Each folder under .claude/skills bundles:

• Mission brief: Opinionated instructions that keep Claude focused on shipping real work instead of generic chat.
• Guardrails: Step-by-step checklists and fallback actions that make outputs reviewable and auditable.
• Integration hints: Suggested MCP connections, file structures, and prompts so you can plug skills directly into your repositories.

The directories are intentionally human-readable. Copy a skill, tweak the text files, and commit it alongside your project—Claude Code will pick it up automatically on the next run.

Claude Code at a glance

Recent updates make Claude Code an ideal companion for these skills:

• Parallel web sessions: Launch multiple coding tasks from the browser, steer them mid-flight, and let Claude open pull requests when it finishes.
• Security-first sandboxing: Grant scoped filesystem and network access so Claude can fetch dependencies or run tests without exposing the rest of your infrastructure.
• On-the-go iteration: Use the iOS preview to nudge a session while you are away from your laptop.

(See Anthropic’s Claude Code on the web announcement and Ars Technica’s coverage of the new sandbox runtime for deeper context.)

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

• 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.

🎨 Design & Creative

• canvas-design - Create museum-quality visual art in PDF/PNG using design philosophy. Generates aesthetic movements first, then expresses them visually through masterful composition, typography, and color theory.
• remix-icon - Open-source icon library with 3,100+ icons in outlined and filled styles. Supports webfonts, SVG, React, Vue, and direct integration. Built on 24x24 pixel grid for perfect alignment.

🧠 AI & Machine Learning

• gemini-audio - Google Gemini API audio capabilities - analyze audio with transcription, summarization, and understanding (up to 9.5 hours), plus generate speech with controllable TTS.
• gemini-document-processing - Google Gemini API document processing - analyze PDFs with native vision to extract text, images, diagrams, charts, and tables.
• gemini-image-gen - Google Gemini API image generation - create high-quality images from text prompts using gemini-2.5-flash-image model with text-to-image, editing, and composition.
• gemini-video-understanding - Google Gemini API video analysis - describe content, answer questions, transcribe audio with visual descriptions, reference timestamps, and process YouTube URLs.
• gemini-vision - Google Gemini API image understanding - analyze images with captioning, classification, visual QA, object detection, segmentation, and multi-image comparison.

🌐 Web Development

• nextjs - React framework for production with server-side rendering, static generation, App Router, Server Components, and powerful optimization features. Complete guide for Next.js 15+.
• shadcn-ui - Beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS. Copy-paste components into your codebase with full ownership and customization.
• tailwindcss - Utility-first CSS framework for rapid UI development with responsive design, dark mode, custom themes, and optimized build-time processing.

🌐 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.