nuxt-layout

Name: nuxt-layout
Availability: InStock
Author: ArtisanCloud

Generate RBAC-aware Nuxt navigation layouts and inject the app.vue template.

357|65|Updated Jul 29, 2022

Search Tags:#layout #frontend #rbac #nuxt #powerx

Ready to run

npx skills add https://github.com/ArtisanCloud/PowerX --skill nuxt-layout

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nuxt-layout
Source: https://github.com/ArtisanCloud/PowerX/tree/main/.codex/skills/frontend/nuxt/layout
Command: npx skills add https://github.com/ArtisanCloud/PowerX --skill nuxt-layout

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers need a consistent Nuxt front‑end layout that enforces RBAC permissions for menu navigation, ensuring UI elements match contract definitions across PowerX plugins.

Core Features & Use Cases

RBAC‑aware navigation: Generates navigation items with permission checks.
Template injection: Inserts a predefined Nuxt app shell into web-admin/app/app.vue.
Compliance gating: Enforces the PG-FE-RBAC-001 gate for menu visibility.

Quick Start

Run the nuxt‑layout skill to create the RBAC‑enabled navigation layout and apply it to the target Vue file.

Frequently Asked Questions about nuxt-layout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I implement RBAC-aware navigation in a Nuxt layout?▼

To implement RBAC-aware navigation in a Nuxt layout, you generate navigation items with permission checks that align menu definitions with contract-defined permissions. This enforces UI visibility rules across frontend plugins.

What is the PG-FE-RBAC-001 compliance gate for Nuxt frontend menus?▼

The PG-FE-RBAC-001 compliance gate is an enforcement mechanism for menu visibility in Nuxt layouts. It ensures generated navigation items strictly adhere to contract-defined RBAC permissions within the PowerX frontend.

How do I inject a predefined app shell into a Nuxt application?▼

You inject a predefined app shell into a Nuxt application by inserting a standardized template into the web-admin/app/app.vue file. This establishes a consistent layout foundation for RBAC-enabled navigation.

Does this Nuxt layout generation work with PowerX frontend plugins?▼

Yes, this Nuxt layout generation is designed specifically for PowerX frontend plugins. It applies standardized layout and menu definitions that enforce RBAC permissions across contract-defined plugin boundaries.

How do I enforce contract-defined permissions for menu visibility in Nuxt?▼

You enforce contract-defined permissions for menu visibility in Nuxt by applying the nuxt_layout.yaml ruleset and generating the app.vue template. This enforces required compliance gates for accurate RBAC navigation.