designmd

DesignMDは、ヘッドレスブラウザ上で実際のプロダクションWebサイトを測定し、計算済みスタイル、CSSカスケードのタイポグラフィ、ライブの@mediaブレイクポイント、CSSOMからのホバー/フォーカス状態をキャプチャします。これらの測定結果を構造化されたDESIGN.md仕様書に変換し、Cursor、Claude Code、Windsurf、Aider、CopilotなどのAIコーディングアシスタントに直接入力できます。 CLIはNode 18以上を必要とし、npxまたはグローバルインストールで実行可能です。基本的な使い方は`dmd stripe.com > DESIGN.md`でmarkdownをstdoutにストリーム出力する形ですが、`--json`フラグを使えばLLM処理を経由せずに生のトークンを即時出力できます。また、DESIGNMD_API環境変数でカスタムAPIエンドポイントを指定することでセルフホスティングにも対応しています。 主な機能は以下の通りです： ・静的解析ではなくライブブラウザ実測 ・LLMコンテキストウィンドウを考慮したポータブルなmarkdown出力 ・差分取得および再生成が可能な仕様書 ・主要AIコーディングエージェント向けの統合ガイド 匿名利用はIPごとに1日5回まで制限されていますが、`--json`フラグを使用すればこの制限を回避できます。 リポジトリにはCLIのソースコード、Stripe、Linear、Vercel、Notion、Anthropic、Mercury、Figma、AirbnbなどのサンプルDESIGN.md出力、ドキュメント、統合ガイドが含まれています。抽出パイプライン、LLMプロンプト、サーバーインフラストラクチャは非公開となっています。