Browse Skills

Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, applications, or any UI that needs to stand out with bold aesthetics and avoid generic AI-generated design.

Reviews frontend code (React, TypeScript) for quality, performance, and business logic issues using a defined checklist, supporting both staged and file-targeted reviews.

A structured process for feature development that prioritizes understanding the codebase, asking clarifying questions, comparing architecture trade-offs, and conducting multi-agent code reviews.

Guides users through a structured workflow for co-authoring documentation, proposals, technical specs, and similar content. Use when writing docs, creating proposals, or drafting specs.

Refactor high-complexity React components by extracting custom hooks, splitting into sub-components, simplifying conditionals, and isolating data logic. Use when static analysis shows complexity > 50 or line count > 300.

Automatically locates component source, demos, and existing docs to generate MDX documentation according to project conventions. Triggered when a user mentions a component name like Button or Accordion.

Automatically refines recently modified code to improve clarity, consistency, and maintainability while preserving all functionality. Applies project-specific standards and enhances readability without altering behavior.

Comprehensive performance optimization guidelines for React and Next.js applications, covering 57 rules across 8 categories. Use when writing, reviewing, or refactoring code to ensure optimal performance patterns.

Comprehensive design guide with searchable database of 67+ styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 stacks. Generates design systems with priority-based recommendations.

A comprehensive guide for creating effective skills that extend Claude Code's capabilities with specialized knowledge, workflows, and tool integrations. Use this when building new skills or updating existing ones.

Comprehensive toolkit for building modern, performant web apps with React, Next.js, TypeScript, and Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and frontend best practices.

Guides users through migrating a JavaScript/TypeScript project from ESLint to Oxlint using the @oxlint/migrate tool. Covers automated migration, config review, and handling unsupported features.