Frontend Design Skill
Use this for UI layout, styling, and interaction design tasks.
Workflow
- •Define a clear visual direction (theme, typography, color palette).
- •Build structure with intentional spacing and hierarchy.
- •Add atmosphere with gradients, shapes, or subtle patterns.
- •Use meaningful animations for key transitions.
- •Validate layout on desktop and mobile.
Design prompts to answer
- •What is the visual story?
- •Which typefaces reinforce the brand?
- •How does the UI communicate hierarchy at a glance?
- •What motion supports comprehension (not noise)?