用途：frontend-art-direction 面向需要“有明确观点”的前端 UI 工作，目标是在不增加流程成本的前提下产出可用界面，包含完整状态、有意义的动效和视觉证据。它适用于产品界面、媒体主导页面、参考某网站的实现，以及只做方向分析不写代码的请求。
主要能力：先检查项目再决定风格、库、字体、动画或首屏布局；区分硬性不变量（可访问性、任务/状态完整性、响应式可用性、素材真实性、动效降级、运行时完整性与渲染证据）与视觉偏好；在实现前做创意发散检查，形成 2-3 个结构不同的概念；对重要界面执行 premium-finish 打磨；优先复用和修复本地基础组件，不靠新增依赖制造氛围。
使用方式：技能根目录记为 <skill-root>。完整审计命令为 node <skill-root>/scripts/audit.mjs <project-root> --query "<product, screen, or implementation question>" --format md；局部扫描用 node <skill-root>/scripts/inspect-project.mjs <project-root> --format md；仓库查询用 node <skill-root>/scripts/project-map.mjs <project-root> --query "..." --format md；参考组合用 node <skill-root>/scripts/reference-composition.mjs --query "..." --profile "..." --style "..." --motion "..." --format md；参考实现契约用 node <skill-root>/scripts/reference-build.mjs --query "..." --project <project-root> --format md；设计简报用 node <skill-root>/scripts/design-brief.mjs --query "..." --project <project-root> --format md；资源目录用 node <skill-root>/scripts/resource-catalog.mjs --query "<missing technical job>" --stack <detected-stack> --format md；动效桥接用 node <skill-root>/scripts/transitions-adapter.mjs --intent "<state or relationship>" --project <project-root> --phase all --format md。
适用场景：产品 UI（应用、仪表盘、编辑器、设置、电商、开发者工具）、媒体主导页面（落地页、作品集、发布页、产品故事、模型查看器）、参考某网站的实现，以及仅需方向决策的请求。
限制：资料未提供具体收费、价格、平台支持范围或效果保证；素材优先级为用户提供→现有/官方→高质量检索→生成→刻意无素材构图，禁止交付占位图或低质填充；参考实现不得复制 logo、品牌名、专有素材、源码、原文或整页克隆；动效需有 reduced-motion 或静态降级；若项目不可运行需说明并保持静态扫描。