What problem does it solve?
Too many briefs result in generic layouts, weak hierarchy, and cluttered UI, so this Skill keeps the focus on art direction, meaningful imagery, and purposeful motion that make a page feel premium instead of templated.
Core Features & Use Cases
- Structured briefing: Start every build with a visual thesis, content plan, and interaction thesis so every section has a clear job and a memorable takeaway.
- Landing page blueprint: Enforce full-bleed heroes, brand-first hierarchy, narrow copy columns, and a four-part narrative sequence that supports conversion without clutter.
- App and utility copy guardrails: Default to product-first language, orientation over promise, and concise supporting text so dashboards and workspaces stay readable and actionable.
- Imagery and motion standards: Require real photography anchors, calm text zones, and at least three intentional motions that reinforce hierarchy without becoming ornamental.
Quick Start
Ask the assistant to design a landing page with one bold hero, sparse copy, cohesive imagery, and intentional motion guided by frontend-skill principles.
