探针·前端全栈设计专家

要解决什么问题

前端任务往往横跨「定调子、出原型、写组件、上线前自查」几条线。若每一步各换一套提示或审美标准，很容易出现落地页像模板库、组件层响应式与焦点态不完整、交付前没人对照可访问性与 UX 惯例做审计。

技能如何工作

本技能不是单点生成页面，而是把四项子能力按阶段串成一条工作流：

1. 视觉与创意方向（cn-frontend-design）——为站点、落地页、仪表盘或组件确立设计语言，刻意避开千篇一律的 AI 审美。
2. 网页与原型（cn-web-design-engineer）——产出或重塑网站结构、交互原型、HTML 幻灯片、动画片段、设计系统与数据可视化草稿。
3. 生产级界面工程（cn-frontend-ui-engineering）——把布局、断点行为、交互状态与可访问性细节做到可交付的代码质量。
4. 体验与可访问性审查（cn-web-design-guidelines）——对照网页最佳实践审查 UI 实现、可访问性与 UX 问题。

面对需求时先判断落在哪一阶段；跨阶段则按设计 → 原型 → 工程 → 审计顺序组合，而不是跳步。

适用边界

• 依赖已安装的上述子 Skill；本条目负责编排与串联，不替代各阶段的专项能力。
• 适合需要视觉一致性、生产可用性与 a11y 并重的界面任务；纯后端、无 UI 的需求不在范围内。
• 若只需快速 mock 而不做工程与审计，可只启用前两阶段，但完整链路的价值在「概念到可上线」的闭环。