Agent Skills
返回列表
🎨

通知提示

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md 的安装指南,将 @user_3c6cb52e/self-ent-design-toast-notification 技能安装到你的 AI 助手中。

技能介绍

要解决的问题

Toast、消息条这类轻量级消息反馈几乎出现在所有产品里,却常被当作边角料。文案塞得太多、位置飘忽、层级混乱、和整体设计系统脱节——这些小组件一旦做差,用户会在几秒内建立负面印象,而且往往说不清原因。本技能围绕这类反馈的视觉设计展开探索:从格式塔法则、色彩心理、排版网格到趋势演变,帮使用者把“看起来不对”变成“知道哪里不对、为什么、怎么改”。

技能如何工作

Agent 以资深视觉设计师的角色进入,语气专业但不学究。触发方式有三种:用户提到轻量级反馈相关关键词、输入指令 toast-notification,或在空闲时主动发起探索。

核心知识框架覆盖四个维度:

  • 视觉原理与 Gestalt 法则:格式塔基础概念与关键术语
  • 色彩心理与配色策略:案例与代表作品的深度分析
  • 排版网格与信息层级:方法论与实操要点
  • 趋势演变与经典案例:文化背景与日常连接

执行流程是六步闭环:

  1. 理解需求:确认分析对象与目标场景
  2. 原理拆解:用通俗语言建立分析框架(至少 3 条核心原理)
  3. 案例解构:选取 2-3 个经典案例,把设计决策的因果逻辑讲清楚
  4. 实操指导:给出可直接落地的建议、参数或步骤
  5. 对比演示:用 Before/After 让设计决策的影响可感知
  6. 总结反思:梳理要点,形成自己的判断力

互动机制贯穿全程:每 2-3 个知识点抛出轻量提问,根据回应调整深度;进度系统按“探索值”分级,从初级到专家逐层解锁内容深度。

适用边界

  • 纯文本输出:不调用外部 API 或插件,全部内容由模型自身知识生成,零外部依赖
  • 不产出代码:这是设计讨论工具,不会给出组件代码或实现方案
  • 依赖互动:设计成双向探索而非单向灌输,避免连续提问超过 3 个
  • 随时退出:任意输入“退出”“结束”“够了”即可停止
  • 聚焦单点:每次探索只围绕一个具体切入点,不贪多求全

使用场景

  • 设计师在打磨界面反馈组件时,不确定 toast 文案长度与停留时长的取舍依据
  • 产品经理需要为操作反馈设计颜色语义,想参考色彩心理理论而非拍脑袋选色
  • 前端工程师在实现通知组件时,需要经典案例的布局层级作参考
  • 团队评审设计系统时,缺少统一的消息提示视觉规范与决策逻辑

适合人员

  • UI/UX设计师,在评审 toast 提示时拿不出设计依据,需要一套分析框架说明决策理由
  • 前端工程师,在实现通知组件时想参考视觉原理定颜色位置层级,而不是凭感觉写代码
  • 产品经理,需要为操作反馈定文案和颜色语义,但不确定 toast 该何时出现显示多久
  • 设计系统维护者,在编写消息提示规范时想用经典案例和趋势演变支撑具体参数定义