Design And User Experience Guidelines

Creates elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui for complex frontend projects.

Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.

Scaffolds fullstack projects (Next.js, FastAPI, MERN, Django) and analyzes code quality with security and complexity scoring.

Converts a markdown deck into a single-file HTML presentation with keyboard navigation, presenter mode, and print-to-PDF support.

Provides a production-ready UI motion system for React/Next.js with performance, accessibility, and usability guidelines.