このアプリについて
お使いのコーディングエージェント（Claude Codeなど）を「デザインエンジン」に変える、ローカルファーストのデスクトップアプリです。ブラウザ上で会話しながら、プロトタイプ・ランディングページ・ダッシュボード・スライド・画像・動画などを実ファイルとして生成し、HTML/PDF/PPTX/MP4で書き出せます。GUIを開かずにClaude CodeへMCPサーバー・スキル・プラグインとして組み込む使い方も可能で、チーム共通の「DESIGN.md」でブランドを揃えられます。デザイン制作を手元のエージェントで完結させたい人に役立ちます。
連携方式MCPスキルプラグイン
使い方
Claude Code がインストール済みであることを前提としています
インストールコマンド
od mcp install claudeMCP として使う
MCP とは？ →外部サービスやデータをClaude に接続する拡張機能です
STEP 1README を確認
README.mdGitHub でインストール手順を確認STEP 2コマンドを実行
claude mcp addターミナルで追加STEP 3再起動して完了
新ツールが使えるClaude Code を再起動コマンドの例
# MCP サーバーを追加するコマンド claude mcp add <サーバー名> <コマンド> # 具体的なコマンドは各リポジトリの README を確認
スキルとして使う
スキルとは？ →Claude Code に特定の作業を覚えさせる命令ファイルです。/スキル名と入力するだけで呼び出せます
STEP 1ファイルを入手
SKILL.mdGitHub からダウンロードSTEP 2フォルダに配置
.claude/commands/プロジェクト or ホームにSTEP 3チャットで起動
/スキル名Claude Code のチャット欄で配置場所のイメージ
プロジェクト/
└── .claude/
└── commands/
└── skill-name.md ← ここに置く
# グローバル（全プロジェクトで使う場合）
~/.claude/commands/関連のアプリをさがす
関連アプリ
同じカテゴリ・業界のアプリからナビが選びました