What problem does it solve? Designers and developers often need consistent, high-quality visual references before building a landing page, app, or brand identity, but ad-hoc image generation produces inconsistent palettes, unreadable text, and generic AI-looking results. This Skill enforces a disciplined generation workflow so every image set is coherent, readable, and directly implementable by a coder. ## Core Features & Use Cases - Four generation modes: web section references, mobile app screens in device mockups, 3x3 brand kit boards, and an image-to-code flow that implements what it generated. - Design consistency rules: one controlled palette per project, a design bible before any multi-image set, one image per section, and anti-slop checklists covering continuity, framing, and readability. - Use Case: Ask for a full marketing site reference and receive 8 labeled horizontal section images (hero, trust bar, features, showcase, benefits, testimonials, pricing, CTA) sharing one palette, type scale, and CTA family, ready to hand to a developer. ## Quick Start Generate a set of landing page design reference images for my product's marketing site, one horizontal image per section.
