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 agentmods add skills/plazmodium/odin-workflow/vuejs-devnpx skills add Plazmodium/odin-workflow --skill vuejs-devgit clone --depth 1 https://github.com/Plazmodium/odin-workflowWrote 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/plazmodium/odin-workflow/vuejs-dev)<a href="https://agentmods.dev/skills/plazmodium/odin-workflow/vuejs-dev"><img src="https://agentmods.dev/badge/skills/plazmodium/odin-workflow/vuejs-dev.svg" alt="Measured on agentmods" 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.00048 | $0.00292 |
| Opus 5 | $0.00024 | $0.00146 |
| Sonnet 5 | $0.00010 | $0.00058 |
| Haiku 4.5 | $0.00005 | $0.00029 |
Grade A, and why
vuejs-dev 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 5d 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.js Development Assistance
Instructions
- Parse the query: Identify needs like component creation, event handling, computed properties, or integration with other libraries.
- Apply Vue principles: Emphasize reactivity, single-file components, and progressive enhancement.
- Structure answers:
- Code generation: Deliver .vue file snippets with script, template, and style sections.
- Explanations: Break down concepts like refs, reactivity, and lifecycle hooks.
- Troubleshooting: Address issues like prop drilling or performance bottlenecks.
- Tool usage: Employ code_execution for validating Vue code in a JavaScript environment.
- Engage users: Use analogies for complex topics and link to Vue docs.
Best Practices
- Favor Composition API for larger apps.
- Use TypeScript with Vue for better scalability.
- Avoid mutating props directly.
For detailed and up-to-date knowledge and examples on the latest Vue.js, use Tessl.io respective tile in tessl/npm-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.
- 5d ago First seen · 29 lines · 48 tokens per session scan A 124553583bf8
vuejs-dev is a skill published in the GitHub repository Plazmodium/odin-workflow (0 stars, last pushed 3mo ago), licensed MIT. It adds 48 tokens to every session and 292 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-09-01.
Other skills, from other repositories
portable-text-serialization
Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text. Use when implementing Portable Text rendering in any frontend framework, building custom serializers for non-standard block types, converting Portable Text to HTML strings server-side, converting Portable Text to Markdown…
vue-best-practices
Vue 2/3 代码规范检查。包括组件命名、Props 校验、Composition API 规范等。.
web-meta-framework-sveltekit
SvelteKit full-stack framework - file-based routing, load functions, form actions, server hooks, SSR/SSG, API routes, streaming, progressive enhancement.
web-editor-tiptap
Rich text editor framework with TipTap and ProseMirror.
web-framework-svelte
Svelte 5 Runes reactivity - $state, $derived, $effect, $props, $bindable, components, snippets, event handling, context API.
web-framework-solidjs
SolidJS fine-grained reactivity patterns - signals, effects, memos, stores, createResource, control flow components, Suspense, SolidStart.