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.
npx skills add 2428424081cn/Skill-mcp --skill vue3-pinia-compositiongit clone --depth 1 https://github.com/2428424081cn/Skill-mcpWrote 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/skills/2428424081cn/skill-mcp/vue3-pinia-composition)<a href="https://agentmods.dev/skills/2428424081cn/skill-mcp/vue3-pinia-composition"><img src="https://agentmods.dev/badge/skills/2428424081cn/skill-mcp/vue3-pinia-composition/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/skills/2428424081cn/skill-mcp/vue3-pinia-composition"><img src="https://agentmods.dev/badge/skills/2428424081cn/skill-mcp/vue3-pinia-composition.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.00036 | $0.00480 |
| Opus 5 | $0.00018 | $0.00240 |
| Sonnet 5 | $0.00007 | $0.00096 |
| Haiku 4.5 | $0.00004 | $0.00048 |
Grade A, and why
vue3-pinia-composition 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 12d 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 3 组合式 API 与 Pinia 架构规范
1. 响应式铁律 (Reactivity Rules)
- 优先使用
ref()：对于基本类型和普通对象，优先统一使用ref()，避免reactive()在解构赋值时丢失响应性。 - 禁止直接解构 Store：Pinia Store 状态必须使用
storeToRefs()解构，Actions 可直接解构：const userStore = useUserStore(); // ❌ 错误：会破坏响应性 const { profile, isLoggedIn } = userStore; // ✅ 正确：保持响应性 const { profile, isLoggedIn } = storeToRefs(userStore); const { login, logout } = userStore; // actions 保持引用 - 函数式 Setup Store：Pinia 推荐采用与
<script setup>风格一致的函数式写法：
import { defineStore } from 'pinia';
import { ref, computed } from 'vue';
export const useUserStore = defineStore('user', () => {
const token = ref<string | null>(null);
const user = ref<UserProfile | null>(null);
const isAuthenticated = computed(() => !!token.value);
async function fetchCurrentUser() {
if (!token.value) return;
user.value = await api.getUser();
}
function clearSession() {
token.value = null;
user.value = null;
}
return { token, user, isAuthenticated, fetchCurrentUser, clearSession };
});
2. 组合式函数 (Composable) 规范
- 命名统一以
use...开头（如usePagination.ts,useWebSocket.ts）。 - 总是返回纯对象，包含响应式
Ref与操作函数。 - 必须处理组件卸载生命周期，在
onUnmounted()中清理定时器与事件监听器。
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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.
- 12d ago First seen · 50 lines · 36 tokens per session scan A fb0e8c3940a5
vue3-pinia-composition is a skill published in the GitHub repository 2428424081cn/Skill-mcp (1 stars, last pushed 18d ago), licensed MIT. It adds 36 tokens to every session and 480 once invoked, about $0.0002 per session on Opus 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-31.
Other skills, from other repositories
shadcn-svelte
Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte catalog, or building Svelte web UIs with shadcn-svelte + Tailwind CSS components.
create-site
Creates a new Power Pages code site (SPA) using React, Angular, Vue, or Astro. Guides through the full process from initial concept to deployed site: requirements discovery, scaffolding, component planning, design, implementation, validation, and deployment. Use when the user wants to create, build, or scaffold a new…
v3-create-crud
A page generator for standard create, read, update, and delete screens, commonly called CRUD screens. It uses Element Plus, a Vue user-interface library, to build tables, searches, pagination, forms, and delete confirmations.
v3-use-composables
Documentation for reusable Vue functions in a project, covering device detection, asynchronous dropdown data, loading screens, pagination, routing, themes, page titles, and watermarks.
moai-domain-uiux
UI/UX design systems specialist covering accessibility, icons, theming, design tokens, and user experience patterns. Use when working on design systems, WCAG compliance, ARIA patterns, or dark mode theming.
moai-domain-frontend
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.