catalog/repos/0froq--skills.md

Vue/Vite智能技能集合

Agent Skills Vue Vite Nuxt 工具集合

froQ 的技能集

由 froQ 维护的精选 Agent Skills 合集，以及相关工具的使用文档。

Important

这是一个概念验证项目，用于从源文档生成 Agent 技能并保持同步。 我尚未完整测试这些技能在实际使用中的表现，因此非常欢迎反馈和贡献。

安装

pnpx skills add 0froq/skills --skill='*'

或全局安装所有技能：

pnpx skills add 0froq/skills --skill='*' -g

了解更多 CLI 用法请访问 skills。

技能列表

本合集旨在为主要使用 Vite/Nuxt 的开发者提供一站式技能库，收录了来自不同来源、覆盖不同范围的技能。

手动维护的技能

具有主观倾向性

由 Anthony Fu 根据其偏好的工具、配置规范和最佳实践手动维护。

技能	描述
antfu	Anthony Fu 针对应用/库项目的偏好和最佳实践（eslint、pnpm、vitest、vue 等）

从官方文档生成的技能

无主观倾向，但有一定侧重（如 TypeScript、ESM、Composition API 及其他现代技术栈）

从官方文档生成，并由 froQ 在此 Fork 中进行微调。

技能	描述	来源
vue	Vue.js 核心 - 响应式、组件、Composition API	vuejs/docs
nuxt	Nuxt 框架 - 基于文件的路由、服务端路由、模块	nuxt/nuxt
pinia	Pinia - 直观、类型安全的 Vue 状态管理	vuejs/pinia
vite	Vite 构建工具 - 配置、插件、SSR、库模式	vitejs/vite
vitepress	VitePress - 由 Vite 驱动的静态站点生成器	vuejs/vitepress
vitest	Vitest - 由 Vite 驱动的单元测试框架	vitest-dev/vitest
unocss	UnoCSS - 原子化 CSS 引擎、预设、转换器	unocss/unocss
pnpm	pnpm - 快速、节省磁盘空间的包管理器	pnpm/pnpm.io
conventionalcommits	约定式提交：核心规范语义与实用提交模式	conventional-commits/conventionalcommits.org

外部同步的技能

从维护自有技能的外部仓库同步而来。

技能	描述	来源
slidev（官方）	Slidev - 面向开发者的演示幻灯片	slidevjs/slidev
tsdown（官方）	tsdown - 由 Rolldown 驱动的 TypeScript 库打包工具	rolldown/tsdown
turborepo（官方）	Turborepo - 高性能 Monorepo 构建系统	vercel/turborepo
vueuse-functions（官方）	VueUse - 200+ Vue 组合式工具函数	vueuse/skills
vue-best-practices	Vue 3 + TypeScript 最佳实践	vuejs-ai/skills
vue-router-best-practices	Vue Router 最佳实践	vuejs-ai/skills
vue-testing-best-practices	Vue 测试最佳实践	vuejs-ai/skills
web-design-guidelines	构建精美界面的 Web 设计指南	vercel-labs/agent-skills

常见问题

这个合集有什么不同之处？

本合集具有一定的主观倾向性，但关键区别在于它使用 git 子模块直接引用源文档。这提供了更可靠的上下文，并使技能能够随时间推移与上游变化保持同步。如果你主要使用 Vue/Vite/Nuxt，这里旨在成为一个全面的一站式合集。

该项目还被设计为灵活可扩展——你可以将其作为模板来生成自己的技能合集。

Skills vs llms.txt vs AGENTS.md

在我看来，技能的价值在于可共享性和按需加载。

可共享性使提示词更易于跨项目管理和复用。按需加载意味着技能可以在需要时按需引入，其规模远超任何 Agent 上下文窗口一次能容纳的内容。

你可能听说过"AGENTS.md 比 skills 表现更好"。我认为这是事实——AGENTS.md 在启动时就加载所有内容，因此 Agent 总会遵守它；而技能可能存在漏召回的情况，即 Agent 在你期望它调用技能时没有调用。不过，我认为这更多是工具和集成层面的不足，会随时间改善。技能本质上只是一种供 Agent 消费的标准化格式——归根结底就是普通的 Markdown 文件，可以把它们理解为 Agent 的知识库。如果你希望某些技能始终生效，可以在 AGENTS.md 中直接引用它们。

生成你自己的技能

Fork 本项目以创建你自己的定制技能合集。

1. Fork 或克隆本仓库
2. 安装依赖：pnpm install
3. 在 meta.ts 中更新你自己的项目和技能来源
4. 运行 pnpm start cleanup 删除现有子模块和技能
5. 运行 pnpm start init 克隆子模块
6. 运行 pnpm start sync 同步外部技能
7. 让你的 Agent 执行 Generate skills for <项目名> （建议每次一个，以控制 token 用量）

详细生成指南请参阅 AGENTS.md。

赞助商

许可证

本仓库中的技能及脚本采用 MIT 许可证。

来自外部仓库的外部同步技能保留其原始许可证——详见各技能目录。