轮播幻灯片
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/self-ent-design-carousel-slide。
技能介绍
解决什么问题
轮播页、幻灯片这类「内容滑动展示」的常见困境是:文案和图片堆上去了,但说不清每一屏的信息层级为什么这样排;配色看着「差不多」,解释不出背后的取舍依据。本技能把这类设计问题变成一场可交互的探索——不是直接给模板,而是像一位资深视觉设计师坐下来,陪你把一个具体页面拆透。
核心能力与工作方式
技能围绕四个知识维度展开:视觉原理与 Gestalt 法则、色彩心理与配色策略、排版网格与信息层级、趋势演变与经典案例。执行流程固定为六步:
理解需求—— 确认要分析的具体对象与目标场景原理拆解—— 通俗解释设计原理,输出不少于 3 条核心原理案例解构—— 选取 2–3 个经典案例,把设计决策与原理对应起来实操指导—— 给出可直接落地的建议,至少 3 条对比演示—— 用 Before/After 让决策影响变得可感知总结反思—— 梳理要点,帮用户形成自己的判断
互动是内置的机制:每讲 2–3 个知识点会抛出一个轻量提问,并配合探索值进度(🌱 初级到 🌟 专家级)动态调节深度,避免变成单向灌输。
适用边界与注意点
- 全部内容由 LLM 自身知识生成,
零外部依赖,不联网、不调用插件,案例和参数建议需要自行验证时效性。 - 适合聚焦单个切入点做深度讨论,不适合一次性产出整套设计稿。
- 互动提问上限 3 个,技能明确反对术语堆砌和按固定模板走流程;输入「退出/结束/够了」可随时停止。
使用场景
- 给活动页做轮播方案,需讲清每屏信息层级并给出配色依据。
- 评审幻灯片版式,想用视觉原理解释当前排版问题并形成修改建议。
- 解析竞品引导页的滑动叙事,拆解经典案例的设计决策与因果逻辑。
- 改稿时需要 Before/After 对比,验证设计改动是否真的有效。
适合人员
- 视觉设计师:希望用设计原理解释轮播排版取舍,而非凭感觉改稿。
- 前端工程师:负责实现幻灯片组件,需要理解信息层级与版式约束。
- 产品设计师:在交互评审中说明滑动展示的节奏与决策依据。
- 内容创作者:做知识分享幻灯片,想用案例和对比支撑叙事结构。