正在打开每日关注
正在打开每日关注
用变体切换、查询参数和 Leva 控件,把交互原型的试错、比较与分享变成短循环。
Something that AI unlocks is being able to try a few different variations of a feature quickly. I often ask my coding agent to come up with a few different variants and add a switcher so I can easily swap between them. It also saves your selection as a query param so I can show a specific variation to a colleague. This + a library like Leva for controls that directly influence an interaction makes prototyping and coming up with different ideas extremely easy.
是什么 这条纯观点型实践分享把 AI coding agent 定义为方案探索器:让代理一次生成多个功能或交互变体,并在同一原型中加入切换器;当前选择写入 query param 后,特定版本即可被同事直接复现。配合 Leva 这类可实时调参的控制面板,设计者可以把想法、实现、比较与反馈压缩到一个短循环里。
核心设计 关键不只是生成代码,而是把变体管理和可调参数做成一等交互:切换器降低比较成本,URL 状态提升协作与可追踪性,Leva 将 easing、spring 等影响动效体验的变量暴露出来。视觉证据中,同一动画课程 onboarding 同时呈现居中的圆角卡片流程与全页表单流程,并保留顶部进度、Back/Continue 和底部模式切换,体现了可并置比较的 UI 试验。
关键洞察 这套方法特别适合早期探索,不必先押注唯一方案;它让工程师也能承担更多设计试错,同时把审美判断留给人。真正高效的单位不是生成一版,而是用低摩擦的实验框架快速获得可比证据。
边界与风险 变体越多越容易变成选项噪音;query param 需要稳定命名、默认值和可分享的版本语义,控制面板也不能暴露过多实现细节。AI 生成的方案仍需检查可访问性、响应式、状态完整性和生产代码质量,不能把原型切换器直接等同于最终产品。