前端全栈设计专家

解决什么问题

前端交付经常卡在“好看但难维护”或“能跑但体验粗糙”：视觉方向没有明确原则，原型与正式页面风格断裂，响应式布局、交互状态和可访问性都在后期补，最后交付物需要反复返工。这个技能把 cn-frontend-design、cn-web-design-engineer、cn-frontend-ui-engineering、cn-web-design-guidelines 组织为一条从概念到生产的链路，适合网站、落地页、仪表盘、UI 组件、动画、数据可视化和设计系统等任务。

工作流与边界

• 阶段 1：用 cn-frontend-design 建立独特视觉方向，避免千篇一律的 AI 审美，为网站、落地页、仪表盘、海报定义设计语言。
• 阶段 2：用 cn-web-design-engineer 创建或重塑高质量网页、交互原型、HTML 幻灯片、动画、UI 模型与设计系统。
• 阶段 3：用 cn-frontend-ui-engineering 构建生产级布局、响应式行为、交互状态与可访问性，达到可交付的界面质量。
• 阶段 4：用 cn-web-design-guidelines 审查 UI 代码、检查 a11y、审计设计与 UX，并对照最佳实践校验输出。

适用边界：它更擅长串联完整前端任务；若只是单行 CSS 修复、静态图标替换或纯后端接口问题，不必走完整流程。正式落地时仍需结合真实业务数据、品牌资产、测试环境和团队组件规范。