SuperAPI AI 工具集

infographic-item-creator

设计与创作

查看项目

更新于 10-16 00:20

技能介绍

用途:为 infographic 框架生成完整的 Item 组件代码,遵循项目的 item 规则、布局约束与注册要求。

工作流程:先阅读 references/item-prompt.md 获取完整框架规则、允许使用的组件与输出要求;若缺少视觉需求、必填字段(icon/label/value/desc/illus)、尺寸与对齐需求,则先澄清最小必要信息;使用 getItemProps 提取自定义 props,用 getElementBounds 计算布局;产出完整 TypeScript 文件,包含 imports、Props 继承 BaseItemProps、组件实现,以及带准确 composites 的 registerItem;最后按参考中的约束自检(不使用未列出的组件、向所有被包裹组件传递 index、条件渲染正确)。

建议:可扫描 src/designs/items 中的相似 item 以匹配本地模式。输出保持简洁,避免使用 React 专有特性(keys、hooks)。

限制与缺失:资料未提供具体收费、价格、平台支持范围或效果数据,暂未提供。