Skills
.Work. You
Rest

scaffold-frontend-page

Official

Instantly scaffold Nuxt 3 list pages

Software Engineering#frontend#vue#scaffolding#i18n#nuxt#pinia-colada#primevue
Authorbbvch-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building consistent, convention-compliant Nuxt 3 list pages for new web app resources requires hours of repetitive boilerplate coding for page structure, card components, data fetching composables, and translation keys, slowing down frontend development workflows.

Core Features & Use Cases

  • Generates full list pages with StructuralScreen/Column layout, card grid, create modal, and nested NuxtPage detail route outlet
  • Auto-creates matching resource card components and Pinia-Colada data fetching/mutation composables
  • Adds all required i18n translation keys across 4 supported locales (de, en, fr, it)
  • Use Case: For a Swiss AI-Hub web app team adding a new "pipeline" resource, this skill generates the complete list page, card component, composables, and translations in one go, strictly following existing project patterns like agents.vue and roles.vue.

Quick Start

Use the scaffold-frontend-page skill to generate a complete list page, card component, composables, and i18n keys for the "pipeline" resource.

Dependency Matrix

Required Modules

None required

Components

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: scaffold-frontend-page
Download link: https://github.com/bbvch-ai/aihub-core/archive/main.zip#scaffold-frontend-page

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.