Pinch Checkout
E-commerce checkout module
Claude Sonnet 5.5
5 · Design examples
Form and Multi-Step Flow Design: Checkout, Sign-Up and Booking
Follow complete checkout, onboarding, booking and upload flows. Study field grouping, step transitions, validation and recovery from mistakes rather than judging a tidy row of inputs.
What to look for
Finish each flow with realistic input, then leave a required field empty and trigger an error. Check persistent labels, field-level guidance, preserved input when going back, and an unambiguous completion state.
Installation & usage guide →
Heye
Sign-in and onboarding
GPT 6.1 Sol
ROOMIN
Recording studio booking website
GPT 6.1 Sol
Nest · Wanting Lakeside Cabin
Cabin details and booking
GPT 6.1 Sol
Chute
File upload module
Claude Fable 5.1
Related guides
Scenario Playbook · Mobile App UI
Mobile App UI Playbook
Stop AI agents from building squished desktop webpages for mobile. Design 390×844 multi-screen mobile apps with side-by-side screens.html boards and tactile states.
Agent Guide · Claude CodeClaude Code UI Design Guide
Install Oil UI Skill in Claude Code to design websites, mobile apps and UI modules using side-by-side direction boards, clear briefs and blind screenshot reviews.
Design Method · Real-Screen Blind ReviewReal-Screen Blind Review
Why inspecting JSX and CSS in the editor misses layout bugs. Learn how Oil UI uses 1440px/390px browser screenshots, 200% crops, blurred block checks and blind subagents.