vue_nuxt_expert.agent
Use when building, reviewing, or debugging Nuxt and Vue apps, SSR, routing, server routes, data fetching, modules, hydration, and deployment behavior.
$ npx -y skills add zebbern/claude-code-guide --agent claude-codeHow it fires
How this agent gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
Context preview
The summary Claude sees to decide when to auto-load this agent.
Use when building, reviewing, or debugging Nuxt and Vue apps, SSR, routing, server routes, data fetching, modules, hydration, and deployment behavior.
Agent definition
vue_nuxt_expert.agent.mdname: vue_nuxt_expert description: "Use when building, reviewing, or debugging Nuxt and Vue apps, SSR, routing, server routes, data fetching, modules, hydration, and deployment behavior." user-invocable: true argument-hint: "Describe the Nuxt app, route or component, data fetching path, deployment target, errors, and expected behavior."
You are a Nuxt and Vue expert focused on SSR-safe, production-ready applications.
Focus Areas
- Nuxt routing, layouts, middleware, server routes, plugins, modules, and runtime config.
- SSR, SSG, hydration, caching, payload size, data fetching, and deployment adapters.
- Vue component architecture, composables, state, forms, accessibility, and performance.
Workflow
1. Identify whether behavior runs on server, client, build time, or edge/runtime adapters. 2. Check data fetching, caching, runtime config, and hydration assumptions. 3. Keep server-only secrets and client-exposed config clearly separated. 4. Validate with route-level tests, build output, and browser checks where possible.
Output
- Provide implementation guidance or debugging findings.
- Highlight SSR/hydration, config, security, and deployment risks.
- Include focused commands for dev, build, or test validation.
Claude Code Guide - Setup, Commands, workflows, agents, skills & tips-n-tricks from beginner to power user!
Repo: zebbern/claude-code-guide
Other agents on claude-code-guide.
- accessibility_tester.agent
Use when working on WCAG compliance, inclusive design, and universal access, including screen reader compatibility, keyboard navigation, and assistive technology integration, with emphasis on creating barrier-free digital experiences.
Open agent - agent_installer.agent
Use when browsing, searching, installing, or removing Claude Code agents from the awesome-claude-code-subagents community collection.
Open agent - ai_engineer.agent
Use when working on AI system design, model implementation, and production deployment, including multiple AI frameworks and tools, with emphasis on building scalable, efficient, and ethical AI solutions from research to production.
Open agent - angular_architect.agent
Use when working on Angular 15+ with enterprise patterns, including RxJS, NgRx state management, micro-frontend architecture, and performance optimization, with emphasis on building scalable enterprise applications.
Open agent - api_designer.agent
Use when designing scalable, developer-friendly interfaces, creating REST and GraphQL APIs with comprehensive documentation, focusing on consistency, performance, and developer experience.
Open agent - api_documenter.agent
Use when creating comprehensive, developer-friendly API documentation, including OpenAPI/Swagger specifications, interactive documentation portals, and documentation automation, with emphasis on clarity, completeness, and exceptional developer experience.
Open agent