Nuxt Pages
Generates Nuxt.js pages based on prompts, streamlining development of Vue applications with pre-built layouts and components.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add nuxt-pages npx -- -y @trustedskills/nuxt-pages
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"nuxt-pages": {
"command": "npx",
"args": [
"-y",
"@trustedskills/nuxt-pages"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill, nuxt-pages, provides a framework for building web applications using Nuxt.js. It simplifies routing and page creation by automatically generating routes based on the directory structure within your project's pages folder. This allows developers to create dynamic and complex websites with ease.
When to use it
- Creating new Nuxt.js projects: This skill is essential for setting up a basic Nuxt.js application from scratch, providing the core routing functionality.
- Developing multi-page web applications: Ideal when you need more than just a single page;
nuxt-pageshandles navigation and content organization effectively. - Building websites with dynamic routes: When your website’s URLs are based on data or user input (e.g., product pages, blog posts), this skill simplifies route generation.
- Rapid prototyping of web interfaces: Quickly create functional prototypes by leveraging the automatic routing and page structure features.
Key capabilities
- Automatic Route Generation
- Page Component Structure
- Simplified Navigation
- Dynamic Routing Support
Example prompts
- "Create a new Nuxt.js project with
nuxt-pages." - "Generate a route for a blog post with the slug 'my-first-post'."
- "Show me the structure of a typical page component in a
nuxt-pagesapplication."
Tips & gotchas
- Requires familiarity with Nuxt.js concepts and Vue.js components.
- The directory structure within the
pagesfolder directly dictates the routes, so careful planning is needed for complex applications.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.