Mobile UI Design

Generate production-grade iOS mobile screens as standalone HTML files. Each screen is an iPhone 14 Pro viewport (393x852) using Tailwind CSS v4, Google Fonts, and Iconify icons.

References

• HTML Template: See references/template.html for the base boilerplate
• Style Guide: See references/style-guide.md for domain-specific palettes, fonts, and anti-patterns

How It Works

1. Clarify the app concept -- ask what the app does if not specified
2. Pick an aesthetic direction -- commit to a bold tone (minimal, glassmorphic, editorial, retro-futuristic, organic, luxury, etc.)
3. Generate 3 cohesive screens using the HTML template from references/template.html
4. Write each screen as a separate file: screens/home.html, screens/detail.html, screens/action.html
5. Verify all screens share the same theme tokens, fonts, and color palette

Usage