Open Design クイックスタート。

要件

• Node.js 24 — Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。
• pnpm — Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。
• git — Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。
• エージェント — Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。

コマンド

ローカル環境だけで起動し、既存のエージェントからデザイン生成を始められます。

1. クローンとインストール. Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。

   git clone https://github.com/nexu-io/open-design
   cd open-design
   pnpm install

2. 起動. Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。

   pnpm tools-dev

3. 最初の artifact を生成. Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。

   od skill run open-design-landing --output ./artifact.html

次のページで手順、カタログ、比較を確認できます。

期待される状態

daemon、Web UI、IPC 名前空間がローカルで起動していれば正常です。

# 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

daemon、Web UI、IPC 名前空間がローカルで起動していれば正常です。

トラブルシューティング

• Node.js 24: Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。
• pnpm: Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。
• ローカル daemon: Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。
• エージェント: Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。
• トラブルシューティング: Node 24 と pnpm を用意し、ローカルの tools-dev フローで進めます。

次のステップ

• クイックスタート — 次のページで手順、カタログ、比較を確認できます。
• Skill と DESIGN.md — 次のページで手順、カタログ、比較を確認できます。
• 比較 — 次のページで手順、カタログ、比較を確認できます。
• GitHub — 次のページで手順、カタログ、比較を確認できます。