AI 開発に、優秀なプロンプトエンジニアは必要でしょうか?
その方は、仕様書も即座に用意してくれますか?仕様変更のたびに、完璧に更新し続けてくれますか?Do you need a great prompt engineer to build with AI?
Will that person also write the spec on the spot — and keep it perfectly up to date through every change?
左ペインで項目を選んで入力。右ペインで、できあがりをその場で確認。
あとは HTML(人が読む)と Markdown(AI に読ませる)で書き出すだけです。Fill in the fields on the left. See the finished document on the right, as you type.
Then export it as HTML for people and Markdown for your AI.
アプリはお客様の Mac の中だけで動作します。入力した内容や作成した仕様書が外部に送信されることはありません。
ご登録後は、ネットワーク接続なしでもご利用いただけます*1。The app runs entirely on your own Mac. Nothing you type — and no document you create — is ever sent anywhere.
After activation, it works without a network connection*1.
AI 開発で手が止まるのは、たいていここです。This is where AI projects usually stall.
章立てを考え、体裁を整え、図を描く。本題に入る前に半日が終わります。Structure it, format it, draw the diagrams — half a day gone before the real work starts.
人が読む資料と、AI に渡すファイル。両方を手で直すので、片方が必ず古くなります。One document for people, another file for the AI. Update both by hand, and one always falls behind.
多くのツールは書き出したら終わり。直したくなったら、また最初から入力し直しです。Most tools are one-way. Want to revise it? Start over from an empty form.
同じ内容から、人が読む HTML と、AI に読ませる Markdown を同時に用意します。
そしてそのどちらからでも、編集画面に戻ってこられます。One document produces HTML for people and Markdown for your AI — and either one can be loaded straight back into the editor.
左ペインで項目を選んで書くだけ。右ペインに完成形がその場で出ますPick fields on the left; the finished page appears on the right as you type
HTML(配布・印刷)/ Markdown(AI に渡す)/ PDF(読む用)HTML to share, Markdown to hand your AI, PDF to read
書き出した HTML / Markdown を再読込みして、続きから編集できますRe-import the HTML or Markdown and pick up where you left off
仕様変更のたびに一から入力し直す必要がありません。ここが、書き出して終わりの一般的なツールとの決定的な違いです。No more starting from an empty form every time the spec changes. That is the difference from tools that only ever export.
「HTML ↔ Markdown を行き来しながら仕様書を育てる」という一点に絞って作りました。Built around a single idea: move freely between HTML and Markdown while the spec grows.
| 観点Aspect | 一般的なツールTypical tools | AI Era Design Docs |
|---|---|---|
| 双方向編集Round-trip editing | 書き出したら終わり。直すなら入力し直しOne-way. To revise, start over | HTML も Markdown も読み直して続きから編集Load HTML or Markdown back in and keep editing |
| 即時レビューLive review | 書き出さないと仕上がりが分からないYou must export to see the result | 右ペインに完成形。見ながら左ペインを直せるFinished page on the right; fix the left while watching |
| AI 向けの出力Output for AI | HTML のみ。AI に渡すには手で整形HTML only — reformat by hand for the AI | Markdown を同時出力。図は mermaid のまま構造で残るMarkdown too — diagrams stay as mermaid, structure intact |
| 操作のわかりやすさSimplicity | 記法や設定を覚える必要があるYou must learn a syntax or configure it | 項目を選んで入力するだけ。mermaid 記法の知識も不要Just pick fields and type — no mermaid syntax needed |
Markdown は読みやすさを優先するため、色分けやリンクの飛び先、列幅までは持ち越せません。そこまで含めて元に戻したい場合は、HTML を読み込んでください(アプリ内にも同じ案内を表示します)。Markdown favours readability, so colours, link targets and column widths are not carried over. Import the HTML when you need those preserved — the app tells you this at import time, too.
項目を選んで入力するだけ。記法を覚える必要はありません。Pick a block, fill it in. No syntax to learn.
ノードを足し、色を選び、矢印でつなぐだけ。mermaid の記法を知らなくても描けます。手で書きたい方はコード編集にも切り替えられます。Add nodes, pick colours, connect them with arrows — no mermaid syntax required. Prefer to write it by hand? Switch to code mode.
通常の表、比較表、数値を並べる集計表。列幅の指定やセルの結合にも対応します。Plain tables, comparison tables, and stat blocks — with column widths and merged cells.
見出し、段落、番号つき/なしの箇条書き、注意・警告の枠。ファイル名の見出しも用意しています。Headings, paragraphs, ordered and bullet lists, note and warning callouts, and file headers.
図も含めて1ファイルで完結。相手に渡すだけで、そのまま同じ見た目で開けます。ネットワーク接続も不要です。A single self-contained file, diagrams included. Send it to anyone — it opens exactly as you saw it, with no network needed.
AI に読ませるための形式。図は mermaid のコードブロックとして出るので、ノードと連結関係が構造のまま伝わります。Made for handing to an AI. Diagrams come out as mermaid blocks, so nodes and connections stay machine-readable.
人が読む・印刷する用。ページの余白や改ページ位置を紙向けに整えてあります。For reading and printing, with margins and page breaks tuned for paper.
自動保存に加えて、下書きをファイルとして保存できます。別の Mac へ持ち出すのも、複数の仕様書を並行して進めるのも自由です。Autosave, plus save the draft as a file — move it to another Mac, or keep several specs going at once.
HTML でも Markdown でも読み直せます。下書きを失っても、手元の成果物から編集を再開できます。Import either the HTML or the Markdown. Even if the draft is gone, you can carry on from the exported file.
入力内容も作成した仕様書も、外部に送信されません。ご登録後はネットワーク接続なしでご利用いただけます。Nothing you type or create leaves your machine. After activation, no network connection is needed.
mermaid ブロックで出力)Export to Markdown — for feeding to an AI; diagrams as mermaid blocks決済完了後、ライセンスキーとダウンロードリンクが、画面、メールの両方で届きます。アプリ自体は、ダウンロードリンク先から取得となります。 After payment, we deliver your license key and download link both on-screen and by email. The app is not downloaded from this page.
mermaid ブロックで出力)Export to Markdown — for feeding to an AI; diagrams as mermaid blocks決済完了後、ライセンスキーとダウンロードリンクが、画面、メールの両方で届きます。アプリ自体は、ダウンロードリンク先から取得となります。 After payment, we deliver your license key and download link both on-screen and by email. The app is not downloaded from this page.
*1 初回のアクティベーション、および更新ライセンスキーの取得時を除き、弊社サーバーへの接続は不要です。
なお、生成した設計書を Claude Code / Gemini で実際にお使いになる際は、それら各サービスへのネットワーク接続が別途必要です(弊社への接続ではありません)。
*1 Apart from the initial activation and obtaining a renewal license key, no connection to our servers is needed.
Note that actually using the generated specs with Claude Code or Gemini requires a network connection to those services — not to us.
ご購入から、最初の仕様書ができあがるまで。From purchase to your first finished spec.
導入のご相談・お見積り、貴社の設計ルールに合わせたカスタマイズも承ります。Questions, quotes, or a version tailored to your own design rules — just ask.
メールで問い合わせるEmail us