Token导航 LogoToken导航TokenDH.com
开发规范只读github未标认证来源可访问clear审计未展示

vue-best-practicesVue 最佳实践

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

总安装

222

周安装

9

GitHub Stars

公开资料未说明

下载量

70
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:vue-best-practices(Vue 最佳实践)
来源仓库:https://github.com/prorise-cool/prorise-claude-skills
仓库路径:skills/vue-best-practices
安装命令:
npx skills add prorise-cool/prorise-claude-skills --skill "vue-best-practices"
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

AgentSkills.tonpx skills
npx skills add prorise-cool/prorise-claude-skills --skill "vue-best-practices"

简介

vue-best-practices 用于辅助前端开发,支持 React、Vue、Next.js 等框架的代码生成与审查。

  • 它适合整理组件结构、定位布局问题、优化样式逻辑,并提供构建与路由相关的技术指导。
  • 使用时需结合项目现有设计系统和构建方式,避免生成孤立片段;涉及页面改动应配合本地预览确认效果。
  • 安装前请确认是否会触发文件读写或构建命令,确保不影响项目稳定性。
  • 适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

SKILL.md

Capability Rules

RuleKeywordsDescription
extract-component-propsget props type, wrapper component, extend props, inherit props, ComponentPropsExtract types from.vue components
vue-tsc-strict-templatesundefined component, template error, strictTemplatesCatch undefined components in templates
fallthrough-attributesfallthrough, $attrs, wrapper componentType-check fallthrough attributes
strict-css-modulescss modules, $style, typoCatch CSS module class typos
data-attributes-configdata-*, strictTemplates, attributeAllow data-* attributes
volar-3-breaking-changesvolar, vue-language-server, editorFix Volar 3.0 upgrade issues
module-resolution-bundlercannot find module, @vue/tsconfig, moduleResolutionFix module resolution errors
define-model-update-eventdefineModel, update event, undefinedFix model update errors
with-defaults-union-typeswithDefaults, union type, defaultFix union type defaults
deep-watch-numericwatch, deep, array, Vue 3.5Efficient array watching
vue-directive-comments@vue-ignore, @vue-skip, templateControl template type checking
vue-router-typed-paramsroute params, typed router, unpluginFix route params typing

Efficiency Rules

RuleKeywordsDescription
hmr-vue-ssrhmr, ssr, hot reloadFix HMR in SSR apps
pinia-store-mockingpinia, mock, vitest, storeMock Pinia stores

Reference

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

windsurf

28.06%
按下载量换算20

OpenCode

21.14%
按下载量换算15

weavefox

17.48%
按下载量换算12

Codex

12.77%
按下载量换算9

Claude Code

7.33%
按下载量换算5

Antigravity

3.02%
按下载量换算2

安全审计

暂无安全审计结果可展示。

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills