open-design-cli

Claude Code skill that wraps nexu-io/open-design's prompt composer and skill / design-system catalogue. Generates web prototypes, slide decks, dashboards, marketing pages, and editorial layouts inside the current Claude Code session, without spawning Open Design's daemon, browser, or a second agent.

What it does

1. Runs a 7-question discovery flow (mirrors Open Design's web <question-form> UX) to nail down artifact kind, surface, tone, brand, audience, scale, and constraints.
2. Composes a system prompt (~30-60KB) by selecting one of Open Design's 70+ skills and 139+ design systems.
3. Treats the composed prompt as turn-scoped directives and builds the artifact with native Claude Code tools (Read, Edit, Write, Bash).
4. Routes image generation through gpt-image-2 ($0 marginal cost on a ChatGPT subscription).

The user can skip discovery for direct invocations (/open-design-cli skill=<id> design-system=<id>).

Repository layout

SKILL.md           # Skill definition loaded by Claude Code
scripts/
  bridge.ts        # Imports composeSystemPrompt + registries from a local Open Design clone
LICENSE            # Apache License 2.0
NOTICE             # Upstream attribution

Requirements

• Claude Code (CLI, desktop, web, or IDE extension)
• Node.js 20+ with tsx available via npx
• A local clone of nexu-io/open-design. Default lookup path: $HOME/repos/open-design. Override with the OD_REPO environment variable.

Install

1. Clone this repo into your Claude Code skills directory:

   git clone https://github.com/patrick-yip/open-design-cli.git ~/.claude/skills/open-design-cli

2. Clone Open Design somewhere local:

   git clone --depth 1 https://github.com/nexu-io/open-design.git ~/repos/open-design

   If you prefer another path, export OD_REPO:

   export OD_REPO="/path/to/your/open-design/clone"

3. Restart Claude Code so the new skill is picked up.

The skill triggers on prompts such as "design a landing page for X", "build a pitch deck", or any brand-grade design request.

License

Apache License 2.0. See LICENSE and NOTICE.

This project does not redistribute Open Design source code; it imports modules from a local clone at runtime. Attribution to the upstream project is provided in NOTICE.