Build, adapt, or review React and Next.js charts consuming @kind-ui/charts from npm. Use for chart selection, explicit compound charts, styling, controlled legends, loading, accessibility, and consumer verification with the documented public API.
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module…
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries,…
Verify version-matched AI SDK message, tool, approval, and action contracts when designing or testing Kind's optional SDK integration. Core React components remain SDK independent.
Set up or design Kind's SDK-independent React AI components, choosing accessible primitives, composition boundaries, Motion interactions, and deterministic acceptance checks.
Review Kind API guides, setup decisions, examples, and PR prose for accuracy, concise explanations, discoverability, and stated support limits.
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or…
Selected React rendering performance guidance for Kind UI. Use when authoring or reviewing library components, effects, or render behavior. This is a focused subset of Vercel's larger React and Next.js guide.