该技能用于从零构建或重做高端、叙事驱动的落地页，核心不是技巧堆砌，而是统一的设计标准：元素之间要有物理关系，画面要有权威感与冲击力，每个视觉选择都要经得起细节推敲。
用途：适用于产品落地页、课程平台与交互体验的设计，强调先回答四个问题——产品是什么、解决什么问题、买家是谁、访客到第三屏时应产生什么感受，再决定配色、动效、字体与文案语气。
主要能力：以分幕结构组织页面（钩子、问题、证明、方案、信任、行动），滚动顺序即论证顺序；用颜色承担语义角色，并通过 CSS 变量统一管理；建立四级字体体系（展示衬线、等宽、衬线斜体、系统无衬线）；动效遵循入场只播一次、环境动效缓慢克制、错峰揭示形成节奏、动效须有含义等规则；提供 gooey 有机背景、分段阴影衔接等具体实现思路。
使用方式：资料给出基础揭示系统示例，用 IntersectionObserver 为 .reveal 元素在进入视口时添加 .visible，并在触发后取消观察；CSS 中配合 transition-delay 实现错峰。此类代码保持原样使用，不应改写。
限制与说明：该资料偏重设计原则与思路，公开文本在“Important: If blobs show”处中断，后续内容暂未提供；未说明具体收费、价格、平台支持范围或效果保证，也未提供完整安装命令，这些信息暂未提供。