SHELEG Design 是一套设计决策技能，用于决定界面“看起来如何、如何运动”。适用场景包括：以动效为目标的落地页/营销页/首屏、与滚动绑定的粒子或 WebGL 背景、滚动联动图表与视差；感觉卡顿或失相的既有滚动站点；需要锁定视觉系统的产品 UI（仪表盘、管理后台、内部工具、明暗主题）；AI 产品界面（聊天与智能体 UI、流式输出、运行日志、模型错误、生成内容与确认状态）；跨 Figma 的视觉系统迁移；以及需要输出为渲染文件的动效（发布视频、功能循环、社交切片）。
核心模式为五条原则：单一时钟（所有动效源自同一滚动状态，各层不自行测量）；逐帧读取、少通知（WebGL/canvas 等热消费者命令式读取，仅粗粒度变化通知框架）；保持后重新部署（约 80% 区段保持阵型，再以短促、相位错开、弧线波形变形，禁止交叉淡入）；有理由的运动（仅用于叙述状态随时间变化的仪表，悬停与按压受规则约束，且不得阻断内容）；降级为平静（减少动效、粗指针、无 WebGL 时折叠为静态可读页面，效果是加分项而非依赖）。
视觉身份来自风格包：先读风格包索引，再完整阅读所选包，并从 styles/tokens/<pack>.css 复制其 token 层，不要转写 token 表或从截图推断数值。可用 npx sheleg-design-skill --kit <pack> 生成组件状态套件；npx 不可用时不被阻断，但仅套件能物化的组件状态属未验证，应如实说明。
校准以可观测目标为主，三个旋钮（DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY，基线 7/5/4）仅作偏好提示，不是质量度量；用户明确要求优先于基线与风格下限。
工艺门槛按依赖顺序为：任务、状态、可用性、系统、打磨、情感、一致性。按需加载的文档包括场景深度、图表、移动端界面、布局与字体工艺、视觉评审、视觉下限检查（npx sheleg-design-skill --lint <dir>）、导演记录与奖项标准（--check-record <file>）等。
限制：电影感动效层绝不应用于产品 UI、文档站、静态内容站，或视觉系统与文案尚未完成的页面；产品 UI 只取风格包部分。组件层默认 shadcn/ui，每项目只问一次。资料未提供具体收费、价格与平台支持信息。