[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-onmax--nuxt-skills":3,"tool-onmax--nuxt-skills":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",148568,2,"2026-04-09T23:34:24",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",108111,"2026-04-08T11:23:26",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[52,13,15,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":32,"last_commit_at":59,"category_tags":60,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":67,"readme_en":68,"readme_zh":69,"quickstart_zh":70,"use_case_zh":71,"hero_image_url":72,"owner_login":73,"owner_name":74,"owner_avatar_url":75,"owner_bio":76,"owner_company":77,"owner_location":78,"owner_email":79,"owner_twitter":80,"owner_website":81,"owner_url":82,"languages":83,"stars":96,"forks":97,"last_commit_at":98,"license":79,"difficulty_score":32,"env_os":99,"env_gpu":100,"env_ram":100,"env_deps":101,"category_tags":110,"github_topics":79,"view_count":32,"oss_zip_url":79,"oss_zip_packed_at":79,"status":17,"created_at":111,"updated_at":112,"faqs":113,"releases":154},6114,"onmax\u002Fnuxt-skills","nuxt-skills","Vue, Nuxt, and NuxtHub skills for AI coding assistants.","nuxt-skills 是一套专为 AI 编程助手设计的技能包，旨在让 Claude Code、GitHub Copilot、Cursor 等主流工具更精通 Vue、Nuxt 及 NuxtHub 生态。在开发过程中，通用 AI 模型往往对特定框架的最新特性（如 Nuxt 4+ 路由、NuxtHub 多云存储或 Nuxt UI v4 组件）理解不够深入，导致生成的代码需要大量人工修正。nuxt-skills 通过提供标准化的上下文知识，有效解决了这一痛点，显著提升了 AI 生成代码的准确性和规范性。\n\n这套工具非常适合使用 Nuxt 框架进行全栈开发的前端工程师和团队。其核心亮点在于覆盖了从基础 Vue 组合式 API 到高级 Nuxt 模块开发、服务端路由、身份认证（Better Auth）乃至技术文档撰写的完整工作流。用户只需通过简单的命令行指令或手动复制，即可将专业技能“注入”到本地 AI 助手环境中。无论是构建高性能网站、开发可复用的 Nuxt 模块，还是编写类型安全的 TypeScript 库，nuxt-skills 都能让 AI 助手像经验丰富的框架专家一样协助你高效编码，大","nuxt-skills 是一套专为 AI 编程助手设计的技能包，旨在让 Claude Code、GitHub Copilot、Cursor 等主流工具更精通 Vue、Nuxt 及 NuxtHub 生态。在开发过程中，通用 AI 模型往往对特定框架的最新特性（如 Nuxt 4+ 路由、NuxtHub 多云存储或 Nuxt UI v4 组件）理解不够深入，导致生成的代码需要大量人工修正。nuxt-skills 通过提供标准化的上下文知识，有效解决了这一痛点，显著提升了 AI 生成代码的准确性和规范性。\n\n这套工具非常适合使用 Nuxt 框架进行全栈开发的前端工程师和团队。其核心亮点在于覆盖了从基础 Vue 组合式 API 到高级 Nuxt 模块开发、服务端路由、身份认证（Better Auth）乃至技术文档撰写的完整工作流。用户只需通过简单的命令行指令或手动复制，即可将专业技能“注入”到本地 AI 助手环境中。无论是构建高性能网站、开发可复用的 Nuxt 模块，还是编写类型安全的 TypeScript 库，nuxt-skills 都能让 AI 助手像经验丰富的框架专家一样协助你高效编码，大幅减少重复性的提示词工程工作。","> [!WARNING]\n> This repo may be replaced by [nuxt-skill.onmax.me](https:\u002F\u002Fnuxt-skill.onmax.me\u002F). Stay tuned.\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fonmax_nuxt-skills_readme_0f865ce5876e.webp\" alt=\"Nuxt Skills\" width=\"100%\">\n  \u003Cbr>\n  \u003Csub>Design inspired by \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FHugoRCD\">HugoRCD\u003C\u002Fa>'s work\u003C\u002Fsub>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">Vue, Nuxt, and NuxtHub skills for AI coding assistants.\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-claude-code.svg\" alt=\"Claude Code\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-copilot.svg\" alt=\"GitHub Copilot\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-codex.svg\" alt=\"OpenAI Codex\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-gemini.svg\" alt=\"Google Gemini\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-opencode.svg\" alt=\"OpenCode\">\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fnuxt\u002Fdiscussions\u002F34059\">\n    🔗 Related Nuxt RFC: Bundling Agent Skills in Nuxt Modules\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Installation\n\n```bash\nnpx skills add onmax\u002Fnuxt-skills\n```\n\nThe [`skills`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fskills) CLI auto-detects your installed agents and provides an interactive picker. Use `-g` for global (user-wide) or `-y` to install all skills.\n\nWorks with Claude Code, Cursor, Codex, OpenCode, GitHub Copilot, Antigravity, Roo Code, and more.\n\n### Claude Code Marketplace\n\nAn alternative for Claude Code users:\n\n```bash\n# Add marketplace\n\u002Fplugin marketplace add onmax\u002Fnuxt-skills\n\n# Install individual skills\n\u002Fplugin install vue@nuxt-skills\n\u002Fplugin install nuxt@nuxt-skills\n\n# Install multiple skills\n\u002Fplugin install vue@nuxt-skills nuxt@nuxt-skills nuxt-ui@nuxt-skills\n```\n\n### Manual Installation\n\nClone the repository and copy skill folders to your agent's skills directory:\n\n| Agent       | Project path       | Global path                 |\n| ----------- | ------------------ | --------------------------- |\n| Claude Code | `.claude\u002Fskills\u002F`  | `~\u002F.claude\u002Fskills\u002F`         |\n| Cursor      | `.cursor\u002Fskills\u002F`  | `~\u002F.cursor\u002Fskills\u002F`         |\n| Codex       | `.codex\u002Fskills\u002F`   | `~\u002F.codex\u002Fskills\u002F`          |\n| OpenCode    | `.opencode\u002Fskill\u002F` | `~\u002F.config\u002Fopencode\u002Fskill\u002F` |\n| Copilot     | `.github\u002Fskills\u002F`  | —                           |\n\n## Skills\n\n| Skill                         | Description                                                                             |\n| ----------------------------- | --------------------------------------------------------------------------------------- |\n| **vue**                       | Vue 3 Composition API, components, composables, testing                                 |\n| **nuxt**                      | Nuxt 4+ server routes, routing, middleware, config                                      |\n| **nuxt-modules**              | Creating Nuxt modules with defineNuxtModule, Kit utilities, testing                     |\n| **nuxthub**                   | NuxtHub v0.10 database, KV, blob, cache, multi-cloud                                    |\n| **nuxt-content**              | Nuxt Content v3 collections, queries, MDC rendering, NuxtStudio                         |\n| **nuxt-ui**                   | Nuxt UI v4 components, theming, forms, overlays, composables                            |\n| **nuxt-better-auth**          | Auth with @onmax\u002Fnuxt-better-auth, useUserSession, route protection, clientOnly         |\n| **reka-ui**                   | Reka UI headless Vue components, accessible primitives, props\u002Femits\u002Fslots               |\n| **document-writer**           | Writing documentation for Nuxt ecosystem - MDC, style, structure, code examples         |\n| **ts-library**                | TypeScript library authoring - exports, tsdown, API patterns, type tricks, CI           |\n| **motion**                    | Motion Vue animations - motion component, composables, scroll, gestures                 |\n| **vueuse**                    | VueUse composables - state, browser, sensors, network, animation utilities              |\n| **nuxt-seo**                  | Nuxt SEO meta-module - robots, sitemap, og-image, schema-org, site config               |\n| **vitest**                    | Vitest testing - test API, mocking, coverage, type testing, environments                |\n| **vite**                      | Vite build tool - config, plugins, HMR, SSR, library mode, performance                  |\n| **pnpm**                      | pnpm package manager - workspaces, catalogs, CLI commands, CI\u002FCD                        |\n| **tsdown**                    | tsdown bundler - TypeScript libraries, DTS generation, package validation               |\n| **tresjs**                    | TresJS 3D framework - TresCanvas, Cientos helpers, post-processing effects              |\n| **writing-web-documentation** | Write and review developer docs - page types, house style, templates, web-project rules |\n\n## How Skills Work\n\nSkills follow the [Agent Skills](https:\u002F\u002Fagentskills.io) open format. They can be activated in two ways:\n\n1. **Auto-discovery** — The agent reads each skill's `description` and loads it when relevant to your task\n2. **Manual invocation** — Type `\u002Fskill-name` (e.g., `\u002Fnuxt`) to explicitly load a skill\n\n| You're working on... | Agent may auto-load... |\n| -------------------- | ---------------------- |\n| `.vue` file          | `vue` skill            |\n| `server\u002Fapi\u002F` route  | `nuxt` skill           |\n| `nuxt.config.ts`     | `nuxt` skill           |\n| NuxtHub storage      | `nuxthub` skill        |\n| Auth\u002Flogin\u002Fsession   | `nuxt-better-auth`     |\n\n## Structure\n\nFollows [agentskills](https:\u002F\u002Fgithub.com\u002Fagentskills\u002Fagentskills) standard format.\n\n```\nnuxt-skills\u002F\n├── skills\u002F                 # Skills (agentskills format)\n│   ├── vue\u002F\n│   │   ├── SKILL.md        # Entry point with frontmatter\n│   │   └── references\u002F     # Sub-files loaded on-demand\n│   ├── nuxt\u002F\n│   ├── nuxt-modules\u002F\n│   ├── nuxthub\u002F\n│   ├── nuxt-content\u002F\n│   ├── nuxt-ui\u002F\n│   ├── nuxt-better-auth\u002F\n│   ├── reka-ui\u002F\n│   ├── document-writer\u002F\n│   ├── ts-library\u002F\n│   ├── motion\u002F\n│   ├── vueuse\u002F\n│   ├── nuxt-seo\u002F\n│   ├── vitest\u002F\n│   ├── vite\u002F\n│   ├── pnpm\u002F\n│   ├── tsdown\u002F\n│   ├── tresjs\u002F\n│   └── writing-web-documentation\u002F\n└── .claude-plugin\u002F\n    └── marketplace.json    # Claude Code marketplace\n```\n\n## Automated Maintenance\n\nSkills are kept up-to-date via GitHub Actions:\n\n| Workflow                  | Schedule              | Purpose                                                            |\n| ------------------------- | --------------------- | ------------------------------------------------------------------ |\n| **update-skills.yml**     | Weekly (Monday)       | Regenerates reka-ui, nuxt-ui, and vueuse docs from upstream        |\n| **skill-maintenance.yml** | Biweekly (1st & 15th) | Claude analyzes upstream changelogs, creates PRs if updates needed |\n\nThe maintenance workflow uses [claude-code-action](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-code-action) to intelligently detect breaking changes, new features, and deprecations from upstream sources.\n\n## Resources\n\n- [Agent Skills Spec](https:\u002F\u002Fagentskills.io) - Open format for extending AI agent capabilities\n- [Claude Code Skills](https:\u002F\u002Fcode.claude.com\u002Fdocs\u002Fen\u002Fskills) - Skills in Claude Code\n- [VS Code Agent Skills](https:\u002F\u002Fcode.visualstudio.com\u002Fdocs\u002Fcopilot\u002Fcustomization\u002Fagent-skills) - GitHub Copilot skills in VS Code\n- [GitHub Agent Skills Docs](https:\u002F\u002Fdocs.github.com\u002Fen\u002Fcopilot\u002Fconcepts\u002Fagents\u002Fabout-agent-skills) - About agent skills\n- [OpenCode Skills](https:\u002F\u002Fopencode.ai\u002Fdocs\u002Fskills\u002F) - Agent skills in OpenCode\n- [awesome-copilot](https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot) - Community collection of custom agents and prompts\n\n## Acknowledgments\n\n- **vue** skill gotchas from [vuejs-ai\u002Fskills](https:\u002F\u002Fgithub.com\u002Fvuejs-ai\u002Fskills) vue-best-practices (200+ rules)\n- **vitest**, **vite**, **pnpm**, **tsdown** skills from [@antfu](https:\u002F\u002Fgithub.com\u002Fantfu)'s [skills](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fskills)\n\n## License\n\nMIT\n","> [!WARNING]\n> 此仓库可能会被 [nuxt-skill.onmax.me](https:\u002F\u002Fnuxt-skill.onmax.me\u002F) 取代。敬请关注。\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fonmax_nuxt-skills_readme_0f865ce5876e.webp\" alt=\"Nuxt Skills\" width=\"100%\">\n  \u003Cbr>\n  \u003Csub>设计灵感来自 \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FHugoRCD\">HugoRCD\u003C\u002Fa> 的作品\u003C\u002Fsub>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">面向 AI 编码助手的 Vue、Nuxt 和 NuxtHub 技能。\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-claude-code.svg\" alt=\"Claude Code\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-copilot.svg\" alt=\"GitHub Copilot\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-codex.svg\" alt=\"OpenAI Codex\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-gemini.svg\" alt=\"Google Gemini\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fonmax\u002Fnuxt-skills\u002Fmain\u002F.github\u002Fbadge-opencode.svg\" alt=\"OpenCode\">\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fnuxt\u002Fdiscussions\u002F34059\">\n    🔗 相关 Nuxt RFC：在 Nuxt 模块中打包代理技能\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n## 安装\n\n```bash\nnpx skills add onmax\u002Fnuxt-skills\n```\n\n`skills` CLI 会自动检测您已安装的代理，并提供交互式选择器。使用 `-g` 可进行全局（用户范围）安装，或使用 `-y` 来安装所有技能。\n支持 Claude Code、Cursor、Codex、OpenCode、GitHub Copilot、Antigravity、Roo Code 等。\n\n### Claude Code 市场\n\n对于 Claude Code 用户，另一种方式是：\n\n```bash\n# 添加市场\n\u002Fplugin marketplace add onmax\u002Fnuxt-skills\n\n# 安装单个技能\n\u002Fplugin install vue@nuxt-skills\n\u002Fplugin install nuxt@nuxt-skills\n\n# 安装多个技能\n\u002Fplugin install vue@nuxt-skills nuxt@nuxt-skills nuxt-ui@nuxt-skills\n```\n\n### 手动安装\n\n克隆仓库并将技能文件夹复制到您的代理技能目录中：\n\n| 代理       | 项目路径       | 全局路径                 |\n| ----------- | ------------------ | --------------------------- |\n| Claude Code | `.claude\u002Fskills\u002F`  | `~\u002F.claude\u002Fskills\u002F`         |\n| Cursor      | `.cursor\u002Fskills\u002F`  | `~\u002F.cursor\u002Fskills\u002F`         |\n| Codex       | `.codex\u002Fskills\u002F`   | `~\u002F.codex\u002Fskills\u002F`          |\n| OpenCode    | `.opencode\u002Fskill\u002F` | `~\u002F.config\u002Fopencode\u002Fskill\u002F` |\n| Copilot     | `.github\u002Fskills\u002F`  | —                           |\n\n## 技能列表\n\n| 技能                         | 描述                                                                             |\n| ----------------------------- | --------------------------------------------------------------------------------------- |\n| **vue**                       | Vue 3 Composition API、组件、组合函数、测试                                 |\n| **nuxt**                      | Nuxt 4+ 服务器路由、路由、中间件、配置                                      |\n| **nuxt-modules**              | 使用 defineNuxtModule 创建 Nuxt 模块、Kit 工具、测试                     |\n| **nuxthub**                   | NuxtHub v0.10 数据库、KV、Blob、缓存、多云                                    |\n| **nuxt-content**              | Nuxt Content v3 集合、查询、MDC 渲染、NuxtStudio                         |\n| **nuxt-ui**                   | Nuxt UI v4 组件、主题化、表单、覆盖层、组合函数                            |\n| **nuxt-better-auth**          | 使用 @onmax\u002Fnuxt-better-auth 进行认证、useUserSession、路由保护、clientOnly         |\n| **reka-ui**                   | Reka UI 无头 Vue 组件、可访问性原语、props\u002Femits\u002Fslots               |\n| **document-writer**           | 为 Nuxt 生态系统编写文档——MDC、样式、结构、代码示例         |\n| **ts-library**                | TypeScript 库的编写——导出、tsdown、API 模式、类型技巧、CI           |\n| **motion**                    | Motion Vue 动画——motion 组件、组合函数、滚动、手势                 |\n| **vueuse**                    | VueUse 组合函数——状态、浏览器、传感器、网络、动画工具              |\n| **nuxt-seo**                  | Nuxt SEO 元模块——robots、站点地图、og-image、schema-org、站点配置               |\n| **vitest**                    | Vitest 测试——测试 API、模拟、覆盖率、类型测试、环境                |\n| **vite**                      | Vite 构建工具——配置、插件、HMR、SSR、库模式、性能                  |\n| **pnpm**                      | pnpm 包管理器——工作空间、目录、CLI 命令、CI\u002FCD                        |\n| **tsdown**                    | tsdown 打包工具——TypeScript 库、DTS 生成、包验证               |\n| **tresjs**                    | TresJS 3D 框架——TresCanvas、Cientos 辅助工具、后处理效果              |\n| **writing-web-documentation** | 编写和审查开发者文档——页面类型、内部风格、模板、Web 项目规则 |\n\n## 技能的工作原理\n\n技能遵循 [Agent Skills](https:\u002F\u002Fagentskills.io) 开放格式。它们可以通过两种方式激活：\n\n1. **自动发现**——代理会读取每个技能的 `description`，并在与您的任务相关时加载该技能。\n2. **手动调用**——输入 `\u002F技能名`（例如 `\u002Fnuxt`），即可显式加载该技能。\n\n| 您正在处理... | 代理可能会自动加载... |\n| -------------------- | ---------------------- |\n| `.vue` 文件          | `vue` 技能            |\n| `server\u002Fapi\u002F` 路由  | `nuxt` 技能           |\n| `nuxt.config.ts`     | `nuxt` 技能           |\n| NuxtHub 存储      | `nuxthub` 技能        |\n| 认证\u002F登录\u002F会话   | `nuxt-better-auth`     |\n\n## 结构\n\n遵循 [agentskills](https:\u002F\u002Fgithub.com\u002Fagentskills\u002Fagentskills) 标准格式。\n\n```\nnuxt-skills\u002F\n├── skills\u002F                 # 技能（agentskills 格式）\n│   ├── vue\u002F\n│   │   ├── SKILL.md        # 具有 frontmatter 的入口文件\n│   │   └── references\u002F     # 按需加载的子文件\n│   ├── nuxt\u002F\n│   ├── nuxt-modules\u002F\n│   ├── nuxthub\u002F\n│   ├── nuxt-content\u002F\n│   ├── nuxt-ui\u002F\n│   ├── nuxt-better-auth\u002F\n│   ├── reka-ui\u002F\n│   ├── document-writer\u002F\n│   ├── ts-library\u002F\n│   ├── motion\u002F\n│   ├── vueuse\u002F\n│   ├── nuxt-seo\u002F\n│   ├── vitest\u002F\n│   ├── vite\u002F\n│   ├── pnpm\u002F\n│   ├── tsdown\u002F\n│   ├── tresjs\u002F\n│   └── writing-web-documentation\u002F\n└── .claude-plugin\u002F\n    └── marketplace.json    # Claude Code 市场\n```\n\n## 自动化维护\n\n技能通过 GitHub Actions 保持最新：\n\n| 工作流                  | 定期执行 | 目的                                                            |\n| ------------------------- | ---------- | ------------------------------------------------------------------ |\n| **update-skills.yml**     | 每周（周一）       | 从上游仓库重新生成 reka-ui、nuxt-ui 和 vueuse 的文档        |\n| **skill-maintenance.yml** | 每两周一次（每月1日和15日） | Claude 分析上游的变更日志，如有需要则创建 Pull Request |\n\n维护工作流使用 [claude-code-action](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-code-action) 来智能检测来自上游源的重大变更、新功能以及弃用内容。\n\n## 资源\n\n- [Agent Skills 规范](https:\u002F\u002Fagentskills.io) - 用于扩展 AI 代理能力的开放格式\n- [Claude Code 技能](https:\u002F\u002Fcode.claude.com\u002Fdocs\u002Fen\u002Fskills) - Claude Code 中的技能\n- [VS Code 代理技能](https:\u002F\u002Fcode.visualstudio.com\u002Fdocs\u002Fcopilot\u002Fcustomization\u002Fagent-skills) - VS Code 中的 GitHub Copilot 技能\n- [GitHub 代理技能文档](https:\u002F\u002Fdocs.github.com\u002Fen\u002Fcopilot\u002Fconcepts\u002Fagents\u002Fabout-agent-skills) - 关于代理技能的介绍\n- [OpenCode 技能](https:\u002F\u002Fopencode.ai\u002Fdocs\u002Fskills\u002F) - OpenCode 中的代理技能\n- [awesome-copilot](https:\u002F\u002Fgithub.com\u002Fgithub\u002Fawesome-copilot) - 社区整理的自定义代理和提示集合\n\n## 致谢\n\n- **vue** 技能中的注意事项来自 [vuejs-ai\u002Fskills](https:\u002F\u002Fgithub.com\u002Fvuejs-ai\u002Fskills) 的 vue-best-practices（200 多条规则）\n- **vitest**、**vite**、**pnpm**、**tsdown** 技能来自 [@antfu](https:\u002F\u002Fgithub.com\u002Fantfu) 的 [skills](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fskills)\n\n## 许可证\n\nMIT","# nuxt-skills 快速上手指南\n\n`nuxt-skills` 是一套专为 AI 编程助手（如 Claude Code、GitHub Copilot、Cursor 等）设计的技能包，旨在提升 AI 在 Vue、Nuxt 及 NuxtHub 生态中的代码生成质量与上下文理解能力。\n\n## 环境准备\n\n- **系统要求**：支持 macOS、Linux 或 Windows（需安装 Node.js 环境）\n- **前置依赖**：\n  - 已安装任意支持的 AI 编程助手（如 Claude Code、Cursor、GitHub Copilot 等）\n  - 已安装 `Node.js` (推荐 v18+) 和 `npm`\u002F`pnpm`\n  - 确保已安装 [`skills`](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fskills) CLI 工具（通常随支持的 Agent 自动安装或可手动安装）\n\n> 💡 提示：国内开发者若遇到 npm 源访问慢的问题，建议切换至淘宝镜像源：\n> ```bash\n> npm config set registry https:\u002F\u002Fregistry.npmmirror.com\n> ```\n\n## 安装步骤\n\n### 方式一：使用 CLI 自动安装（推荐）\n\n运行以下命令，CLI 将自动检测你安装的 AI 助手并引导选择：\n\n```bash\nnpx skills add onmax\u002Fnuxt-skills\n```\n\n- 添加 `-g` 参数可进行全局安装（对所有项目生效）：\n  ```bash\n  npx skills add onmax\u002Fnuxt-skills -g\n  ```\n- 添加 `-y` 参数可跳过交互，直接安装所有技能：\n  ```bash\n  npx skills add onmax\u002Fnuxt-skills -y\n  ```\n\n### 方式二：Claude Code 用户专属（通过 Marketplace）\n\n如果你使用的是 Claude Code，也可通过其插件市场安装：\n\n```bash\n# 添加市场源\n\u002Fplugin marketplace add onmax\u002Fnuxt-skills\n\n# 安装单个技能\n\u002Fplugin install vue@nuxt-skills\n\u002Fplugin install nuxt@nuxt-skills\n\n# 一次性安装多个技能\n\u002Fplugin install vue@nuxt-skills nuxt@nuxt-skills nuxt-ui@nuxt-skills\n```\n\n### 方式三：手动安装（高级用户）\n\n克隆仓库并将对应技能文件夹复制到你的 AI 助手技能目录：\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills.git\n```\n\n根据你使用的 Agent，复制 `skills\u002F` 下的对应文件夹到以下路径之一：\n\n| Agent       | 项目级路径           | 全局路径                     |\n| ----------- | -------------------- | ---------------------------- |\n| Claude Code | `.claude\u002Fskills\u002F`    | `~\u002F.claude\u002Fskills\u002F`          |\n| Cursor      | `.cursor\u002Fskills\u002F`    | `~\u002F.cursor\u002Fskills\u002F`          |\n| Codex       | `.codex\u002Fskills\u002F`     | `~\u002F.codex\u002Fskills\u002F`           |\n| OpenCode    | `.opencode\u002Fskill\u002F`   | `~\u002F.config\u002Fopencode\u002Fskill\u002F`  |\n| Copilot     | `.github\u002Fskills\u002F`    | —                            |\n\n例如，为 Cursor 全局安装 `nuxt` 技能：\n```bash\ncp -r nuxt-skills\u002Fskills\u002Fnuxt ~\u002F.cursor\u002Fskills\u002F\n```\n\n## 基本使用\n\n安装完成后，技能将根据你的工作内容**自动激活**，也可**手动调用**。\n\n### 自动激活示例\n\n当你在项目中编辑以下文件时，AI 会自动加载对应技能：\n\n- 编辑 `.vue` 文件 → 自动加载 `vue` 技能\n- 编写 `server\u002Fapi\u002F` 路由 → 自动加载 `nuxt` 技能\n- 修改 `nuxt.config.ts` → 自动加载 `nuxt` 技能\n- 操作 NuxtHub 存储 → 自动加载 `nuxthub` 技能\n- 处理登录\u002F会话逻辑 → 自动加载 `nuxt-better-auth` 技能\n\n### 手动调用示例\n\n在聊天窗口中输入 `\u002F技能名` 即可显式加载特定技能：\n\n```text\n\u002Fnuxt 请帮我创建一个带有中间件的用户认证路由\n```\n\n```text\n\u002Fvue 如何用 Composition API 重写这个组件？\n```\n\n```text\n\u002Fnuxt-ui 生成一个带表单验证的登录页面\n```\n\n技能加载后，AI 将基于该领域的最佳实践提供更精准、符合规范的代码建议。","一位全栈开发者正使用 Cursor 或 Claude Code 快速构建一个基于 Nuxt 4 和 NuxtHub 的多云博客平台，需要实现从数据库连接、服务端路由到内容渲染的完整功能。\n\n### 没有 nuxt-skills 时\n- AI 助手常混淆 Vue 2 Options API 与 Vue 3 Composition API，生成的代码包含过时的 `this` 用法或错误的生命周期钩子。\n- 在配置 NuxtHub 的 KV 存储或 Blob 对象时，模型因缺乏最新文档知识，频繁写出无法运行的伪代码或错误的初始化逻辑。\n- 处理 Nuxt Content v3 的集合查询时，AI 往往忽略 MDC 渲染规范，导致生成的组件结构混乱且不符合生态标准。\n- 开发者不得不花费大量时间手动修正 AI 生成的代码，反复提示上下文规则，严重打断开发心流。\n\n### 使用 nuxt-skills 后\n- AI 自动锁定 Vue 3 组合式 API 最佳实践，直接输出符合 `\u003Cscript setup>` 语法的高质量组件与 Composables。\n- 调用 NuxtHub 技能时，助手能精准生成包含 `useStorage` 或 `useKV` 的正确服务端代码，完美适配多云环境配置。\n- 针对 Nuxt Content 的需求，AI 严格遵循 v3 版本的查询语法与 MDC 渲染结构，确保内容模块开箱即用。\n- 开发者只需描述业务意图，nuxt-skills 即可让 AI 充当资深 Nuxt 专家，显著减少调试时间并提升代码一致性。\n\nnuxt-skills 通过将官方最佳实践注入 AI 上下文，彻底消除了大模型在 Nuxt 生态中的“幻觉”，让智能编码真正达到生产级可用标准。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fonmax_nuxt-skills_6bb5704e.png","onmax","Max","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fonmax_c4a092bb.jpg","Breaking things. Commits are my own.","@nimiq","Lund, Sweden",null,"_onmax","https:\u002F\u002Fonmax.me","https:\u002F\u002Fgithub.com\u002Fonmax",[84,88,92],{"name":85,"color":86,"percentage":87},"TypeScript","#3178c6",98.5,{"name":89,"color":90,"percentage":91},"JavaScript","#f1e05a",1,{"name":93,"color":94,"percentage":95},"Shell","#89e051",0.5,624,26,"2026-04-08T22:57:48","Linux, macOS, Windows","未说明",{"notes":102,"python":100,"dependencies":103},"该工具并非独立运行的 AI 模型，而是一组针对现有 AI 编程助手（如 Claude Code, Cursor, GitHub Copilot 等）的‘技能’配置文件集合。因此没有特定的操作系统、GPU、内存或 Python 版本要求，其运行环境完全取决于用户已安装的 AI 代理工具。安装方式包括使用 `npx skills` 命令行工具、Claude Code 插件市场或手动复制文件到对应代理的配置目录。",[104,105,106,107,108,109],"skills CLI","Claude Code","GitHub Copilot","Cursor","OpenCode","Codex",[52,13],"2026-03-27T02:49:30.150509","2026-04-10T11:23:30.634279",[114,119,124,129,134,139,144,149],{"id":115,"question_zh":116,"answer_zh":117,"source_url":118},27679,"通过 Claude Code 安装后，运行 \u002Fskills 命令看不到任何技能列表怎么办？","这是因为早期的 marketplace.json 配置缺失了 skills 数组。请执行以下步骤修复：\n1. 卸载旧的插件：\u002Fplugin uninstall vue@nuxt-skills（以及其他已安装的类似插件）\n2. 更新市场并重新安装：\n\u002Fplugin marketplace update nuxt-skills\n\u002Fplugin install nuxt-skills@nuxt-skills\n执行后所有技能应正常出现在 \u002Fskills 列表中。","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F2",{"id":120,"question_zh":121,"answer_zh":122,"source_url":123},27680,"如何在 Antigravity 中使用此插件？","Antigravity 是受支持的。只需在终端运行以下命令，CLI 会自动检测环境：\nnpx skills add onmax\u002Fnuxt-skills","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F25",{"id":125,"question_zh":126,"answer_zh":127,"source_url":128},27681,"这个技能包支持 gemini-cli 吗？","是的，它支持 gemini-cli。官方提供的 npx 命令适用于各种 AI Agent。只需按照 README 中的说明运行安装命令即可正常工作。","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F61",{"id":130,"question_zh":131,"answer_zh":132,"source_url":133},27682,"项目是否计划支持 VueUse 库？","是的，社区已经提出了相关建议并创建了 PR。目前的方案是通过脚本自动生成每个 Composable 的文档（包含示例、选项类型和返回类型），以便 AI Agent 能够逐步发现和使用这些功能。","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F27",{"id":135,"question_zh":136,"answer_zh":137,"source_url":138},27683,"Nuxt UI 技能中关于配置的内容太多，导致 AI 生成代码时使用了自定义 CSS 类而不是语义化类，如何解决？","维护者已决定弃用当前的 Nuxt UI 技能，转而推荐使用官方技能（见 Issue #59）。建议在提示词中明确指示 AI：不要使用自定义颜色类（如 text-gray-600），而是复用 Nuxt UI 的语义化令牌（如 text-muted），并参考官方 CSS 变量文档。","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F57",{"id":140,"question_zh":141,"answer_zh":142,"source_url":143},27684,"我的项目不使用 UnoCSS，但 AI 总是生成包含 UnoCSS 的代码，该如何处理？","这是一个已知问题，AI 容易被技能描述中的通用指令误导。虽然理想情况下将 UnoCSS 指令从主组件技能中分离出来会更好，但目前建议用户如果不需要该功能，可以手动移除相关部分，或者等待后续版本对技能进行更细粒度的拆分以支持自动更新。","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F24",{"id":145,"question_zh":146,"answer_zh":147,"source_url":148},27685,"技能文档中提到的路由命名约定（如 users.edit.vue）在 Nuxt v4 官方文档中找不到，这是正确的吗？","该问题已被确认并修复。这种命名约定主要与 unplugin-vue-router 相关，维护者已根据反馈更新了相关技能文档以确保准确性。","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F40",{"id":150,"question_zh":151,"answer_zh":152,"source_url":153},27686,"未来是否会添加 TresJS (PostProcessing 和 Cientos) 的相关技能？","维护者表示可以添加，但正在探索一种新的解决方案：让各个库自行构建和分发它们自己的技能文件（类似于文档维护模式），这样能确保持续更新和维护。","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fnuxt-skills\u002Fissues\u002F54",[]]