design

Solid

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).

Web & Frontend 10 stars 1 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 82/100

Stars 20%
35
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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,...

Details

Author
mishahanin
Repository
mishahanin/heading-os
Created
4 weeks ago
Last Updated
today
Language
Python
License
Apache-2.0

Integrates with

Anthropic · AI

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

marketing-design

Marketing brand-asset generation (raster images via AI): logo design (55 styles, 30 palettes, 25 industries), corporate identity / CIP mockups (50 deliverables - business card, letterhead, signage, packaging, apparel), banner design (22 styles, social/ads/web/print), SVG icon design (15 styles), social photos (multi-platform), and model-agnostic poster prompts. Default image engine is Codex gpt-image-2 (ChatGPT subscription via `codex login`), attaching the brand logo as a reference image for CIP compositing; falls back to Gemini Nano Banana (GEMINI_API_KEY, same key as omnimedia). Actions: design logo, create CIP / brand identity, generate mockups, design banner, generate icon, create social photos, design poster, social media images. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads. For HTML/web pages, dashboards, and slide decks, use opendesign instead.

2 Updated today
vanducng
Web & Frontend Solid

superdesign

Design or redesign frontend UI on the Superdesign canvas. Use whenever the user wants to design a page, feature, flow, or a brand-new product with no code yet; redesign or improve existing UI; faithfully reproduce current UI; explore visual variants; set or extract a design system (including borrowing a style from a live website URL); build reusable design components; design multi-page flows; or create static posters, flyers, cover art, or social/marketing graphics composed on canvas, even if they never say the word 'design tool'.

368 Updated today
superdesigndev
Web & Frontend Solid

design

Designs graphic artefacts (social posts, stories, banners) as free HTML/CSS artboards in design.json — one artboard per design at its exact pixel size. The craft is in the guidance: committed aesthetic, brand tokens, anti-slop rules. Exports to design.html with per-post PNG download.

2 Updated 5 days ago
Federico-Anastasi