规划、审计和指导网站的视觉层级、GSAP 动效、互动、素材、性能和开发交接。用户提到网页视觉、网页动效、GSAP、ScrollTrigger、滚动叙事、Hero 动画、网站风格、动效方案、页面转场、3D/视频网页、动效很乱/很丑/很卡、或需要把网站需求交给开发时使用。本 Skill 是网站视觉与动效决策的权威来源；实际代码交给 website-product-router 和对应前端实现技能。
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
