#新动态 #前端 #设计 #AI
一套感觉会很实用的设计提示词，mark 一下：
🧩 动态 Bento 提示词：一页讲完产品所有功能

设计师 @Kubai087 分享了一套“动态 Bento 网格”的完整提示词 spec：产品官网功能太多放不下时，给每个功能卡片配一个小动画场景，一页全部讲完还足够生动。动画直接让 AI 基于产品功能生成（推荐 Opus），提示词可以直接抄作业。
• 动手前会先读项目：自动识别技术栈（React、Vue、Tailwind、Framer Motion 等），按项目现有方式实现，不额外引入动画库。
• 三种风格可选：直接用 Lumno 材质、套用自己产品的 design tokens 只保留结构与动效规则，或两者混合。
• Lumno 材质规范极细：1px 发丝线分隔代替边框、暖色软阴影、单一强调色 #3462ad、28px 大圆角卡片，并给出了完整的暗色模式色值映射。
• 动效克制且无障碍友好：每格只用 2–4 步展示“操作 → 结果”，缓动曲线与约 3s 的时长全部写死；静止态即最终帧，reduced motion 用户可直接看到结果，中断播放也不会跳变。