用途
该技能用于为信息图框架生成或更新 Item 组件，适用于 TypeScript/TSX 代码仓库中的 src/designs/items 目录。当你被要求设计、实现或修改数据项组件时可使用。
主要能力
- 按照项目既有的 item 规则、布局约束与注册要求，生成完整的 Item 组件代码。
- 输出完整的 TypeScript 文件，包含 imports、继承 BaseItemProps 的 Props、组件实现，以及带准确 composites 的 registerItem。
- 使用 getItemProps 提取自定义属性，并使用 getElementBounds 计算布局。
使用方式
- 阅读 references/item-prompt.md，了解完整的框架规则、允许使用的组件与输出要求。
- 若缺少最小需求信息则进行澄清，包括期望的视觉效果、必需字段（icon/label/value/desc/illus）、尺寸和对齐需求。
- 使用 getItemProps 提取自定义 props，并使用 getElementBounds 计算布局。
- 产出完整的 TypeScript 文件：imports、Props extends BaseItemProps、组件实现、registerItem（带准确的 composites）。
- 对照参考中的约束进行自检：不使用未列出的组件、为所有被包裹组件传入索引、正确的条件渲染。
适用场景
- 需要在信息图框架中新增数据项组件时。
- 需要修改或更新已有 Item 组件时。
- 需要遵循本地模式时，可先扫描 src/designs/items 中相似的 item 进行匹配。
限制
- 应保持输出简洁，避免使用 React 专属特性（如 keys、hooks）。
- 必须遵循 references/item-prompt.md 中的约束，不得使用未列出的组件。
- 关于该技能的收费、价格、平台、效果等更多信息，资料中暂未提供。