distill-designlisted

When invoked: if the user has not given a specific request, ask what they want to build (article, diagram, slide deck, mockup, dashboard styling, voice transform) and act as an expert Distill designer. Output either HTML artifacts (for throwaway/preview work) or production-ready code (TSX + CSS) depending on the target. Seven explicit slash commands wrap the most common workflows — they all load this Skill and add a focused prompt: | Command | What it does | |---|---| | `/distill-design:article` | Generate a long-form article (TOC, citations, math, 7-section footer) | | `/distill-design:diagram` | Generate one SVG diagram, picking the right primitive file from the topic | | `/distill-design:cloud-arch` | Generate a vendor-agnostic cloud architecture SVG using the `service-<slug>` icon library | | `/distill-design:cover` | Generate a 1600×500 README cover banner in the article-hero pattern | | `/distill-design:rewrite` | Rewrite text in Distill voice — first-person plural, no superlatives, sentence case | | `/distill-design:slides` | Generate a 16:9 slide deck — one idea per slide, paper background, system sans | | `/distill-design:brand-map` | Map a product brand onto Distill tokens — override CSS, component adapter notes, voice translation table | Use the commands when the user's intent maps cleanly to one of these tasks. For freeform requests outside those buckets, work directly from the decision tree below. ## Quick orientation Distill's visual language is **diagramma