# Frontend with AI

Building frontend interfaces with AI is not about getting perfect code on the first try. It is about rapid iteration — getting a working version in minutes, then refining through conversation.

The UX-First Prompting Approach

Most people prompt for frontend code by describing HTML structure:

Weak prompt: > "Create a div with a flex layout, h2 heading, three cards with shadows..."

Strong prompt: > "Build a pricing page for a SaaS app. Three tiers: Free, Pro ($29/mo), Enterprise (custom pricing). The Pro tier should be visually highlighted as the recommended option. Each tier shows 5-6 features with checkmarks for included features and X marks for excluded ones. Include a toggle to switch between monthly and annual pricing (annual saves 20%). Use Tailwind CSS. Make it look like Stripe's pricing page."