← ClaudeAtlas

designlisted

Professional design system - illustrations, UI mockups, social graphics, brochures, logos, infographics, and image editing. Routes to optimal pipeline (HTML Studio for layouts, Replicate AI for creative imagery, PPTX for presentations). Use when user asks to design, create visuals, generate graphics, make a mockup, create a brochure, design a logo, or produce any visual asset. Do NOT use for simple one-off image generation (use /flux-image instead).
mishahanin/heading-os · ★ 11 · Web & Frontend · score 78
Install: claude install-skill mishahanin/heading-os
# Design System Professional design studio with three rendering pipelines: HTML Studio (free, deterministic), Replicate AI (17 models), and Document Production (PPTX, PDF). Routes each task to the optimal pipeline automatically. ## Commands | Command | Pipeline | Description | |---|---|---| | `/design social [brief]` | HTML Studio | Social media graphic (LinkedIn, Twitter) | | `/design infographic [brief]` | HTML Studio | Data visualization, infographic | | `/design mockup [brief]` | HTML Studio | UI/UX mockup, app screen, dashboard | | `/design card [brief]` | HTML Studio | Branded card, quote card, stat card | | `/design illustration [brief]` | Replicate AI | Creative illustration, conceptual art | | `/design photo [brief]` | Replicate AI | Photorealistic image, product shot | | `/design logo [brief]` | Replicate AI (SVG) | Logo, icon, native vector graphic | | `/design text-graphic [brief]` | Replicate AI | Graphic with embedded text (poster, banner) | | `/design brochure [brief]` | HTML + Replicate | Layout from HTML, illustrations from AI | | `/design edit [instruction]` | Replicate AI | Edit existing image via natural language | | `/design upscale [path]` | Replicate AI | Upscale image for print quality | | `/design remove-bg [path]` | Replicate AI | Remove background from image | | `/design draft [brief]` | Replicate AI | Fast concept at $0.003 via FLUX Schnell | ## Routing Logic ### Pipeline 1: HTML Studio (free, $0) **When:** Task is layout-driven, text-driven,