What problem does it solve? Web pages often feel like stacks of generic components with repetitive card grids, uniform spacing, and weak hierarchy. This Skill turns raw content into an intentional editorial composition where typography, grid logic, image roles, and page pacing are deliberately designed rather than defaulted. ## Core Features & Use Cases - Editorial Direction & Audits: Diagnose existing pages for repetitive sections, weak hierarchy, and poor pacing, then define an editorial thesis, page arc, and typographic system. - Content-to-Layout Translation: Assign every content item an editorial role and map it to section archetypes, grid disruptions, image sequences, and purposeful interruptions. - Responsive & Feasibility Planning: Define mobile reinterpretations, semantic structure checks, custom component contracts, and implementation complexity ratings. - Use Case: A studio homepage repeats the same three-card grid across six sections. Use this Skill to produce a full editorial direction document with a revised page arc, typographic roles, image sequencing, and sections to combine or remove. ## Quick Start Ask the agent to create an editorial direction for your homepage content, turning the supplied copy and screenshots into a structured page composition with typographic hierarchy and image sequencing.
