suede-design

# Suede Design ## When to use this skill instead of related skills - **suede-design** (this skill): design system tokens, color ramps, type scale, component-level polish, brand identity decisions - Visual iteration with the local script harness (craft, shape, audit sub-commands): (private Suede Labs companion, not in this pack: suede-visual-qa) - UX critique, accessibility audit, information architecture, design handoff docs: (private Suede Labs companion, not in this pack: suede-ui) - Broad UI/UX pattern lookup, framework examples, palette/font/chart searches, or non-Suede implementation heuristics: (private Suede Labs companion, not in this pack: ui-ux-pro-max) - Deck-only or HTML presentation generation: (private Suede Labs companion, not in this pack: power-design) - **johnny-suede-design**: full-stack build combining design + copy + visual QA for a launch or redesign Use this skill to make Suede interfaces feel intentional, premium, legible, and alive without drifting into generic AI output. It covers product UI, brand surfaces, landing pages, dashboards, component systems, responsive polish, and visual QA. **Core principle:** strip the logo and the surface must still be unmistakably this product, and render the result before claiming it works. ## Operating Stance - Work from current source and a rendered screen. Do not design from memory when a repo, live URL, screenshot, or local preview can be checked. - For Suede branding, use only `docs/assets/suede-ai-logo-tra...