あなたのデザインチームは、すでに動かしているエージェントだ
デザイナーも、予算も、引き継ぎも不要。必要なものを伝えれば、エージェントが描き出します。今朝はランディングページ、午後はダッシュボード、出荷前にはソーシャルカード。すべてが、一度定義したひとつのデザインシステムを共有します。
ひと言で言うと
Open Design は、ソロ創業者がこれまで持てなかったデザイン部門です。プロダクトに必要なあらゆる面で、プロンプトから成果物へ。ひとつのブランドで、引き継ぎゼロ、追加ツールなし。
ソロビルダーは Open Design をこう使う
- 01
ブランドを一度だけ定義する
カラー、タイポグラフィ、トーンを DESIGN.md に記述します（または 140 以上のリファレンスシステムから一つを fork します）。それ以降に生成するすべての成果物は、自動的にブランドに沿います。
- 02
次に必要なものを何でも生成する
プロトタイプ、ランディングページ、ダッシュボード、ピッチデック、ソーシャルカード。同じエージェント、同じブランド、それぞれワンプロンプトで。ツールを切り替えたり席を買い足したりする必要はありません。
- 03
そのまま出荷する。すでに本物だから
すべてはあなたのリポジトリの HTML / コードとしてレンダリングされます。だからプロトタイプはそのままプロダクトになり、ランディングページは公開されます。使い捨てのモックアップはありません。
ソロビルダーが出荷できるもの
プロトタイプ プロンプト全文を読む → SaaS ランディング
ヒーロー、機能紹介、ソーシャルプルーフ、料金、CTAを含むシングルページのSaaSランディングページ。有効なDESIGN.mdのカラー/タイポグラフィ/レイアウトトークンに準拠。トリガーキーワード："saas landing"、"marketing page"、"product landing"。
プロトタイプ プロンプト全文を読む → Webプロトタイプ
汎用デスクトップWebプロトタイプ。`assets/template.html` をコピーし、`references/layouts.md` のレイアウトを貼り付けて単一の自己完結型 HTML ファイルを生成。ランディングページ、マーケティング、ドキュメント、SaaS ページのデフォルトオプション。
プロトタイプ プロンプト全文を読む → モバイルアプリ
ピクセル単位で正確な iPhone 15 Pro フレーム内にレンダリングされるモバイルアプリ画面。assets/template.html をコピーし、references/layouts.md から1つの画面アーキタイプを貼り付けて構築します。ブリーフで『モバイルアプリ』『iOS アプリ』『Android アプリ』『スマホ画面』『アプリ UI』が求められた際に使用します。
プロトタイプ プロンプト全文を読む → ダッシュボード
単一HTMLファイルの管理/分析ダッシュボード。固定左サイドバー、ユーザー/検索機能付きトップバー、KPIカードとチャートのメイングリッド。『ダッシュボード』『管理画面』『分析』『コントロールパネル』が必要な場合に使用。
プロトタイプ プロンプト全文を読む → ブログ記事
長文記事/ブログ投稿 — マストヘッド、ヒーロー画像プレースホルダー、図表や引用を含む本文、著者の署名、関連記事を含みます。「ブログ」「記事」「投稿」「エッセイ」「ケーススタディ」などの要望に対応します。
スライド プロンプト全文を読む → Open-Slide 1920 キャンバスデッキ
1920x1080 固定キャンバスデッキ。React コンポーネントレベルでの自由な構成が可能で、固定テンプレートに縛られません。
Open Design でのソロ開発 vs. 手作業でやり抜く道
| 必要なもの | Open Design なら | 今、一人でやると |
|---|---|---|
| あらゆるデザイン面をカバー | ●一つのエージェントがプロトタイプ、ランディング、ダッシュボード、ブランドを担当 | 五つの SaaS ツールとチュートリアルを継ぎ接ぎ |
| ブランドを保つ | ●一つの DESIGN.md がどこにでも自動適用 | ツールごとに見た目を再現し、時とともにブレる |
| ソロのスピードで動く | ●アイデアから成果物までワンプロンプト | 時間のないあなたがデザインツールを習得 |
| モックではなく出荷 | ●リポジトリ内の HTML / コード、デプロイ可能 | 誰かが結局作り込まねばならないモックアップ |
| コスト | ●オープンソース、自分の鍵を持参、ローカルで動作 | 席ごとに課金されるサブスクの山 |
一人のスタートアップに必要なあらゆる面を、プロンプトから。次の一手に近いものを選んで、それを説明してください。
ソロビルダー FAQ
-
01 デザイナーではありませんが、本当に使えますか？
はい。やりたいことを平易な言葉で説明すれば、エージェントがデザインシステムを適用してレンダリングします。スキルはプロンプトを書くことであって、ピクセルを動かすことではありません。
-
02 すべてをカバーしますか、それとも一つだけ？
小さなプロダクトに必要なすべてを。プロトタイプ、ランディングページ、ダッシュボード、デック、グラフィックを、同じエージェントと同じブランドから。
-
03 出力は何になりますか？
あなたのリポジトリの本物の HTML / コードです。だからプロトタイプはプロダクトになり、ランディングページは公開できます。使い捨てのモックアップではありません。
-
04 どのエージェントを使えますか？
Claude Code、Codex、Cursor Agent、Gemini CLI ほか、各種ファーストパーティアダプター。自分のプロバイダー鍵で。
今夜、すべてを作り上げよう
リポジトリにスターを付け、Open Design をインストールして、一つのエージェントをあなたのデザインチームにしよう。すでに使っているそのエージェントの中で。