vue3-project-standardVue 3 + TypeScript 项目的完整工程规范,涵盖项目结构、组件设计、Composables、路由、Pinia 状态管理、API 层、错误处理、测试和性能优化。当用户在 Vue 项目中创建、修改组件或模块,涉及架构设计、代码编写时自动激活。
Install via ClawdBot CLI:
clawdbot install bovinphang/vue3-project-standardGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 2, 2026
使用 Vue 3 + TypeScript 和 Pinia 开发包含用户管理、订单处理和仪表盘的中后台系统,遵循模块化结构,将页面、布局、业务功能分离,确保代码可维护性和可扩展性。
项目需支持多语言,利用 locales 目录和 vue-i18n 实现中英文切换,同时使用 features 目录按订单、商品、支付等业务领域划分模块,配合 Pinia 管理购物车状态。
利用 styles/themes 目录通过 CSS 变量实现亮色/暗色主题切换,结合 composables 管理主题状态,并在组件中引用变量而非硬编码颜色,提升用户体验和可配置性。
在 pages/ 下创建独立页面,配合 composables 处理数据获取和轮询,使用 services/ 封装 API 请求,并利用 vue-router 进行页面路由管理,确保实时数据展示的流畅性。
将旧项目中的混入和全局状态迁移到 Vue 3 的组合式 API 和 Pinia,按照项目结构重组文件,引入 TypeScript 类型,提升代码健壮性和团队协作效率。
为客户定制开发中后台或电商前端,基于 Vue 3 项目标准快速搭建架构,减少技术债务,提升交付质量。
构建 SaaS 平台的 Web 前端,通过多租户和主题定制功能吸引客户,按月或年收取订阅费。
为其他团队提供 Vue 3 项目规范咨询和培训服务,帮助企业建立标准化开发流程。
💬 Integration Tip
推荐结合 Vite 作为构建工具,并配合 ESLint 和 Prettier 保证代码风格一致。对于大型项目,还可集成 Monorepo 工具(如 Turborepo)管理多包依赖。
Scored Apr 19, 2026
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
Systematic code review patterns covering security, performance, maintainability, correctness, and testing — with severity levels, structured feedback guidance, review process, and anti-patterns to avoid. Use when reviewing PRs, establishing review standards, or improving review quality.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Provides a 7-step debugging protocol plus language-specific commands to systematically identify, verify, and fix software bugs across multiple environments.
Control and operate Opencode via slash commands. Use this skill to manage sessions, select models, switch agents (plan/build), and coordinate coding through Opencode.
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions