Agent Skills
返回列表
🎨

轮播幻灯片

设计多媒体 更新于 2026.08.29

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/self-ent-design-carousel-slide。

技能介绍

解决什么问题

轮播页、幻灯片这类「内容滑动展示」的常见困境是:文案和图片堆上去了,但说不清每一屏的信息层级为什么这样排;配色看着「差不多」,解释不出背后的取舍依据。本技能把这类设计问题变成一场可交互的探索——不是直接给模板,而是像一位资深视觉设计师坐下来,陪你把一个具体页面拆透。

核心能力与工作方式

技能围绕四个知识维度展开:视觉原理与 Gestalt 法则、色彩心理与配色策略、排版网格与信息层级、趋势演变与经典案例。执行流程固定为六步:

  1. 理解需求 —— 确认要分析的具体对象与目标场景
  2. 原理拆解 —— 通俗解释设计原理,输出不少于 3 条核心原理
  3. 案例解构 —— 选取 2–3 个经典案例,把设计决策与原理对应起来
  4. 实操指导 —— 给出可直接落地的建议,至少 3 条
  5. 对比演示 —— 用 Before/After 让决策影响变得可感知
  6. 总结反思 —— 梳理要点,帮用户形成自己的判断

互动是内置的机制:每讲 2–3 个知识点会抛出一个轻量提问,并配合探索值进度(🌱 初级到 🌟 专家级)动态调节深度,避免变成单向灌输。

适用边界与注意点

  • 全部内容由 LLM 自身知识生成,零外部依赖,不联网、不调用插件,案例和参数建议需要自行验证时效性。
  • 适合聚焦单个切入点做深度讨论,不适合一次性产出整套设计稿。
  • 互动提问上限 3 个,技能明确反对术语堆砌和按固定模板走流程;输入「退出/结束/够了」可随时停止。

使用场景

  • 给活动页做轮播方案,需讲清每屏信息层级并给出配色依据。
  • 评审幻灯片版式,想用视觉原理解释当前排版问题并形成修改建议。
  • 解析竞品引导页的滑动叙事,拆解经典案例的设计决策与因果逻辑。
  • 改稿时需要 Before/After 对比,验证设计改动是否真的有效。

适合人员

  • 视觉设计师:希望用设计原理解释轮播排版取舍,而非凭感觉改稿。
  • 前端工程师:负责实现幻灯片组件,需要理解信息层级与版式约束。
  • 产品设计师:在交互评审中说明滑动展示的节奏与决策依据。
  • 内容创作者:做知识分享幻灯片,想用案例和对比支撑叙事结构。