What problem does it solve? Designers and AI agents often apply the wrong evaluation criteria to a screen — judging a dashboard by landing-page standards or decorating documentation — producing competent work that fails its actual purpose. This Skill establishes the correct success criteria before any layout, density, or motion decision. ## Core Features & Use Cases - Four Surface Modes: Defines Persuadir (landing pages, marketing), Operar (dashboards, apps, admin), Ler (docs, articles, changelogs), and Experimentar (portfolios, immersive showcases), each with its own rules for spacing, density, motion, and typography. - Concrete Constraints per Mode: Provides measurable guidance such as 65–75 character line measures for reading surfaces, 24–48px section spacing for operational tools, and one primary CTA per viewport for persuasive pages. - Mixed-Surface Handling: Explains how to handle products combining multiple modes, including dominant-mode rules and recording per-surface scales in DESIGN.md. - Use Case: Before redesigning a SaaS product, classify its marketing site as Persuadir, its app as Operar, and its docs as Ler, then apply the correct spacing scale and motion policy to each instead of forcing one system-wide standard. ## Quick Start Load the surface-modes skill and classify each screen of my project into Persuadir, Operar, Ler, or Experimentar before reviewing the design.
