Regle Advanced
victorgarciaesgi/regle
Advanced Regle form validation patterns — collection validation with $each, async rules and $pending, server/externalErrors, $reset options, global config with defineRegleConfig, discriminated-union…
设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。
Install Nuxt Code Editor
$ npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install CaoMeiYouRen/caomei-auth nuxt-code-editor --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/CaoMeiYouRen/caomei-auth.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/nuxt-code-editor .claude/skills/nuxt-code-editor && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "nuxt-code-editor" agent skill from https://github.com/CaoMeiYouRen/caomei-auth/tree/master/.github/skills/nuxt-code-editor into .claude/skills/nuxt-code-editor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-code-editor", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/CaoMeiYouRen/caomei-auth/tree/master/.github/skills/nuxt-code-editorType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install CaoMeiYouRen/caomei-auth nuxt-code-editor --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/CaoMeiYouRen/caomei-auth.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.github/skills/nuxt-code-editor .agents/skills/nuxt-code-editor && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "nuxt-code-editor" agent skill from https://github.com/CaoMeiYouRen/caomei-auth/tree/master/.github/skills/nuxt-code-editor into .agents/skills/nuxt-code-editor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-code-editor", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install CaoMeiYouRen/caomei-auth nuxt-code-editor --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/CaoMeiYouRen/caomei-auth.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.github/skills/nuxt-code-editor .cursor/skills/nuxt-code-editor && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "nuxt-code-editor" agent skill from https://github.com/CaoMeiYouRen/caomei-auth/tree/master/.github/skills/nuxt-code-editor into .cursor/skills/nuxt-code-editor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-code-editor", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/CaoMeiYouRen/caomei-auth.git --path .github/skills/nuxt-code-editor--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install CaoMeiYouRen/caomei-auth nuxt-code-editor --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/CaoMeiYouRen/caomei-auth.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.github/skills/nuxt-code-editor .gemini/skills/nuxt-code-editor && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "nuxt-code-editor" agent skill from https://github.com/CaoMeiYouRen/caomei-auth/tree/master/.github/skills/nuxt-code-editor into .gemini/skills/nuxt-code-editor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-code-editor", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install CaoMeiYouRen/caomei-auth nuxt-code-editorInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/CaoMeiYouRen/caomei-auth.git skills-src && mkdir -p .github/skills && cp -r skills-src/.github/skills/nuxt-code-editor .github/skills/nuxt-code-editor && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "nuxt-code-editor" agent skill from https://github.com/CaoMeiYouRen/caomei-auth/tree/master/.github/skills/nuxt-code-editor into .github/skills/nuxt-code-editor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-code-editor", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install CaoMeiYouRen/caomei-auth nuxt-code-editor --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/CaoMeiYouRen/caomei-auth.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.github/skills/nuxt-code-editor .opencode/skills/nuxt-code-editor && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "nuxt-code-editor" agent skill from https://github.com/CaoMeiYouRen/caomei-auth/tree/master/.github/skills/nuxt-code-editor into .opencode/skills/nuxt-code-editor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-code-editor", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
nuxt-code-editor- GitHub stars
- 220
- Token cost
- ~437 tokens
- SKILL.md length
- 133 words
- Files
- 1
- Skills in repo
- 14
- Repo updated
- First seen
- Licence
- MIT
At a glance
设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。
- Tasks that involve Internationalization
- SKILL.md covers 工作流, 项目标准（草梅 Auth 特化）, 自检清单 and 反模式
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Tasks that involve CSS and styling
What it does
Nuxt Code Editor is an agent skill from CaoMeiYouRen/caomei-auth. 设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。
Its SKILL.md is about 440 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Internationalization, CSS and styling and Forms and validation. It works with Nuxt, Vue.js and Zod. The repository describes itself as: 草梅 Auth 是一个基于 Nuxt 全栈框架的统一登录平台。支持 OAuth2.0 协议，集成邮箱、用户名、手机号、验证码、社交媒体等多种登录注册方式。 The licence is MIT.
When your agent uses it
- Tasks that involve Internationalization
- Tasks that involve CSS and styling
- Tasks that involve Forms and validation
Example prompts
- “/nuxt-code-editor”
What it can do on your machine
Read from SKILL.md and the folder at commit 7bd3bae. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Nuxt Code Editor loads about 437 tokens when it runs. Until then it costs about 54 tokens; SKILL.md has 133 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from CaoMeiYouRen/caomei-auth at commit 7bd3bae, republished under its MIT licence (© CaoMeiYouRen). 133 words, ~437 tokens.
Download SKILL.mdSave it as
.claude/skills/nuxt-code-editor/SKILL.md (or your agent's skills folder).- name
- nuxt-code-editor
- description
- 设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。
- metadata.internal
- true
Nuxt Code Editor（前端实现专家）
铁律：不要在没有确认信息结构、设计约束和文本国际化策略前直接堆界面代码。
工作流
- Step 1: 确认界面目标 ⚠️ REQUIRED
- 1.1 明确是新增页面、组件还是细节修复。
- 1.2 盘点数据来源（API 契约）、设计模式、状态来源。
- Step 2: 结构设计（组件/样式） ⚠️ REQUIRED
- 2.1 先确认职责划分：props、事件、状态边界。
- 2.2 再拆布局、层级和可访问性结构。
- Step 3: 实现约束
- 3.1 文本默认走 i18n，不硬编码中文或英文。
- 3.2 样式优先使用设计 token，不引入重复或不可维护结构。
- 3.3 页面级需要 SEO 时，补充头部元信息与静态数据。
- Step 4: 视觉与交互验证
- 4.1 检查响应式、键盘可访问性、明暗模式和错误态。
- 4.2 只要涉及视觉改动，交给
@ui-validator做真实环境验证。
项目标准（草梅 Auth 特化）
- Vue 3 Composition API: 生成
<script setup lang="ts">组件，使用defineProps、defineEmits并配合 TypeScript 接口/类型。 - PrimeVue 4 集成: 根据
utils/或现有的components/用法正确使用 PrimeVue 4 组件。 - 图标库: 使用
@mdi/font(Material Design Icons)，图标类名mdi-*。 - 类型安全: 确保所有后端相关代码使用在
server/entities或types/中定义的 TypeORM 实体和 DTO。 - 增量编辑: 优先修补 (patch) 而非重写整个文件，以保留上下文。
- 样式规范: SCSS + BEM 命名，优先使用
styles/目录中的变量和 mixin，不使用!important突破规范。 - 校验模式: 表单校验使用
utils/shared/下的 Zod Schema（单一事实来源），前端useForm传入zodSchema。 - 数据获取: SSR 场景优先
useFetch/useAsyncData，导航使用navigateTo。
自检清单
- 结构、状态和视觉职责是否已明确，而不是直接堆代码。
- 文本是否已接入 i18n（
useI18n/$t()），样式是否已接入 token 和可维护性。 - 关键状态（loading、error、empty、success）与响应式是否已覆盖。
- 涉及视觉改动时，是否已计划执行
@ui-validator验证。
反模式
- 直接改模板而不先确认数据和状态来源。
- 硬编码文本或颜色值，事后再去补 i18n。
- 只做桌面端，忽略移动端和暗色模式。
- 为了绕过一个样式问题添加
!important。
© CaoMeiYouRen, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .github/skills/nuxt-code-editor of CaoMeiYouRen/caomei-auth.
Open the folder on GitHubat commit 7bd3bae
Compare with similar skills
Nuxt Code Editor next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Nuxt Code Editor this skillCaoMeiYouRen/caomei-auth | 220 | — | ~437 | Automated safety check: Pass | MIT | |
| Regle Advancedvictorgarciaesgi/regle | 506 | — | ~683 | Automated safety check: Pass | MIT | |
| Create Docsvictorgarciaesgi/nuxt-typed-router | 413 | 2 repos | ~2.8k | Automated safety check: Pass | MIT | |
| Vue Component Developmentgdarko/laravel-vue-starter | 145 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Glycemicgpt UI Foundationlumose-health/GlycemicGPT | 141 | — | ~707 | Automated safety check: Pass | GPL-3.0 | |
| Frontend UI Foundryjiushiwon/wg-skills | 112 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Create Docs
victorgarciaesgi/nuxt-typed-router
Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.
Vue Component Development
gdarko/laravel-vue-starter
Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.
Glycemicgpt UI Foundation
lumose-health/GlycemicGPT
A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…
Frontend UI Foundry
jiushiwon/wg-skills
A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…
Web Frontend
latitude-dev/latitude-llm
apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field…
More from CaoMeiYouRen/caomei-auth
All 14 skills in this repoCode Reviewer
CaoMeiYouRen/caomei-auth
审查当前 git 变更、PR、提交范围、技能定义文件、架构调整或安全敏感代码时使用。输出结构化 Review Gate 结论（Pass/Reject）、问题分级（blocker/warning/suggest）、最低验证矩阵、证据链与复查基线。覆盖正确性、安全、架构、SOLID、可删除代码、性能、异常处理与测试风险；默认只输出 review，不直接修改代码。用户提到 review、code…
Full Stack Master
CaoMeiYouRen/caomei-auth
需要统筹需求澄清、上下文扫描、技术方案、前后端实现、UI 验证、测试、质量审查、文档同步和提交节奏时使用。它负责编排多技能协作，而不是亲自替代所有专业技能。用户提到 end-to-end workflow、全流程开发、从需求到提交、PDTFC+、多技能编排时都应触发。
Quality Guardian
CaoMeiYouRen/caomei-auth
运行并解读 lint、类型检查、测试等质量门时使用。它不只是执行命令，还要根据变更范围选择最小充分检查、分析失败原因，并给出是否允许继续提交或发布的判断。用户提到 lint、typecheck、tests、quality gate、验证改动时都应触发。
Devops Specialist
CaoMeiYouRen/caomei-auth
修改 Docker、CI/CD、部署配置、环境变量、运行时参数、构建脚本和发布流程时使用。优先覆盖 Docker、Vercel、Cloudflare 与 GitHub Actions 场景。用户提到 deploy、Dockerfile、workflow、CI、CD、environment variables、build pipeline、release config 时都应触发。
Gh CLI
CaoMeiYouRen/caomei-auth
使用 GitHub CLI（gh）处理仓库、issue、pull request、workflow、project、release、codespace、gist、search、api、auth、config、alias、secret、variable、extension、ruleset 和 status 等命令行操作时使用。用户提到 gh、gh cli、GitHub CLI、gh…
Backend Expert
CaoMeiYouRen/caomei-auth
设计或实现后端 API、服务层、数据库读写、鉴权权限控制、输入校验、事务处理与错误处理时使用。用户提到 API、route、handler、server、auth、permission、drizzle、database、zod、Hono、Nuxt server routes、backend bug 修复时都应触发。
Related
Categories
Questions about Nuxt Code Editor
What does Nuxt Code Editor do?
设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。. Nuxt Code Editor is an agent skill from CaoMeiYouRen/caomei-auth.
When should I use Nuxt Code Editor?
Nuxt Code Editor fits situations like: tasks that involve Internationalization; tasks that involve CSS and styling; tasks that involve Forms and validation.
How do I install Nuxt Code Editor in Claude Code?
Run `npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a claude-code`. Or copy the skill folder (.github/skills/nuxt-code-editor in CaoMeiYouRen/caomei-auth) into .claude/skills/nuxt-code-editor in your project. Claude Code loads it when a task matches its description.
How do I install Nuxt Code Editor in Codex?
Run `npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a codex`. Or copy the skill folder (.github/skills/nuxt-code-editor in CaoMeiYouRen/caomei-auth) into .agents/skills/nuxt-code-editor in your project. Codex loads it when a task matches its description.
Can I use Nuxt Code Editor in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add CaoMeiYouRen/caomei-auth --skill nuxt-code-editor -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nuxt-code-editor, .gemini/skills/nuxt-code-editor, .github/skills/nuxt-code-editor and .opencode/skills/nuxt-code-editor in your project.
What does Nuxt Code Editor need to run?
SKILL.md names no scripts, command-line tools or credentials: Nuxt Code Editor is instructions for the agent only.
Does Nuxt Code Editor access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Nuxt Code Editor safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Nuxt Code Editor use?
Nuxt Code Editor is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Nuxt Code Editor use?
About 437 tokens (SKILL.md is roughly 1.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Nuxt Code Editor?
Skills that share tags, products or a category with Nuxt Code Editor: Regle Advanced (victorgarciaesgi/regle, 506 stars), Create Docs (victorgarciaesgi/nuxt-typed-router, 413 stars), Vue Component Development (gdarko/laravel-vue-starter, 145 stars) and Glycemicgpt UI Foundation (lumose-health/GlycemicGPT, 141 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Nuxt Code Editor?
CaoMeiYouRen (a GitHub user) maintains it in CaoMeiYouRen/caomei-auth, which has 220 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 1, 2026.
Source: CaoMeiYouRen/caomei-auth on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.