How do I install the Nexu Io Open Design skill?

Run npx skillmds add yanacuti1121/nexu-io-open-design in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Nexu Io Open Design safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Nexu Io Open Design?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Nexu Io Open Design free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Nexu Io Open Design?

yanacuti1121 (@yanacuti1121) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Nexu Io Open Design by yanacuti1121

Name: Nexu Io Open Design
Rating: 4.666666666666667 (3 reviews)
Author: yanacuti1121

File contents

Open Design là platform thiết kế agent-native: agent đọc DESIGN.md files như một design system và tạo ra prototype HTML, pitch deck, motion graphic, dashboard — tất cả từ 1 brief.

Install

# Desktop app (recommended) — auto-detect agent CLIs
# macOS / Windows: download từ https://open-design.ai

# CLI
curl -fsSL https://open-design.ai/install.sh -o /tmp/open-design-install.sh
# Inspect first: head -40 /tmp/open-design-install.sh — then run if safe:
sh /tmp/open-design-install.sh claude-code
# Hoặc: cursor, copilot, hermes, opencode, kimi...

Slash Commands

od skill list              # xem 100+ skills
od skill search dashboard  # tìm skill theo keyword
od skill apply landing-page --design minimal-saas

od plugin list             # 261 plugins
od plugin install figma-to-react

od design-system list      # 150 brand systems

Artifact Types (từ 1 brief)

/design landing-page brief="SaaS product for developers"
→ HTML prototype (web/mobile/desktop)
→ Live dashboard với editable params
→ Pitch deck (PPTX/PDF export)
→ Motion graphic (HTML→MP4 via HyperFrames)
→ Generated images/video

DESIGN.md Format

# Brand: YamTam Engine

## Colors
primary: #6366f1
background: #0f0f0f
text: #e2e8f0

## Typography
heading: "ui-sans-serif", weight 700
body: "ui-sans-serif", size 16px, line-height 1.5

## Components
button: rounded-lg, px-4 py-2, bg-primary
card: bg-zinc-900, border border-zinc-800, rounded-xl p-6

REST API (local daemon)

GET  /api/skills            — skill registry
GET  /api/plugins           — marketplace
GET  /api/design-systems    — brand catalog
POST /api/chat (SSE)        — streaming artifact generation
GET  /api/artifacts/lint    — validate artifact

Stack

Frontend: Next.js 16 + React 18
Backend: Node 24, Express, SSE, SQLite
Desktop: Electron
Storage: .od/ directory
MCP server: tools for any MCP-compatible agent

Khi Nào Dùng

Tạo prototype nhanh từ brief
Generate pitch deck từ mô tả sản phẩm
Cần design system portable (DESIGN.md) cho team
Thay thế Figma cho AI-first workflow

Source

https://github.com/nexu-io/open-design · Apache-2.0

---name: nexu-io-open-designdescription: Alternative mã nguồn mở cho Claude Design — filesystem of design skills, 150 brand-grade DESIGN.md systems, 261 plugins. Chạy trên 21+ agent CLI qua MCP server.--- Open Design là platform thiết kế agent-native: agent đọc DESIGN.md files như một design system và tạo ra prototype HTML, pitch deck, motion graphic, dashboard — tất cả từ 1 brief. ## Install ```bash # Desktop app (recommended) — auto-detect agent CLIs # macOS / Windows: download từ https://open-design.ai # CLI curl -fsSL https://open-design.ai/install.sh -o /tmp/open-design-install.sh # Inspect first: head -40 /tmp/open-design-install.sh — then run if safe: sh /tmp/open-design-install.sh claude-code # Hoặc: cursor, copilot, hermes, opencode, kimi... ``` ## Slash Commands ``` od skill list # xem 100+ skills od skill search dashboard # tìm skill theo keyword od skill apply landing-page --design minimal-saas od plugin list # 261 plugins od plugin install figma-to-react od design-system list # 150 brand systems ``` ## Artifact Types (từ 1 brief) ``` /design landing-page brief="SaaS product for developers" → HTML prototype (web/mobile/desktop) → Live dashboard với editable params → Pitch deck (PPTX/PDF export) → Motion graphic (HTML→MP4 via HyperFrames) → Generated images/video ``` ## DESIGN.md Format ```markdown # Brand: YamTam Engine ## Colors primary: #6366f1 background: #0f0f0f text: #e2e8f0 ## Typography heading: "ui-sans-serif", weight 700 body: "ui-sans-serif", size 16px, line-height 1.5 ## Components button: rounded-lg, px-4 py-2, bg-primary card: bg-zinc-900, border border-zinc-800, rounded-xl p-6 ``` ## REST API (local daemon) ``` GET /api/skills — skill registry GET /api/plugins — marketplace GET /api/design-systems — brand catalog POST /api/chat (SSE) — streaming artifact generation GET /api/artifacts/lint — validate artifact ``` ## Stack - Frontend: Next.js 16 + React 18 - Backend: Node 24, Express, SSE, SQLite - Desktop: Electron - Storage: `.od/` directory - MCP server: tools for any MCP-compatible agent ## Khi Nào Dùng - Tạo prototype nhanh từ brief - Generate pitch deck từ mô tả sản phẩm - Cần design system portable (DESIGN.md) cho team - Thay thế Figma cho AI-first workflow ## Source https://github.com/nexu-io/open-design · Apache-2.0

Frequently asked questions