用途：当作品质量取决于艺术指导、层级、克制、图像与动效而非组件数量时使用。目标是交付有意图、高端、当下的界面，默认朝获奖级构图靠拢：一个大创意、强图像、稀疏文案、严谨间距与少量难忘的动效。
使用方式：构建前先写三件事——视觉论点（一句描述情绪、材质与能量）、内容计划（首屏、支撑、细节、最终行动号召）、交互论点（2-3 个改变页面感觉的动效想法）。每节只有一个职责、一个主导视觉与一个主要信息或行动。
主要能力与规则：从构图而非组件开始；优先通栏首屏；品牌或产品名是最响的文字；系统限两种字体、默认一个强调色；默认无卡片布局，用分区、栏、分隔线、列表与媒体块；首屏当海报处理。落地页默认顺序为首屏、支撑、细节、最终行动号召。应用界面默认线性式克制。图像须承担叙事，用至少一张真实感强图。文案用产品语言，标题承载意义。动效至少 2-3 个有意图的，优先 Framer Motion。
跨客户端：GitHub Copilot 放在可见技能路径或项目指令中；Claude Code 放在本地技能目录或兼容插件源；Codex 安装或同步到 $CODEX_HOME/skills/frontend-skill 并在重大改动后重启；Gemini CLI 由本仓库生成 /skills:frontend-skill，用 python scripts/export-gemini-skill.py frontend-skill 重建并重载。
限制：不默认用卡片或首屏卡片；每节不超过一个主导想法；品牌页标题不得压过品牌；不用填充文案；无明确理由不超两种字体、一个强调色。激活边界之外不应使用，成功需有文件、命令、测试或渲染输出等直接证据。相关技能：verification-before-completion、documentation-verification。