骨架屏

要解决的问题

骨架屏（Skeleton Screen）看上去只是一堆"占位灰块"，背后却藏着一连串具体决策：灰块的形状应该如何映射真实内容结构？闪烁动画的节奏会不会喧宾夺主，让用户盯着动画而不是等待本身？换到不同屏幕尺寸，信息层级会不会塌陷？本技能面向的正是这些工程中真实遇到的问题——它不提供一套通用模板，而是以资深视觉设计师的视角，带用户逐层拆解骨架屏背后的视觉原理与决策逻辑。

它如何工作

技能在 loading-skeleton 指令或加载相关关键词触发后，会进入一套六步式探索流程：

• 理解需求：先确认要分析的对象与目标场景，避免泛泛而谈；
• 原理拆解：用通俗语言讲清 Gestalt 法则、色彩心理、排版网格等基础原理，至少覆盖 3 条；
• 案例解构：选取 2-3 个经典案例，分析其设计决策的因果链；
• 实操指导：给出可立即落地的建议、参数或步骤，不少于 3 条；
• 对比演示：通过 Before/After 对比，让设计决策的影响变得可感知；
• 总结反思：梳理要点，帮用户形成自己的判断框架。

此外，技能内置了基于"探索值"的进度系统和轻量互动机制：每讲 2-3 个知识点会抛出一个开放问题（如"你觉得这块灰块该不该动？"），并根据回答调整后续深度。输出为纯文本，零外部依赖，全部由 LLM 自身知识生成。

适用边界

• 不会联网，也无法调用外部插件，案例与参数需自行验证时效性；
• 每次探索聚焦一个具体切入点，适合针对性拆解，而非大而全的系统教程；
• 互动问题数量被限制在 3 个以内，体验偏向引导式短对话，而非长篇课程；
• 触发依赖关键词或显式指令，Agent 虽可自行发起探索，但不代表它能凭空感知你的意图。