Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
creating-adrs
Structured ADR creation in MADR format. Triggers: ADR, Architecture Decision, 決定記録, 技術選定, アーキテクチャ決定, design decision, 技術的決定, 設計判断, deprecation, 非推奨化, process change, プロセス変更
majiayu000/claude-skill-registry 163
-
api-generation
Generate TypeScript API client from Swagger/Go comments. Use when updating API endpoints, adding new routes, or regenerating the frontend API client after backend changes.
majiayu000/claude-skill-registry 163
-
accessibility-checklist
When building UI components, forms, or any user-facing interface. Check before every frontend PR.
majiayu000/claude-skill-registry 163
-
verification-harness
Validate outputs using rule-based checks (required strings, regex, length, ranges). Use when you need deterministic verification or regression checks.
majiayu000/claude-skill-registry 163
-
react-ui-component
Create production-ready React UI components using shadcn/ui and Tailwind CSS. Use when creating shared components, building forms, dialogs, tables, or any UI elements. Automatically installs missing shadcn/ui components and places components in the proper directory structure (app/components/).
majiayu000/claude-skill-registry 163
-
color-tools
Color palette generation, contrast checking (WCAG), color space conversion, and color harmony tools. Ensures accessible and visually appealing color systems. Use when designing color schemes, checking accessibility, or creating design tokens.
majiayu000/claude-skill-registry 163
-
complexity-analysis
Challenges over-engineering and identifies unnecessary complexity before implementation. Use when planning features, designing architecture, choosing frameworks, evaluating patterns, or when complexity, overengineering, simpler alternatives, `--complexity-analysis`, or `--keep-it-simple` are mentioned. Helps teams avoid technical debt by validating that complexity is justified.
majiayu000/claude-skill-registry 163
-
record-hxfirefox-blog
majiayu000/claude-skill-registry 163
-
cl-macro-design
majiayu000/claude-skill-registry 163
-
frontend-skills
Master HTML5, CSS3, JavaScript ES6+, React, Vue, Angular, and modern web development. Learn responsive design, accessibility, and web performance optimization.
majiayu000/claude-skill-registry 163
-
visual-style-guide
This skill should be used when the user asks about "colors", "hex codes", "path colors", "tile background", "rendering order", "sorting order", "token design", "SVG styling", "stroke width", "line cap", "grid lines", "glow effect", "visual style", or discusses Zero-Day Attack visual design and styling.
majiayu000/claude-skill-registry 163
-
uimatch-text-diff
Compare two pieces of text using the uiMatch CLI text-diff command and classify how similar they are (exact match, whitespace/case-only, normalized match, or mismatch). Use this skill when the user cares about copy or label differences between design and implementation, or wants a cheap text-only check without running browser-based visual comparison.
majiayu000/claude-skill-registry 163
-
sinatra-patterns
Common Sinatra patterns, routing strategies, error handling, and application organization. Use when building Sinatra applications or designing routes.
majiayu000/claude-skill-registry 163
-
kv-optimization-advisor
Automatically optimizes Cloudflare KV storage patterns, suggesting parallel operations, caching strategies, and storage choice guidance
majiayu000/claude-skill-registry 163
-
babashka.fs
A guide to using babashka.fs.
majiayu000/claude-skill-registry 163
-
ai-image-asset-generator
This skill should be used when generating AI image assets for websites, landing pages, or applications. It automatically analyzes page requirements, generates images using Gemini API, removes backgrounds, converts to SVG for interactivity, and places assets in frontend code. Ideal for creating hero images, icons, backgrounds, product mockups, and infographic elements. Use this skill when users need image assets for their web projects.
majiayu000/claude-skill-registry 163
-
write-issue
Create or update project issues following the Epic specification format with Behaviors (Rules + Examples), Technical Specifications (Action/Hook/Component/Service), and task lists. Use when user asks to create/update an issue, document requirements, or write specifications for a new feature.
majiayu000/claude-skill-registry 163
-
doc-research-improvements
Research-driven critique and enhancement of Amelia architecture or ideas docs. Use with GPT-5.2 when given a design/architecture doc to analyze concepts, find sources, and propose improvements plus OSS candidates.
majiayu000/claude-skill-registry 163
-
frontend-nextjs-app-router
Use when working with Next.js App Router tasks - creating pages in /app/, setting up dynamic routes ([id]/page.tsx), implementing nested layouts/templates (layout.tsx), optimizing Server/Client components, or building ERP role-based pages (admin/teacher/student dashboards). Auto-use for all /app/ directory operations, dynamic routing, and App Router-specific features.
majiayu000/claude-skill-registry 163
-
hook-authoring
Complete guide for writing Claude Code and SDK hooks with security-first design.
Triggers: hook creation, hook writing, PreToolUse, PostToolUse, UserPromptSubmit,
tool validation, logging hooks, context injection, workflow automation
Use when: creating new hooks for tool validation, logging operations for audit,
injecting context before prompts, enforcing project-specific workflows,
preventing dangerous operations in production
DO NOT use when: logic belongs in core skill - use Skills instead.
DO NOT use when: complex multi-step workflows needed - use Agents instead.
DO NOT use when: behavior better suited for custom tool.
Use this skill BEFORE writing any hook. Check even if unsure.
majiayu000/claude-skill-registry 163
-
Fluxwing Component Expander
Add interaction states like hover, focus, disabled, active, error to existing uxscii components. Use when working with .uxm files, when user wants to expand, enhance, or add states to .uxm components.
majiayu000/claude-skill-registry 163
-
generative-ui-patterns
Generative UI implementation patterns for AI SDK RSC including server-side streaming components, dynamic UI generation, and client-server coordination. Use when implementing generative UI, building AI SDK RSC, creating streaming components, or when user mentions generative UI, React Server Components, dynamic UI, AI-generated interfaces, or server-side streaming.
majiayu000/claude-skill-registry 163
-
clap-patterns
Common Clap patterns and idioms for argument parsing, validation, and CLI design. Use when implementing CLI arguments with Clap v4+.
majiayu000/claude-skill-registry 163
-
Applying Next.js Basic Principles
Apply Next.js design principles and best practices for App Router, Server Components, caching strategies, and modern patterns including Next.js 16 updates. Use when building Next.js applications, implementing features, reviewing architecture, migrating to Next.js 16, or when the user mentions Next.js development, components, routing, optimization, or version updates.
majiayu000/claude-skill-registry 163