SuperAPI AI 工具集

add-ui

通用与其它

查看项目

更新于 10-15 16:46

技能介绍

用途:add-ui 通过 /add-ui 启动,用于新增 UI 或重设计已有 UI,覆盖营销与变现页面、导航与外壳、认证与账户、电商、数据界面等场景(列表为示例而非穷尽)。

主要能力:为请求的产物生成 5 个有意义差异的方向,差异体现在布局、层级、密度、调性、交互模型与内容框架上,而非仅换配色;提供对比表、推荐方向,并指导选择与集成。重设计时默认保留可识别的骨架(信息架构、内容块、顺序、熟悉交互),仅在用户明确要求时才做大改,结构激进的方向会标注为 stretch 选项。

使用方式:激活后需加载 $frontend-design,遵循其中的设计原则、反模式与 Context Gathering Protocol;若尚无设计上下文,必须先加载 $setup。需收集最小实现细节:框架/运行时、样式系统、目标插入点、是否全新产物或重设计、要生成的类型(区块/页面/流程/外壳/独立组件)、质量档位;重设计还需确认哪些部分保持可识别、哪些灵活,以及保守演进、广泛探索还是 1-2 个激进方向。技术栈可从代码库推断时不必追问。

默认优先级:优先匹配现有项目的样式与组件库;新项目且用户指定样式/组件库则使用之;新项目未指定则用 frontend-design 的框架默认值。React 回退默认涉及时参考组件库集成。

限制与规则:不使用浏览器 DOM 注入作为主要实现方式,优先真实组件、路由与预览;不生成仅外观差异的近似变体;不忽略现有代码库结构与样式系统;不在要求保留本质时推倒原有结构;不默认通用创业风或复古、赛博、霓虹等风格;不跳过加载/错误/空/响应式状态。可选参考包括产物分类法、组件库集成、变体质量标准、预览与应用模式、请求映射启发式等。

输出契约通常为:生成内容说明、变体对比表、推荐选择、预览/应用说明、实现产出文件。

其他细节(如具体定价、支持平台、依赖版本)暂未提供。