SuperAPI AI 工具集

explore-directions

通用与其它

查看项目

更新于 10-16 06:46

技能介绍

用途:针对界面外观(而非逻辑或状态)生成若干个结构性差异较大的视觉变体,放在同一路由上,通过浮动控制栏切换,让用户逐个查看、挑出一个或从各变体中取长补短,其余丢弃。若问题是逻辑/状态而非外观,应改用 /prototype:pressure-test。

三种承载方式:默认子形态 A,在已有页面上通过 ?variant= URL 参数(或框架等价物)在同一路由渲染变体,保留原有数据获取、参数与鉴权,仅替换渲染子树;子形态 B 用于确实没有可嵌入页面时,按项目既有路由约定新建一个明显标注 prototype 的临时路由;HTML 原型底稿用于没有应用或开发服务器、尚无应用、或非开发者探索的场景,产出单个自包含的 file:// HTML 页面,含 N 个变体容器、页内切换器和复制导出控件,仅用合成数据,通过 CSP meta 标签禁止远程资源,文件经系统临时目录生成、不在仓库内。可在参数中显式指定真实栈页面或 HTML 原型,覆盖默认路由。

流程:默认生成 3 个变体,上限 5 个;每个变体需遵循页面用途与可用数据、项目组件库与样式体系,导出清晰组件名(VariantA、VariantB、VariantC),并在布局、信息层级、主要交互上结构性不同,而非仅改颜色或文案;用单一切换组件接线,框架惯用路由,子形态 A 保留数据获取在切换器之上。浮动切换栏固定于底部居中,含左右箭头循环、当前变体名称、方向键导航(输入框聚焦时不拦截),切换时更新 URL 参数,样式与被评页面明显区分,并在生产构建中隐藏。完成后交出 URL 与变体键,选定变体并记录原因,删除落选变体与切换器,子形态 B 将胜出者提升为真实路由,HTML 原型则丢弃文件。

限制与注意:变体应避免仅改颜色或文案、避免共享过多代码(共享 Header 可以,共享 Layout 会失去意义);不要接入真实变更操作,读只原型可留桩;不要直接把原型代码提升到生产(原型无测试、错误处理最少),合入时需重写。资料未提供该技能的具体安装命令、收费与平台细节。