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 Jul 2, 2026
Control desktop applications on Windows — launch, close, focus, resize, move windows, simulate keyboard/mouse input, manage processes, control VSCode, read clipboard, and capture screen info. Use when the user wants to interact with any running program, switch windows, type text, press shortcuts, open files in VSCode, manage running processes, or get system display information.
Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Pragmatic coding standards for writing clean, maintainable code — naming, functions, structure, anti-patterns, and pre-edit safety checks. Use when writing new code, refactoring existing code, reviewing code quality, or establishing coding standards.
Claude Code integration for OpenClaw. This skill provides interfaces to: - Query Claude Code documentation from https://code.claude.com/docs - Manage subagents and coding tasks - Execute AI-assisted coding workflows - Access best practices and common workflows Use this skill when users want to: - Get help with coding tasks - Query Claude Code documentation - Manage AI-assisted development workflows - Execute complex programming tasks
Plan, draft, version, and refine written content with enforced versioning and quality audits.