infographic-structure-creator

インフォグラフィック構造クリエーター

概要

プロジェクトのコンポーネント規則、レイアウト制約、登録要件に従って、インフォグラフィックフレームワーク用の Structure コンポーネントコード一式を生成します。

ワークフロー

1. references/structure-prompt.md を読み、フレームワークのルール、使用可能なコンポーネント、出力要件を確認します。
2. 要件が不足している場合は、構造のカテゴリ、レイアウトの方向、階層の深さ、追加・削除ボタンが必要かどうかを確認します。
3. Item と Items のどちらを使うか選び、getElementBounds からレイアウトを計算し、ItemsGroup の下に装飾要素を配置する計画を立てます。
4. インポート、BaseStructureProps を継承する Props、コンポーネントの実装、正確な composites を指定した registerStructure を含む TypeScript ファイル一式を作成します。
5. 参照資料の制約に照らして自己チェックします（一覧にないコンポーネントを使っていないこと、SVG の cx/cy/r を使っていないこと、インデックスが正しいこと、空の状態に対応していること）。

注意事項

• 適切な場合は、src/designs/structures を確認して、既存の似た構造のローカルなパターンに合わせます。
• 出力は簡潔にし、React 固有の機能（keys、hooks）は避けてください。