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)?
Converted and distributed by TomeVault — claim your Tome and manage your conversions.