V3 Admin Vite is a Vue 3 administrative dashboard template built with Vite, TypeScript, Element Plus, Pinia, Vue Router, and Axios. Developers use it as a starting point for creating web-based administration interfaces, and it is designed to support AI-assisted coding tools. The catalogue entries are skills, rules, and instructions for working with the template.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/un-pany/v3-admin-viteWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/rules/un-pany/v3-admin-vite/vue)<a href="https://agentmods.dev/rules/un-pany/v3-admin-vite/vue"><img src="https://agentmods.dev/badge/rules/un-pany/v3-admin-vite/vue/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/rules/un-pany/v3-admin-vite/vue"><img src="https://agentmods.dev/badge/rules/un-pany/v3-admin-vite/vue.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00816 | $0.00816 |
| Opus 5.5 | $0.00326 | $0.00326 |
| Sonnet 5.5 | $0.00163 | $0.00163 |
| Haiku 4.5 | $0.00082 | $0.00082 |
Grade A, and why
vue scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Vue 开发规范
代码风格
- 组件: 使用单文件组件 (SFC)
- API: 使用组合式 API (Composition API) 并搭配
<script setup>语法糖 - 语法: 没有特殊说明则使用 TS 进行开发
<script setup lang="ts">
命名
- 组件 (Component) 命名: 始终采用单词大写开头 (PascalCase) 的命名方式, 并且避免与 HTML 元素冲突
- 组件 (Component) 命名示例: 以全局的
SearchMenu组件@@/components/SearchMenu/index.vue和@@/components/SearchMenu/Modal.vue作为参考，注意index是不需要遵循大驼峰格式的 - 页面 (Page) 命名: 始终采用短横线连接 (kebab-case) 的命名方式
- 页面 (Page) 命名示例: 以增删改查示例页面作为参考
@/pages/demo/element-plus/index.vue - 组合式函数 (Composable) 命名: 始终采用小驼峰 (camelCase) 的命名方式
- 组合式函数 (Composable) 命名示例: 以水印组合式函数作为参考
@@/composables/useWatermark.ts - Props 命名: 在声明 prop 的时候，其命名应该始终采用小驼峰 (camelCase)，而在模板和 JSX 中应该始终采用短横线连接 (kebab-case)
- Props 命名示例: 声明时
const { isActive = false } = defineProps<Props>()和传递时<Demo :is-active="true" /> - TS 或 JS 文件命名: 始终采用短横线连接 (kebab-case) 的命名方式
- TS 或 JS 文件命名示例:
@@/constants/app-key.ts
API
- 定义响应式变量时优先使用
ref而非reactive - 复杂的模板表达式则应该重构为计算属性或方法
- 尽量避免侦听器的循坏触发，防止进入死循环
Props
- Prop 定义应该尽量详细，包括类型、必传、默认值
- 如果是使用了 TS 那么应该使用「基于类型的声明」，默认值则使用「响应式 Props 解构」，示例:
const { isActive = false } = defineProps<Props>()
路由
- 对应目录:
@/router - 路由名称必须与组件名称保持一致
- 路由守卫逻辑缜密，非必要不修改
状态管理
- 对应目录:
@/pinia - 按模块划分 Store
- 优先使用 Setup Store 语法，而不是 Option Store 语法
- 避免无脑使用全局状态管理
样式
- 优先使用 Scoped CSS，示例:
<style scoped lang="scss"> - 尽可能避免使用
!important - 如果涉及到多主题，请考虑使用 CSS 变量，示例:
@@/assets/styles/variables.css
其他
- 避免直接操作 DOM
- 尽可能编写原子化组件
- 使用
v-for时必须提供唯一的key(不要轻易使用数组下标index当做key) - 不要在同一元素上同时使用
v-if和v-for
参考示例文件
src/pages/demo/element-plus/index.vue
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 67 lines · 816 tokens per session scan A 01f150298a53
vue is a cursor rule published in the GitHub repository un-pany/v3-admin-vite (7,063 stars, last pushed 3mo ago), licensed MIT. It adds 816 tokens to every session, about $0.0033 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other cursor rules, from other repositories
20-frontend
Vue3 + Element Plus frontend rules.
16-wechat-sdk
A set of rules for connecting a Laravel application to WeChat, a widely used Chinese messaging and services platform, through the EasyWeChat software library. It requires application code to use the project's WechatManager wrappers instead of calling the library directly.
15-config-center
Laravel rules for reading dynamic settings through a shared ConfigCenter service or helper instead of querying the settings database table directly. Settings are addressed with dot-separated paths and converted to the expected data types.
00-project
A project rule describing a lightweight administration system built with Laravel, Blade, Vue 3, and Element Plus.
99-guard
A Cursor rule file that marks certain folders as protected and limits some changes and dangerous operations.
10-backend
Backend development rules for Laravel Admin applications, including route locations, controller structure, permissions, API responses, and list filtering. Laravel is a PHP framework for building web applications.