Reseed CLI: あらゆるサイトからClaude CodeやCursor向けにデザインシステムを抽出

Reseedは、自分のサイト、参考サイト、または競合サイトなどの実際のWebサイトからデザインシステムを抽出し、リポジトリに直接取り込むCLIツールです。出力には、実際の色、スペーシング、タイプスケール、角丸を含むtailwind.config.ts、エージェントがセッションごとに読み取れるdesign-system.md、およびモデルが視覚的な正解を把握するための自己完結型リファレンスHTMLが含まれます。

仕組み

パイプラインはClaude CodeとプレーンなTypeScriptのみで実行されます。Opus 4.7がソーススクリーンショットのビジョン分析を実施します。残りはTypeScriptで処理され、コストを抑え、実行間で再現可能な出力を実現します。一度実行してコミットすれば、そのリポジトリでの今後のClaude CodeやCursorのセッションはすべて、デザインシステムに従います。

重要なワークフローの洞察

開発者は、Claudeがデフォルトで一般的な「AI風」の表現（紫のグラデーション、グラスモーフィズム、ドロップシャドウの重ね、巨大な角丸カード）に偏る傾向があることに気づきました。解決策はプロンプトを増やすことではなく、ソースデザインが避けるパターンの明示的なリストをエージェントに与えることでした。この変更だけで、生成UIがAI生成に見えなくなりました。

利用方法

ツールは無料でお試しいただけます。無料枠では3回の抽出が可能で、クレジットカードは不要です。https://reseedapp.comからアクセスできます。