scaffold-frontend-subpage

What problem does it solve?

Manually building consistent nested tabbed detail pages in Nuxt frontends is time-consuming and prone to routing, navigation, and structural inconsistencies across different resources.

Core Features & Use Cases

• Automated File Generation: Creates all required files for tabbed detail pages, including the detail wrapper, individual tab content pages, data fetching composables, and i18n keys.
• Convention-Aligned Structure: Follows the project's established patterns for Nuxt nested routing, PrimeVue SelectButton tab navigation, StructuralColumn layout, and NavItem type definitions.
• Flexible Route Support: Handles both simple dynamic route parameters (e.g., [pipeline_id]) and compound identifiers (e.g., [agent_class]-[agent_id]) for different resource types.
• Use Case: For example, when adding a new detail page for connectors with overview, settings, and logs tabs, this skill automatically generates all required files following project conventions, eliminating manual boilerplate work.

Quick Start

Use the scaffold-frontend-subpage skill to create a tabbed detail page for the pipelines resource with overview and configuration tabs.