Spectr: ピクセルパーフェクトなクローン実現のため画面録画からアプリ仕様書を生成するMCP

u/thanpolas氏の投稿「コツはプロンプトではなく、仕様書だった」は、Claudeを使ってiOSアプリをクローンしている多くの開発者の共感を呼びました。ボトルネックはプロンプトではなく、UIの記述にありました。各画面の記述に約30分かかり、それでもClaudeが誤解して、画面ごとに3回の修正を要しました。

そこで登場するのがSpectrです。これはMCP（Model Context Protocol）ツールで、iOSアプリの.mp4または.movの録画を入力として、自動的にspec.mdを出力します。Vision処理はClaudeのサブスクリプションを通じて実行されるため、別途APIキーは不要です。各録画の処理時間は5〜10分です。

仕様書の内容

生成される仕様書は7セクションからなる文書で、以下をカバーします。

• 正確な16進カラーコード
• 正確なフォントウェイト
• 正確なスペーシング値
• すべての画面状態
• すべてのトランジション
• コンポーネント一覧
• ナビゲーショングラフ

このレベルの詳細さにより、Claudeの/goalモードで無人でピクセルパーフェクトなクローンを生成できます。

3つのインストール形態

Spectrは以下の3つの形態で提供されます。

• MCPサーバー — Claude Code、Claude Desktop、およびMCP互換ホストで動作
• CLI — spectr ./recording.mp4 ./spec.md で実行
• Claude Codeスキル — 自然言語で起動、コマンドを覚える必要なし

このプロジェクトはu/Working-Middle2582氏によるものです。実際のiOSアプリから生成された実際の仕様書ギャラリーはspectr.to/galleryで公開されています。作者は正直なフィードバックを求めています——誇張なし、厳しく評価してください。

これは、AIコーディングエージェントのためにUI仕様を手動で文書化するのに何時間も費やしてうんざりしている人にとって、実用的なソリューションです。これまでClaudeでアプリをクローンしてきたなら、プロンプトではなく、仕様書がボトルネックだった可能性があります。