菜单
设计或实现 Vue 3、Nuxt、React 兼容组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、dark mode、accessibility、i18n、设计落地时都应触发。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/CaoMeiYouRen/cmyr-skills-agents --skill frontend-expert命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
需要生成 Conventional Commit 提交消息并执行单次提交时使用。适用于 feat、fix、docs、refactor、test、build、ci、chore 等常规提交场景。先检查质量门，再分析 diff，再生成符合 commitlint 预期的消息。
在 Windows 上构建或开发 Nuxt 项目时使用。适用于 nuxt build、nuxt dev、pnpm build、pnpm dev（Nuxt 项目）、Windows 上 Nuxt 构建慢、构建提速、WSL2 环境检测与初始化、把 Nuxt 项目迁移到 WSL 内部文件系统。当任务需要执行 Nuxt 构建/开发时强制检查是否运行在 WSL2 + ext4 环境，不满足则提醒用户配置或自主初始化相关环境；当项目（含子项目）使用 Nuxt 但当前任务未涉及构建/开发时，输出建议性告警（不强制配置环境、不中断任务）。
审查当前 git 变更、PR、提交范围、技能定义文件、架构调整或安全敏感代码时使用。输出结构化 Review Gate 结论（Pass/Reject）、问题分级（blocker/warning/suggest）、最低验证矩阵、证据链与复查基线。覆盖正确性、安全、架构、SOLID、可删除代码、性能、异常处理与测试风险；默认只输出 review，不直接修改代码。用户提到 review、code review、PR 审查、deep review、review gate、merge ready、blocker、evidence、pass、reject、SOLID、架构审查时都应触发。
基于 SOC 职业分类
正在显示 SKILL.md
| name | frontend-expert |
| description | 设计或实现 Vue 3、Nuxt、React 兼容组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、dark mode、accessibility、i18n、设计落地时都应触发。 |
| metadata | {"internal":false} |
铁律：不要在没有确认信息结构、设计约束和文本国际化策略前直接堆界面代码。
