cabloy-frontend-scaffold

Select Zova scaffolding and refactor workflows for Cabloy frontend implementation paths.

970|131|Updated Jan 14, 2018
One-click install
npx skills add https://github.com/cabloy/cabloy --skill cabloy-frontend-scaffold
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cabloy-frontend-scaffold
Source: https://github.com/cabloy/cabloy/tree/main/.claude/skills/cabloy-frontend-scaffold
Command: npx skills add https://github.com/cabloy/cabloy --skill cabloy-frontend-scaffold

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps Cabloy developers avoid incomplete frontend implementation by guiding Zova page, component, API, model, route, and metadata workflows instead of relying on generic Vue patterns.

Core Features & Use Cases

  • Zova Scaffolding Guidance: Selects the appropriate create or refactor workflow for frontend pages, components, APIs, models, queries, params, and component contracts.
  • Frontend Follow-up Reviews: Ensures route, metadata, SSR, theme, icon, API/model, and verification considerations are checked after generation.
  • Use Case: A developer adding an invoice management page can use this Skill to choose the correct Zova generation path and identify the required follow-up steps before considering the feature complete.

Quick Start

Use the cabloy-frontend-scaffold skill to guide the Zova workflow for adding a new frontend page and the required follow-up checks.

Frequently Asked Questions about cabloy-frontend-scaffold

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

FAQPage Schema
How do I scaffold a new frontend page in Zova correctly?

To scaffold a Zova frontend page correctly, you must select the specific Zova generation path for pages instead of relying on generic Vue patterns. This ensures the generated structure is preserved and prevents incomplete frontend implementation. After generation, you must perform follow-up checks for routing, metadata, and SSR considerations.

What is the correct workflow for adding APIs and models in a Cabloy frontend?

The correct workflow for adding APIs and models in a Cabloy frontend involves using the Zova scaffolding generation path specifically designed for API and model contracts. This guides you through the creation process while ensuring frontend-first workflow selection and proper follow-up validation.

Why does my Zova component implementation fail SSR checks?

Zova component implementations fail SSR checks when generic Vue patterns are used instead of the Zova scaffolding workflow. You must select the frontend-first generation path and apply the required SSR-sensitive follow-up reviews to ensure server-side rendering compatibility.

Can I use standard Vue patterns for component contracts in Cabloy repositories?

You cannot use standard Vue patterns for component contracts in Cabloy repositories. You must use the Zova scaffolding workflow to generate components, queries, and params to preserve the generated structure and fulfill the frontend contract requirements.

What follow-up reviews are required after generating Zova frontend structures?

Required follow-up reviews after generating Zova frontend structures include checking route configurations, metadata, SSR sensitivity, theme and icon setups, and API/model integrations. Appropriate verification guidance must also be applied before considering the feature complete.