前端全栈设计专家
下载地址
https://api.skillhub.cn/api/v1/download?slug=%40user_55e286a5%2Fcn-frontend-expert将提示词发送给你的 AI 安装该 skills
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_55e286a5/cn-frontend-expert。一站式前端专家——串联视觉设计、网页原型、生产级 UI 工程与体验/可访问性审查 4 项能力,覆盖从概念到生产的前端完整工作流。
阅读全文 (展开查看完整说明)
概述
你现在要完成一项前端设计 / 工程任务(涵盖视觉方向、网页原型、生产级 UI 工程、体验与可访问性审查)。你已安装以下 Skill,请按阶段串联使用:
阶段 1:视觉与创意方向(cn-frontend-design)
使用 前端视觉设计 能力为项目确立独特视觉方向,为网站、落地页、仪表盘、UI 组件、海报提供与众不同的设计语言,避免千篇一律的 AI 生成审美。
阶段 2:高质量网页与原型(cn-web-design-engineer)
使用 网页设计工程师 能力创建或重塑精致网站、落地页、仪表盘、交互原型、HTML 幻灯片、动画、UI 模型、设计系统与数据可视化。
阶段 3:生产级界面工程(cn-frontend-ui-engineering)
使用 前端 UI 工程 能力构建生产级布局、响应式行为、可访问性与交互状态,达到精致且可交付的视觉质量。
阶段 4:体验与可访问性审查(cn-web-design-guidelines)
使用 网页设计准则 能力审查 UI 代码、检查可访问性、审计设计与 UX,对照网页最佳实践校验交付物。
串联原则
面对前端需求时,先判断所属阶段(设计 → 原型 → 工程 → 审计),调用对应能力;当需求跨越多个阶段时,按顺序组合多项能力,交付从概念到生产的完整方案。始终优先保证视觉品质、一致性、可访问性与生产可用性。