skills.rest
ArtisanCloud
ArtisanCloudOFFICIAL
Explore all skills by this author →
GitHub

nuxt-layout

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
One-click install
npx skills add https://github.com/ArtisanCloud/PowerX --skill nuxt-layout
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
pikacsspikacss

pikacss-expert

Guide PikaCSS API usage for engine configuration, styles, and plugins.

Official
Intermediate
adelabdelgawadadelabdelgawad

rbac-permission

Automate RBAC role, permission, and audit log management.

Community
Intermediate
majedsiefalnasrmajedsiefalnasr

governance-preamble

Define RBAC, layering, and error contract rules for Bunyan agents.

Community
Advanced
attentiondotnetattentiondotnet

azure-rbac

Identify minimal Azure RBAC roles and generate custom role definitions.

Community
Intermediate