What problem does it solve? Designing or mocking up UI for the Resumegen resume builder often drifts into out-of-scope features (AI tools, billing panels, share management) or off-brand visuals. This Skill encodes the exact scope, layout, and visual style rules validated by the product owner so every comp, redesign, or new panel stays consistent. ## Core Features & Use Cases - Scope Guardrails: Restricts the builder to editing, exporting, and sharing; blocks AI features, billing, job search, admin tools, chat, and analytics from designs. - Layout Rules: Defines the Edit/Review/Optimize tab structure, sticky side-by-side preview on desktop, horizontal score strip, expanded-by-default sections, and Optimize-only job description paste. - Visual Style System: Enforces a black-and-white token spine, signature resume paper stage with document shadow, flat chrome, sentence case, and real SVG icons while banning gradients, glassmorphism, and emoji icons. - Use Case: When asked to mock up a new panel for the resume workstation, produce a design that keeps the preview sticky beside the form, keeps sharing as a secondary action, and matches the established monochrome professional style. ## Quick Start Design a redesigned Edit tab for the Resumegen resume builder following the editor design constraints.
