3d-site-planner は何をしますか？
クライアントから得た散らかった情報を、3Dウェブサイトの構築可能な計画に変えるClaudeスキル。
概要
このスキルは、クライアントから提供される非構造化された情報を解析し、3Dインタラクティブウェブサイトの実装計画を生成します。これにより、プロジェクトの初期段階で混乱を減らし、開発のロードマップを明確にします。
使用方法
- スキルを有効にします（例:
.claude/skills.jsonにshanejoel95/3d-site-plannerを追加）。 - クライアントのメモ、要件、またはブリーフをチャットに貼り付けます。
- 出力される構造化された計画を確認します。
ワークフロー
- 入力情報を解析し、重要ポイントを抽出します。
- 3Dサイトのコンポーネント（背景、インタラクション、ナビゲーションなど）を特定します。
- 技術スタック（Three.js、React Three Fiberなど）を提案します。
- 実装の優先順位付けを行い、段階的ロードマップを提供します。
出力例
計画のサマリー:
- メインシーン: ホームページ用の3Dパーティクル背景
- インタラクション: スクロールベースのアニメーション
- 技術スタック: Three.js + React Three Fiber
- フェーズ1: ベースシーンのセットアップ
- フェーズ2: パーティクルシステムの実装
- フェーズ3: スクロールインタラクションの追加
サポート
問題が発生した場合や機能リクエストがある場合は、Github リポジトリ にIssueを作成してください。