1. Understand the product and target audience.
2. Research visual inspiration and design trends.
3. Plan the visual system (typography, color palette, spacing).
4. Design the layout architecture (navigation, hero, features).
5. Build UI components with modern interactions.
6. Implement responsive design for different breakpoints.
7. Validate visual quality and perform automated testing.
8. Resolve errors and ensure cross-agent compatibility.
SynapticSkills