What problem does it solve? Designing new SaaS screens often results in generic, flat interfaces that lack hierarchy, density control, and systemic consistency. This Skill provides structured visual direction for operational B2B interfaces, producing comparable design proposals and verifiable acceptance criteria instead of ad-hoc styling decisions. ## Core Features & Use Cases - Visual Direction Proposals: Generates 2-3 distinct visual directions per interface, each with an aesthetic thesis, differentiating anchor, and execution risk, then recommends one with justification. - Screen-Type Heuristics: Applies specific composition and density rules for dashboards, tables, forms, detail views, settings, and empty/error states. - Systemic Specification: Translates the chosen direction into hierarchy, layout, typography, mandatory states (hover, focus, loading, empty, error), responsive behavior, and visual acceptance criteria. - Use Case: When building a new operations dashboard in a Next.js app, use this Skill to compare layout directions, define first-viewport hierarchy, and produce reviewable visual criteria before any implementation begins. ## Quick Start Ask the assistant to propose two or three visual directions for a new dashboard screen in apps/web, including hierarchy, density, states, and a justified recommendation.
