SuperAPI AI 工具集

ui-prototyping

通用与其它

查看项目

更新于 10-16 08:10

技能介绍

用途:在写正式规格与计划前,为某一个屏幕做发散式 UI 探索。它针对“模糊提示词只产出一个随手猜测的布局、并被其锚定”的问题,把探索前置到最便宜的阶段。核心是把确切功能、风格意图与多方案同时写进提示,避免功能蔓延、缺乏观点与首猜锚定。

输入:.planning/APP.md(功能、受众、平台),可选指定目标屏幕;若文件缺失,可通过 AskUserQuestion 收集单屏、3–5 个必备功能、氛围与 0–2 个参考应用,再自动拼装提示词。

主要能力与方法分三阶段: 一、发散:为同一屏生成 6–10 个真正不同的变体,差异体现在组织隐喻(标签页、网格→详情、单页滚动、仪表盘/榜单)、导航形态、字体(New York/衬线 vs. SF)、密度与色彩氛围,而非仅改色。每个变体配自己的 #Preview 与易记名称(如 Cozy、Club Hub),分文件或分隔结构,便于在 Xcode 画布并排渲染;只出现被要求的功能,且必须能编译。 二、重混与生活化:用户按预览名与元素点名喜欢的部分,生成新的混合变体并重复。同时生成可复用的示例数据文件(委托 generators/preview-data-generator),内容贴合受众且真实但不理想化,覆盖空状态、无界增长(长列表、长标题)、长输入等边缘情况(可委托 swiftui-builder 生成状态矩阵 #Preview)。 三、微调:对签名交互(封面到详情过渡、列表错落入场)建调参面板,按命名阶段拆分动画,面板与界面并排而非模态遮挡,参数化缓动/弹簧、状态、颜色、字体等;摩擦、惯性、陀螺仪视差与触觉亦可同样调参。面板须以 DEBUG 或启动参数守护,不随发布上线。鼓励尽早真机以演示应用形式评审,而非导出静态图。

输出:.planning/PROTOTYPE.md(变体表、选择与重混、边缘情况、调参记录、结转说明)以及项目中的真实 Swift 文件(变体视图、示例数据、DEBUG 守护的调参面板)。

集成与节奏:每个标志性屏幕早跑一次,位于 /apple:new-app 之后、/apple:plan 锁定布局之前;选定变体直接交给 /apple:plan 与 /apple:build,不重建;与 flow-walkthrough 构成“探索→构建→验证”。

限制:智能体只提方案,判断哪个最好属设计工作,不能外包;变体多不等于好,失败属正常;示例内容不能替代真实用户反馈;调参面板仅作脚手架,发布前需移除或加门禁。资料未提供具体收费、价格与平台版本信息。