Prototyping Prompts

Prompt templates for building interactive prototypes and implementation-ready handoff artifacts.

All Prompts

Mobile-first interface

Design a mobile-first interface for [feature] that prioritizes [key user action]. Use thumb-friendly targets and progressive disclosure.

Figma token extraction

Extract design tokens from this Figma file and generate CSS variables, TypeScript token types, and Tailwind mappings.

Build component prompt

Create a [framework] component for [feature] following [design system]. Include TypeScript types, accessibility attributes, and error handling.

README generation

Create a README for this prototype with setup steps, architecture notes, and implementation handoff details.

A/B prototype setup

Create a prototype with A/B variants, event tracking plan, and success metrics for evaluation.