React skills

This skill helps you implement and troubleshoot React useState usage, guiding when to use state, avoid pitfalls, and optimize local component state.

This skill helps you apply Refactoring UI principles to create clean, scalable frontends with consistent spacing, typography, color, and depth.

This skill renders Remotion TSX code into MP4 videos via inference.sh, enabling automated, programmable video generation from React components.

This skill helps you leverage React 19 patterns including Server Components, Actions, use(), and concurrent features to build scalable, high-performance

This skill generates production-ready TypeScript documentation with API references, ADRs, and runnable examples for frameworks like NestJS, React, and Angular.

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

This skill helps you create Framer Code Components and Overrides, enabling advanced React customization, property controls, and robust hydration-safe patterns.

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

This skill converts Figma frames into production-ready React, Vue, or HTML/CSS components using MCP mappings and design tokens.

This skill helps assess task complexity, enforce quality gates, and guide escalation to prevent wasted work and unclear requirements.

This skill visualizes planned changes as ASCII diagrams with risk, execution order, and impact metrics to inform review.

This skill helps you implement comprehensive monitoring and observability patterns for Prometheus, Grafana, Langfuse tracing, and drift detection.

This skill helps you discover and navigate OrchestKit's available skills and categories with an interactive guide.

This skill creates validated conventional commits locally, ensuring branch safety, linting, and concise messages before pushing.

This skill orchestrates parallel agents to turn rough ideas into robust design options through structured, multi-phase brainstorming and evaluation.

This skill helps you create polished demo videos for skills, tutorials, and CLI demos with templated, multi-format outputs.

This skill orchestrates memory graph queries to extract, deduplicate, and boost cross-referenced memories for unified context.

This skill performs comprehensive health checks on OrchestKit installations, diagnosing plugin, hook, memory, and coordination health for faster

This skill coordinates multiple Claude Code worktrees, enabling synchronized status, file locking, and conflict checks across parallel sessions.

This skill analyzes error patterns from Claude Code sessions to deliver actionable fixes and root-cause insights.

This skill helps you optimize React components and bundles by applying best-practice guidelines for performance, memoization, and reusable architectures.