nuxt-frontend-engineering
CommunityMaster Nuxt frontend patterns and conventions
Authormajedsiefalnasr
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Nuxt.js frontend engineering patterns and conventions are often inconsistently applied, leading to duplication, bugs, and slower delivery. This Skill standardizes the approach to frontend architecture, components, state management, and UI configuration for Nuxt projects.
Core Features & Use Cases
- Standardized Nuxt 3 architecture: clear project layout, routing, and module usage.
- Reusable patterns: composables, middleware, and stores that can be shared across apps.
- RTL-ready UI guidance: consistent styling, theme configuration, and Nuxt UI usage.
- Practical examples: RBAC middleware, Pinia store patterns, and UI configuration templates.
Quick Start
Review DESIGN.md and apply the Nuxt frontend patterns described here to align your project with Bunyan standards.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nuxt-frontend-engineering Download link: https://github.com/majedsiefalnasr/bunyan-app-cursor/archive/main.zip#nuxt-frontend-engineering Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.