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 kuku0922/awesome-ai-coding-enhance --skill vue3-generatorgit clone --depth 1 https://github.com/kuku0922/awesome-ai-coding-enhanceWrote 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/kuku0922/awesome-ai-coding-enhance/vue3-generator)<a href="https://agentmods.dev/skills/kuku0922/awesome-ai-coding-enhance/vue3-generator"><img src="https://agentmods.dev/badge/skills/kuku0922/awesome-ai-coding-enhance/vue3-generator/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/kuku0922/awesome-ai-coding-enhance/vue3-generator"><img src="https://agentmods.dev/badge/skills/kuku0922/awesome-ai-coding-enhance/vue3-generator.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.00035 | $0.01583 |
| Opus 5 | $0.00017 | $0.00792 |
| Sonnet 5 | $0.00007 | $0.00317 |
| Haiku 4.5 | $0.00003 | $0.00158 |
Grade A, and why
vue3-generator 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 11d 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.
How it starts
The opening of the file, as written. The whole thing — 205 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Vue 3 Project Generator
This skill should be used when you need to create a new Vue 3 frontend application with modern tooling and best practices. It generates complete, production-ready projects with proper structure, dependencies, configuration, and development tools.
When to Use This Skill
Use this skill in these scenarios:
- Starting a new Vue 3 project - Generate a complete project structure with modern tooling
- Building SPAs - Create single-page applications with Vue Router
- Developing TypeScript frontends - Generate projects with full TypeScript support
- Setting up component libraries - Create projects ready for component development
- Rapid prototyping - Quickly scaffold projects with common features pre-configured
- Modern frontend development - Use Vite for fast development and building
Quick Start
Basic Project Generation
To generate a Vue 3 project:
- Interactive Mode (Recommended for beginners):
skill: "vue3-generator" --interactive
- Direct Mode (For experienced users):
skill: "vue3-generator" --project-name "my-app" --project-type "spa"
Project Types
The generator supports these project types:
- spa: Single Page Application with Vue Router
- pwa: Progressive Web App with service worker
- component-lib: Component library with Vite library mode
- admin-dashboard: Admin dashboard with common UI patterns
Workflow
Step 1: Environment Setup
The skill first checks and sets up the Node.js environment:
- Node Version Check: Priority order: fnm → nvm → direct node
- Version Validation: Ensure Node.js version meets Vue 3 requirements
- Tool Installation: Verify pnpm is installed and available
Step 2: Version Querying
The skill queries the latest stable versions:
- Vue 3: Latest stable version from npm registry
- TypeScript: Latest stable version compatible with Vue 3
- Vite: Latest stable version
- Vue Router: Latest version compatible with Vue 3
- Pinia: Latest version compatible with Vue 3
- Build Tools: Latest versions of development dependencies
What ships with it
7 files 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.
- 11d ago First seen · 205 lines · 35 tokens per session scan A a402d6ac6736
vue3-generator is a skill published in the GitHub repository kuku0922/awesome-ai-coding-enhance (3 stars, last pushed 9mo ago), licensed MIT. It adds 35 tokens to every session and 1,583 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
cc-frontend-dev
Frontend development guidance covering Vue 3, user-interface style, and TypeScript.
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
coding-standards
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
claude-api
Anthropic Claude API patterns for Python and TypeScript. Covers Messages API, streaming, tool use, vision, extended thinking, batches, prompt caching, and Claude Agent SDK. Use when building applications with the Claude API or Anthropic SDKs.
coding-standards
A set of general coding standards and practical patterns for TypeScript, JavaScript, React, and Node.js. It covers readable naming, simple designs, avoiding repetition, and delaying unnecessary features.
angular
Use when building, refactoring, or debugging Angular (v20/21+): standalone components, signals, zoneless change detection, @if/@for/@defer control flow, inject() DI, resource()/httpResource(), RxJS interop, NgRx SignalStore, ng CLI. NOT React (that is react), NOT Next.js (that is nextjs), NOT a TypeScript language…