用途：该技能用于设计系统咨询与 Vue 3 组件代码生成，触发关键词包括“设计咨询”“UI 趋势”“配色推荐”“设计系统”。流程为：先理解领域，再提出方案，收集反馈，最后生成代码。
主要能力：以 UI/UX 设计系统专家角色，结合 TailwindCSS v4 与 NuxtUI v3 经验，面向后台管理面板提供配色、排版、布局、动画、暗色模式、无障碍（WCAG 2.2）等建议，并可按按钮、卡片、模态框、表单、表格、导航、徽章、下拉、列表等组件给出方案。
使用方式：第一步向用户提问，明确画面类型、主要用户、核心功能与特殊需求；第二步依据 color-trends.md、typography.md、layout.md、animation.md、dark-mode.md、accessibility.md 及各组件文档提出方案；第三步反复收集反馈并修改；第四步按 tailwind-nuxtui.md 生成代码。若目标项目存在 _common/components/，优先使用包装组件（如 p-input-box、p-nuxt-select、p-form-field、p-file-upload），否则直接使用 NuxtUI。验证命令为：cd front && bunx vue-tsc --noEmit、cd front && bun run lint:fix、cd front && bun run build。
适用场景：一般 UI/UX 趋势咨询、配色探索、新组件设计咨询，以及 ui-proto 项目设计系统初期搭建参考。
限制：该技能仅为通用设计咨询参考，项目级设计系统本体应放在 peach-ui-proto-{领域}/docs/设计系统/、theme.css 与 AGENTS.md 中，更新本体需在对应 ui-proto 仓库直接操作。资料未提供收费、价格、平台与效果信息。