Operator briefing
GPT 6 Astra + Design = Professional Business Website (Full Guide)
My complete website workflow: real design references, a design system, a coding agent, mobile review, and a Vercel preview.
- Published
- Runtime
- 31:51
Research and choose the design
Use real design references from Mobbin, develop options in Claude Design, and compare them with the current site. The first nine options did not win; further references and design tokens helped narrow the choice.
Build and review before publication
Hand the selected design to the coding agent, clarify the requirements, and review the local site and mobile view. The walkthrough then covers image touch-ups, GitHub changes, and Vercel previews.
Continue learning: The Github Trick That Makes AI Actually Know Your Business →
Continue watching