（2953期）ui-designer – 产品级设计系统 · 代码即交付

产品级设计系统 · 代码即交付 资深产品级 UI/前端设计技能，精通 React/Vue 全栈架构，专注设计系统与性能优化 使用说明 核心能力评估 技术覆盖与深度 该技能定位产品级前端架构设计，覆盖 React 与 Vue 双生态的完整技术栈。React 侧涵盖 Hooks 深度实践、Redux/Zustand 状态管理、Next.js 全栈开发；Vue 侧覆盖 Vue 3 Composition API、Pinia 状态管理、Nuxt.js SSR/SSG 工程化。技术选型的完整性使其具备中大型项目的主导能力。 显著优势 设计系统思维：强调 8pt Grid 设计规范、Design Tokens 体系化建设，具备从视觉规范到代码实现的端到端落地能力 工程化成熟度：微前端架构、响应式设计系统、SSR 优化等高级主题，体现对复杂业务场景的解决能力 多模态输出：可生成可直接运行的 Vue/TailwindCSS 代码，实用价值突出 无障碍与细节把控：严格排版层级、Light/Dark 三模式适配、微动效交互设计，展现专业 UI 设计师的敏感度 局限性与风险 框架时效性：Vue/React 生态迭代快速，需持续更新版本适配（如 Vue 3.4+ defineModel、React Server Components） Tailwind 依赖：输出方案强绑定 Tailwind，对 CSS-in-JS 或其他原子化方案覆盖不足 安全未验证：报告明确标注「未执行安全扫描」，代码生成类技能存在 XSS、原型链污染等潜在风险 适用场景 适合需要快速搭建企业级设计系统、中后台管理系统、营销型官网的团队，尤其匹配缺乏专职设计师的中小技术团队，或需要设计-开发一体化交付的敏捷场景。 安全等级说明 代码生成类技能需人工审查，建议配合 lint 规则与安全扫描工具使用。 原始说明 Automation skill for ui-designer.