빠른 시작

빠른 시작 · Open Design

Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다. Version: v0.18.1.

빠른 시작

  • Node.js 24 — Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
  • pnpm — Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
  • git — Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
  • 에이전트 — Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.

빠른 시작

Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.

  1. 빠른 시작. Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
    git clone https://github.com/nexu-io/open-design
    cd open-design
    pnpm install
  2. 라이브. Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
    pnpm tools-dev
  3. 템플릿. Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
    od skill run open-design-landing --output ./artifact.html

다음 단계

세부 정보

Claude Design의 공식 오픈소스, 로컬 우선 대안입니다. Apache-2.0, 모든 계층에서 BYOK.

# tools-dev — startup
 daemon  listening on http://127.0.0.1:17456 (namespace tools-dev/main)
 web     listening on http://127.0.0.1:17573 (proxy → daemon)
 sidecar /tmp/open-design/ipc/tools-dev-main/daemon.sock
 ready in 1.4s

Claude Design의 공식 오픈소스, 로컬 우선 대안입니다. Apache-2.0, 모든 계층에서 BYOK.

가이드

  • Node.js 24: Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
  • pnpm: Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
  • od: Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
  • 에이전트: Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.
  • 가이드: Open Design은 Claude Design의 공식 로컬 우선 대안입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen 같은 기존 coding agent가 132개의 조합 가능한 Skill과 150개의 portable DESIGN.md 시스템으로 움직이는 디자인 엔진이 됩니다.

다음 단계

다음 단계

더 읽기 →

● 라이브 v0.18.1 · Apache-2.0 macOS · Windows · Linux

Open Design 데스크톱

하나의 디자인 시스템으로 모든 결과물에 브랜드 일관성을

완전한 Vibe Design Workspace에서 하나의 브랜드 규칙을 웹사이트, 슬라이드, 인터랙티브 프로토타입, 대시보드, 이미지, HTML 영상에 적용하세요. 로컬 Codex, Claude Code, Cursor 등을 연결해 무료로 제작할 수 있습니다.

  • 웹, 슬라이드, 프로토타입, 대시보드, 이미지, 영상
  • 140개+ 디자인 시스템과 전체 템플릿·스킬 라이브러리
  • 로컬 Codex 및 21개+ 코딩 에이전트 연결 · 무료
무료 다운로드

macOS, Windows, Linux 지원