frontend-skill

Use this skill when the quality of the work depends on art direction, hierarchy, restraint, imagery, and motion rather than component count. Goal: ship interfaces that feel deliberate, premium, and current. Default toward award-level composition: one big idea, strong imagery, sparse copy, rigorous spacing, and a small number of memorable motions. Before building, write three things: Each section gets one job, one dominant visual idea, and one primary takeaway or action. Default sequence: Hero rules: If the first viewport still works after removing the image, the image is too weak. If the brand disappears after hiding the nav, the hierarchy is too weak. Viewport budget: Default to Linear-style restraint: For app UI, organize around: Avoid: If a panel can become plain layout without losing meaning, remove the card treatment. Imagery must do narrative work.