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 11 stars 1 forks Updated 2 days ago Apache-2.0

Install

View on GitHub

Quality Score: 82/100

Stars 20%
36
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
2 months ago
Last Updated
2 days ago
Language
Python
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design

One keyless, offline-first front door for design. Routes a design intent to a mode and renders it as self-contained HTML/SVG (no CDN, no paid keys): UI screens and flows, clickable prototypes, design systems and tokens (including brand identity, BRAND.md), architecture/flow/ER diagrams, infographics and data-stories, slide decks, vector assets (OG cards, SVG logos, icon sets, posters), critique of an existing screen, and anticipating a flow's dead-ends. True raster (photo, illustration, painterly cover) is an optional layer that degrades to a spec plus an editable placeholder rather than hard-failing. Every mode loads design-core first (hierarchy, WCAG AA contrast, colorblind-safe palettes, brand-probe, the anti-tells catalog of what makes a design look AI-generated, precise non-marketing copy, render/screenshot/critique verification). Triggers on: design a screen/page/UI, mock up, prototype, design system, tokens, brand, BRAND.md, wireframe, diagram this, infographic, dataviz, slide deck, logo, OG image, soc

0 Updated today
phnx-labs
Web & Frontend Solid

design

Unified design router: logo, CIP, banners, slides, icons, social photos, design tokens. Use for any visual asset creation, brand identity, or presentation design.

110 Updated today
assafkip
AI & Automation Solid

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.

7 Updated today
vanducng