用途：该技能用于了解当前网页设计趋势，适用于启动新网页设计项目、评估现有设计的当代性、按当前标准设计首屏/动画/布局，以及追求 Awwwards、CSSDA、Godly 等获奖级品质。
主要能力：给出六项原则——动效承载意义、字体即主角、极简中带纵深、深色界面为默认、滚动即叙事、性能即特性；并按动效与动画、字体、色彩与美学、布局、交互模式五类列出 DO/DON'T 规则。还提供模式表（沉浸式首屏、滚动叙事、Bento 网格仪表盘、深色画布、动态字体、AI 原生界面、微动画系统）及对应参考案例，并列出反模式与检查清单。
使用方式：按需查阅对应章节；详细模式说明见 references/patterns.md。动效建议使用 IntersectionObserver 或 ScrollTimeline API，页面状态切换可用 View Transitions API 或 FLIP 动画，平滑滚动可用 Lenis 或原生 CSS scroll-behavior。
限制与注意：动画不超过 400ms（叙事滚动序列除外），每页字体不超过 3 个字重、最多 2 个字体家族，调色板彩色不超过 4 种，点击目标不小于 44x44px，动画需尊重 prefers-reduced-motion，移动端需独立设计，3G 模拟下加载需低于 3 秒。具体实现细节、代码示例与更新机制暂未提供。