clean-room-design

clean-room-design(クリーンルーム設計)

他社のサイトやアプリの「仕組み」を参考に、コードを写さずに、自分で作り直すための Claude Code 用スキルです。

注意:法律の助言ではありません。 一般的な考え方をまとめたもので、侵害にならないことを保証しません。製品として公開・販売する前に、弁護士へ確認してください。

何をするスキルか

観察する人と、実装する人を分けます。間に「機能の言葉だけの仕様書」を挟みます。

手本のサイト ──(観察係=サブエージェントが読む)──▶ 仕様書(機能の言葉だけ)
                                                        │
                                  実装側(あなたの Claude)は、仕様書だけを読む
                                                        ▼
                                                  自分でコードを書く ──▶ 記録を残す

• 観察係には、手本の公開ページを読み取り専用で観察させます。観察メモは、実装側が読めない場所に置きます。
• 仕様書には「何ができるか」だけを書きます。他社の内部の名前、画面の文言、コード、固有の色やロゴは書きません。
• 実装側は、仕様書だけを元に、自分でコードを書きます。
• 最後に、何を渡し、何を渡さなかったかを、記録に残します。

こんなときに使います

• 「このサイトを参考に、同じ構造で作りたい」(コードは写さない)
• 「手本の仕組みを調べて、仕様書にして」
• 「クリーンルームで進めて」

できること / できないこと

できること

• 手本のサイトの、画面・役割・機能・状態の移り変わりを、機能の言葉で整理する
• 仕様書と記録のひな形を使って、「自分で作った」と説明できる形に残す

できないこと

• 侵害にならないことの保証(隔離は「別チーム」の近似で、完全ではありません)
• ログインが必要な画面や、保護された内容の観察(回避はしません)
• 他社の文章・画像・デザインの表現を使うこと

インストール(手動)

1. このリポジトリをダウンロードします(「Releases」の zip、または git clone)。
2. skills/clean-room-design フォルダを、自分の ~/.claude/skills/ にコピーします。 (Windows は C:\Users\<あなたの名前>\.claude\skills\)
3. Claude Code を再起動します。

プラグインとしての配布は、準備中です。

使い方の例

Claude Code に、次のように話しかけます。

「このサイトの構成を参考に、同じ構造で作りたいです。コードは写さずに、クリーンルームで進めてください。URL は https://example.com です」

Claude が、置き場所を決め、観察係を起動し、仕様書ができるまで進めます。実装は、仕様書ができてからです。

中身

プライバシー

このスキルは、外部へデータを送りません。 手順書とひな形だけで、通信する仕組みは入っていません。

ライセンス

MIT License(LICENSE を参照)。

作者

合同会社Facilitate(https://facilitate-llc.com/)

フィードバック

使ってみての感想・うまくいかなかった点は、GitHub の Issues へお寄せください(任意です)。