SuperAPI AI 工具集

component-builder

通用与其它

查看项目

更新于 10-15 23:47

技能介绍

用途:在既有项目中创建新的界面组件和有界组合模式,适用于命名组件、界面区块与工作区,目标是产出属于目标产品而非孤立演示的 UI。

主要能力:先检查相关页面、邻近组件、设计令牌、依赖、内容模型、响应式约定与测试,再决定实现方式;复用既有基础组件与图标库,不因熟悉其他库就替换现有设计系统。需识别请求的组件概念与用户任务、界面类型、组件归属与可复用基础组件、真实内容与状态、目标技术栈与既有职责边界。页面组合需定义页面职责并复用目录中的子组件,不把页面模式变成每个子组件的第二维护源。

使用方式:构建工作读 references/workflow.md;涉及 Button、Link、Input、Select、Form 等基础控件时读 references/foundational-controls.md;最终验证前读 references/quality-gates.md;请求可能是完整页面而非有界组件时读 references/pagina.md。在 ../../catalog/components.json 中查找组件 ID,只读其引用的组件文件。若请求概念不存在,使用共享工作流,在结果中说明推断的规范名称,除非任务包含仓库维护,否则不新增永久目录条目。构建时先定义语义职责与边界再设计样式,依据上下文与内容选择变体,保留项目约定并接入真实内容或数据契约,实现预期状态、响应式行为、键盘行为与失败处理,并在实际页面上下文中验证。

限制:一个组件概念只有一个维护参考,角色、位置、视觉变体与运行时状态不产生新目录条目;已确立的独立术语与发现意图可共享模型但单独成条。组件参考是指导而非固定代码模板。有界组合模式可协调目录组件,完整页面构建属于 Pagina,整站信息架构与产品规划不在本技能范围。命名组件已存在且请求主要是审计、优化或重建时应停止并报告范围不匹配。无具体实现收益不添加依赖,不声称未测试的合规、性能或转化结果。复杂编辑器、表格、图表、日历、无障碍原语或智能体运行时依赖时使用成熟领域库。完成后报告变更内容、复用的项目约定、验证方式与仍存在的实质约束。