designing

What problem does it solve? Web pages and components often end up looking like interchangeable templates: default palettes, generic card layouts, and visual choices with no connection to the subject. This Skill replaces that with a disciplined visual design workflow where every choice traces back to the brief, the audience, or the page's job, and the result is verified against rendered screenshots rather than assumed. ## Core Features & Use Cases - Five-phase design loop: context inventory, direction decision, build, rendered critique, and QA, with each phase loading only the reference material it needs. - Request sizing and routing: distinguishes tweaks, new pieces, sketches, and full or bounded redesigns, and routes tool surfaces versus expression surfaces to different direction strategies. - Deterministic verification scripts: capture screenshots at multiple viewports, run static and rendered UI checks (contrast, clipping, overlap, template tells), and assemble checkpoint evidence for a design critic. - Use Case: A landing page is reported as generic. The Skill inventories the baseline, decides a direction backed by evidence, builds it, captures before/after renders at mobile and desktop widths, and runs accessibility and anti-template checks before shipping. ## Quick Start Ask the AI to redesign the pricing page so it no longer looks like a generic template, and let it run the design loop with rendered checkpoints.