world-build 是 aa-on-ai/agentic-design-system(ADS)中的一项设计技能,主要用于在用户明确要求沉浸式体验、氛围、叙事深度,或希望某个界面“像一个场所”时,帮助塑造世界观与叙事体验。普通的产品 UI、仪表盘、表单等并不自动需要该技能;作品集或发布页也不一定适用。ADS 负责产品范围、方向与评审,本技能是一套可选技术调色板,不是必需技术栈,也不是另一套构建循环。
建立世界
先恢复既有简报、参考资料与先前回答,在任务简报中说明设定、核心隐喻与期望感受。例如调查场景使用证据与案件卷宗,实验室使用标本与观察记录,自然世界使用生长与季节。把隐喻转化为有用的导航、分组或反馈,而不是伪造运行遥测。当物质性创意方向尚未解决时,带一个小型可评审目标与建议;若方向已定,则无需再走审批仪式。真实产品必须能在脱离隐喻的情况下被解释清楚。
选择氛围,而非堆叠层数
使用能创造预期感受的最少技术。留白、平涂色与单一字体族都可以是刻意选择。
- 材质:细微颗粒或纸张质感可建立触感。whimsical-design 中的噪声与渐变示例是可选配方。装饰性叠加层应保持非交互,并置于有意义内容之下。
- 光与深度:静态光晕、克制暗角或分层平面可建立空间感。需在目标浏览器上验证对比度与开销;模糊并不是深度或精致的证明。
- 环境细节:仅在能传达真实有用上下文时使用小型周边标签,例如“Camera 04 recording”“Sample 0042”“Comms available”。不要伪造实时状态、日期、计数器或加载百分比。
- 标志性效果:一个有意为之的聚光或滚动联动平面可以强化探索感。避免装饰性圆点、粒子场、闪烁以及纯粹为动而动的环境运动。
- 指针处理:默认保留原生光标。若需要上下文相关处理,必须保留命中目标、焦点、原生可供性以及粗指针行为。不要添加圆点跟随器,也不要让交互依赖悬停。
排版作为角色
优先使用既有字体系统。展示体/正文对比或等宽字体角色可以支持隐喻,但没有最低字体数量要求。层级来自可读的字号、字重、间距与分组,而不是强制性的戏剧化大标题。保留句首大写与精确标识符。
动效编排
仅在限定动效任务时参考 web-animation-design。动效应解释到达、因果、连续性或刻意的表达节拍。内容可以只是直接出现。不要要求每个区块都揭示、每个列表都错落出现,也不要强制安装 GSAP。
对于已有的滚动联动效果,较慢的背景平面可暗示深度。保留普通滚动、可读内容与直接导航;线性映射对于直接滚动跟踪可能是合适的。对于电影化表达性入场,应将较长时长的理由与快速产品控件默认值分开说明。限制序列数量,并让操作立即可用。
需在真实浏览器中验证正常、中断与减弱动效行为,包括目标移动端/WebKit。静帧可以确立构图,但无法证明滚动行为、时序或性能。减弱动效必须在不使用视差或强制等待的情况下呈现完整内容。
加载跟随真实工作
绝不要为了营造氛围而添加最短时长加载器。已缓存或立即可用的内容应立即出现。如果资源确实需要加载,保留可读外壳与有用操作;仅在可测量时报告真实进度,否则使用诚实状态。不要把可用内容藏在模拟终端、进度计数器或全屏幕布之后。可选声音需要用户控制,且不得意外自动播放。
项目展示选项
对于作品或案例研究,结构应服从访客任务。证据板可以组合大预览卡片、详情查看器、有用元数据与图库。对于扫描、深链接或移动端使用,网格、列表或直接文章可能比水平滑块更好。
当查看器确实有必要时,保留键盘操作、Escape/关闭行为、直接进入以及带着阅读上下文返回原条目。不要强迫每个项目进入全屏模态框,也不要让隐喻淹没作品本身。
在 ADS 中审查体验
- 设定是否在不需要内部知识的情况下强化了真实工作?
- 主操作、长标签与实际项目素材在目标尺寸下是否可读且未被遮挡?
- 访客能否在不依赖装饰图像的情况下理解产品输入/输出?
- 所选效果在真实交互与减弱动效下是否无延迟?
- 是否有证据支持预期感受,而不仅仅是渲染成功?保留用户的品味判断。
纹理、自定义光标、加载器、字体数量或氛围层配额都不是门槛。保留参考/结果配对与真实验收状态。新反馈应归入现有负责人,而不是在每次构建后自动扩展本技能。
参考线索,而非必需美学
当某个具体参考有用时,在采纳技术前应检查其当前源码与意图属性:Killian Herzer 用于调查框架,Inflight 用于任务控制语言,Poolsuite 用于怀旧身份,Lusion 用于沉浸式深度,Void 用于克制氛围。这些名称是发现线索,不是当前能力声明,也不是重建其技术栈的指令。