Anatomy
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
Explore skills for building and maintaining software across languages and frameworks.
170 skillsTurn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
Upgrade Chakra UI v2 projects to v3 across packages, providers, components, and theming.
Create reports, invoices and other PDFs with React components, reusable layouts, SVG graphics and controlled page breaks.
Build and troubleshoot react-admin applications, resources, forms, authentication, and data providers.
Build responsive Chakra UI v3 components, page layouts, providers, and reusable themes.
Create component-based HTML emails with React Email, reusable layout and styling, local previews, and rendered output for a sending provider.
Internationalize react-admin applications with translation namespaces, interpolation, and pluralization.
Add suitable Suspense boundaries to Sanity Studio custom form components.
Build multi-component HTML artifacts with React, state management and a bundled delivery workflow.
The official shadcn/ui skill for AI agents. Find, add, compose, customize, and debug UI components using your project configuration, current component docs, and the shadcn CLI.
Route Remotion video tasks to the relevant official guidance for composition, animation, preview and rendering.
Add the Agentation visual-feedback toolbar to a React or Next.js project, choose manual feedback or MCP sync, and verify the selected connection.
Review Chakra UI v3 code and convert existing layouts to consistent components and tokens.
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements).
React composition patterns that scale.
React and Next.js performance optimization guidelines from Vercel Engineering.
Apply Vercel guidance for React composition, performance, React Native, View Transitions and deployment workflows.
Compare code review skills for Git changes, graph context, focused findings and visual feedback. Choose a child workflow and give it a clear review boundary.
Explore skills for building and maintaining software across languages and frameworks.