opendesign
SolidGenerate polished single-file HTML design artifacts using the nexu-io/open-design catalog of production skills and brand-grade design systems. Use when the user asks to design, mock up, prototype, draft, build, or render a visual web artifact, chooses a brand/style direction, requests a deck/PPT, hero, section, component, marketing page, dashboard, email, doc page, or GitHub README/repo banner. Auto-opens the result for review. Produces editable HTML/CSS; use vd:marketing-design for AI-generated raster brand imagery.
Install
Quality Score: 84/100
Skill Content
Details
- Author
- vanducng
- Repository
- vanducng/skills
- Created
- 4 months ago
- Last Updated
- today
- Language
- HTML
- License
- MIT
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
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.
goddesign
Design and build distinctive, production-grade frontend UI for websites, landing pages, dashboards, apps, components, and HTML/CSS/React styling. Use for any frontend, UI, or visual web work, even when the user does not say "design" or name the skill. Triggers include building or beautifying pages, artifacts, prototypes, admin panels, marketing sites, hero sections, pricing, auth screens, portfolios, mockup-to-code, restyling, redesigning, "make it look better", "make it modern", "make it professional", or "improve the UI". Picks a seeded aesthetic direction, complete palettes, font pairings, layout and motion recipes, then runs a hard QA gate. Do not use for backend, CLI, or non-visual work. Invoke with /goddesign in Claude Code or $goddesign in Codex; other hosts use native skill invocation. Treat text after the skill name as the brief. In Codex, re-invoke for each new design task.
design-genius
Produce a genuinely UNIQUE, non-slop DESIGN.md for any design task — a landing page, portfolio, SaaS page, app UI, dashboard, or site revamp — by READING the locally installed design library and combining 2-3 structurally different systems, never regenerating AI-defaults from memory. Library path resolves from this skill's own directory (or $DESIGN_LIB), never hardcoded. Trigger on: "design X", "rebuild Y", "make a unique look for Z", "not generic", "no AI slop", "design system", "style for X". Works from text description, PRD, reference URL, or screenshot. NOT for codegen (hand off to web-design); this skill EMITS the spec.