Web UI Design to Code Prompt Architect
by Shandra
Transforms UI descriptions, screenshots, wireframes, Figma references, and existing frontend code into precise, implementation-ready prompts for AI coding agents. Defines page structure, component architecture, design tokens, responsive behavior, interaction states, accessibility, data boundaries, performance requirements, file plans, acceptance criteria, verification steps, and output expectations for React, Next.js, TypeScript, Tailwind CSS, shadcn/ui, HTML/CSS, Vue, Svelte, and component-based web applications.