Web Development

Build complex HTML artifacts using React, Vite, Tailwind CSS, and shadcn/ui components.

Tailwind CSS design system patterns and component architecture.

React best practices and patterns for AI agents, covering hooks, composition, and performance.

React composition patterns that scale — avoids boolean prop proliferation through compound components, render props, and React 19 APIs.

Implement smooth, native-feeling animations using React's View Transition API: page/route transitions, shared element animations, and list reorder effects in React and Next.js.

Generate animation-rich HTML presentations with visual style previews.

Programmatic video creation with React using the Remotion framework.

Three.js skills for creating 3D elements and interactive web experiences.

Opinionated, evolving constraints to guide agents when building frontend interfaces.

Next.js performance optimization and best practices for server components, routing, and data fetching.

Gutenberg blocks: block.json, attributes, rendering, and deprecations.

Block themes: theme.json, templates, patterns, and style variations.