Scaffold Nuxt 4 frontends with TailwindCSS and shadcn-vue.
npx skills add https://github.com/ydnikolaev/antigravity-factory --skill frontend-nuxt
Please help me install this Agent Skill. Skill: frontend-nuxt Source: https://github.com/ydnikolaev/antigravity-factory/tree/main/src/skills/frontend-nuxt Command: npx skills add https://github.com/ydnikolaev/antigravity-factory --skill frontend-nuxt
This skill helps frontend teams rapidly scaffold and maintain Nuxt 4 projects, delivering SSR/SPA hybrids with consistent design systems.
Initialize a Nuxt 4 project with TailwindCSS and shadcn-vue, then create a sample page that consumes a backend API.
High-intent search queries and answers about installing and using this skill.
Scaffolding a Nuxt 4 app with TailwindCSS and shadcn-vue involves initializing the project, integrating shared design tokens, and building accessible components. This enforces Composition API usage, no inline styles, and design-system alignment for rapid frontend construction.
The best way to structure a Nuxt 4 hybrid SSR and SPA frontend is by enforcing best practices like Composition API usage and design-system alignment. This approach covers architecture, components, styling, and API integration for consistent deployment.
Yes, building a design system with shadcn-vue components is fully supported. It integrates shared tokens and accessibility standards directly into the Nuxt 4 and TailwindCSS workflow, ensuring consistent UI components across SSR and SPA deployments.
Integrating backend APIs in a Nuxt 4 project using the Composition API involves setting up data fetching within the component lifecycle. This skill provides the architecture to rapidly consume APIs while maintaining strict design-system alignment and accessible components.
Yes, you can use TailwindCSS for styling in a Nuxt 4 project without inline styles. This approach strictly enforces no inline styles, relying instead on shared design tokens and accessible shadcn-vue components to maintain a consistent design system.
You need to enforce frontend best practices for Nuxt 4 development when rapidly scaffolding and maintaining SSR, SPA, or hybrid deployments. This ensures consistent design systems, accessible components, and robust workflows from initial setup to final handoff.
briosoemilioBuild server-rendered Vue apps with Nuxt routing and data fetching.
TheBushidoCollectiveOptimize React Native app performance with FlatList, memoization, and image loading.
dylantarreBuild token-driven Vue 3 components with the Composition API and TypeScript.
yarangProvides frontend architecture blueprints for React, Angular, and Node.js projects.
