Frontend

Design Engineering encodes Emil Kowalski's philosophy for UI polish, component design, and animation decisions. Use it when reviewing or designing interfaces that should feel precise and thoughtful.

Frontend Design creates distinctive, production-grade interfaces for components, pages, and applications. Use it when you need polished frontend code with a clear visual direction instead of generic AI-style layouts.

Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications that avoid generic AI aesthetics and demand creative, polished UI.

Create visually striking, production-ready frontend interfaces with creative direction and polished code. Use for building web components, pages, dashboards, or applications that stand out from generic AI design.

A comprehensive frontend development toolkit for building modern web apps with React, Next.js, TypeScript, and Tailwind. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices.

Comprehensive design guide for web and mobile applications with searchable database of 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Use it to generate design systems with priority-based recommendations across 13 tech stacks.

Reference design intelligence for UI/UX work, including styles, colors, typography, and UX guidelines. Use when building or reviewing web and mobile app interfaces to apply best practices.

Comprehensive performance optimization guidelines for React and Next.js, maintained by Vercel. Use when writing, reviewing, or refactoring code to ensure optimal patterns in data fetching, bundle size, rendering, and more.

Web Design generates polished single-page HTML sites for reports, landing pages, and data visualizations, and can deploy them to Cloudflare Pages. Use it when you need a webpage created or published online.

Canvas App creates or edits Power Apps canvas apps through the Canvas Authoring MCP coauthoring session. Use it to generate new apps, make targeted or multi-screen edits, and converge compile errors in .pa.yaml files.

Create Code App creates Power Apps code apps with React and Vite. Use it to scaffold a new app, prepare a baseline deployment, and add data sources during implementation.

Makepad 1.x To 2.0 Migration helps convert Makepad 1.x code to 2.0 syntax and APIs. Use it when replacing live_design, LiveHook, apply_over, or old widget syntax during an upgrade.