infographic-item-creator

インフォグラフィックアイテムジェネレーター

概要

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

ワークフロー

1. フレームワークのルール、使用可能なコンポーネント、出力要件の全容を把握するため、references/item-prompt.md を読みます。
2. 要件が不足している場合は、必要最低限の内容を確認します。希望するビジュアル、必須フィールド（icon/label/value/desc/illus）、サイズ、配置の要件などです。
3. getItemProps を使ってカスタムプロパティを抽出し、getElementBounds でレイアウトを計算します。
4. インポート、BaseItemProps を継承する Props、コンポーネントの実装、正確な composites を指定した registerItem を含む、完全な TypeScript ファイルを作成します。
5. 参照ドキュメントの制約に照らしてセルフチェックします（未掲載のコンポーネントを使っていないこと、ラップされたすべてのコンポーネントにインデックスを渡していること、条件付きレンダリングが正しいこと）。

注意事項

• 適切な場合は、src/designs/items を調べて類似アイテムを探し、ローカルのパターンに合わせます。
• 出力は簡潔にします。React 固有の機能（keys、hooks）は避けてください。