Nuxt Skills helps developers to efficiently build and optimize Vue.js applications with streamlined workflows. Unlock faster deployment and enhanced performance while leveraging best practices in your projects.
npx skills add sh/onmaxNuxt Skills helps developers to efficiently build and optimize Vue.js applications with streamlined workflows. Unlock faster deployment and enhanced performance while leveraging best practices in your projects.
Rapid development of Vue.js applications
SEO optimization for web projects
Improved site performance and load times
npx skills add sh/onmaxgit clone https://github.com/sh/onmaxCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Help me optimize my Nuxt.js application for [COMPANY]. I need to improve the performance of [INDUSTRY] application by implementing best practices. Provide a step-by-step guide with code examples.
# Nuxt.js Optimization Guide for [COMPANY]
## Performance Improvements
- **Lazy Loading**: Implement lazy loading for components to reduce initial load time.
```javascript
components: true,
buildModules: ['@nuxtjs/composition-api'],
// Lazy load components
components: {
'LazyComponent': () => import('@/components/LazyComponent.vue').then(m => m.default)
}
```
- **Code Splitting**: Use dynamic imports to split your code into smaller chunks.
```javascript
const MyComponent = () => import('@/components/MyComponent.vue').then(m => m.default)
```
- **Static Site Generation**: Leverage Nuxt's static site generation for faster load times.
```javascript
export default {
async asyncData({ $axios }) {
const data = await $axios.$get('/api/data')
return { data }
}
}
```
## Best Practices
- **Use Nuxt Modules**: Utilize Nuxt modules to extend functionality without reinventing the wheel.
- **Optimize Images**: Compress and optimize images using Nuxt Image Optimization module.
- **Server-Side Rendering**: Implement server-side rendering for better SEO and performance.Streamline talent acquisition with collaborative tools and customizable interview processes.
We create engaging workshops for companies and private events centred around plants, flowers and all things botanical.
Visualize user engagement with heatmaps and optimize designs through A/B testing.
Create and collaborate on interactive animations with powerful, user-friendly tools.
Create interactive prototypes with real-time collaboration and extensive component libraries.
Async video messaging for workplace communication
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan