fullstack

Generate feature checklists and scaffold files across the Vivreal stack.

Updated May 12, 2026
One-click install
npx skills add https://github.com/HillBombCreations/vivreal-skills --skill fullstack-hillbombcreations
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fullstack
Source: https://github.com/HillBombCreations/vivreal-skills/tree/main/vivreal-fullstack/skills/cmd-fullstack
Command: npx skills add https://github.com/HillBombCreations/vivreal-skills --skill fullstack-hillbombcreations

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of creating a comprehensive feature checklist for new features across the Vivreal stack, including proxy routes, backend services, frontend components, types, and E2E tests.

Core Features & Use Cases

  • Feature Checklist Generation: Automatically generates a checklist for implementing a new feature across the Vivreal stack.
  • Optional File Scaffolding: Optionally creates skeleton files for the checklist items, including types, proxy routes, backend controllers, backend services, frontend components, page routes, and E2E tests.
  • Upstream Service Mapping: Allows selection of the backend API to target, such as CMS, Secure, or Main, with specific configurations for each.
  • HTTP Method Selection: Enables selection of the HTTP method for the feature, such as GET, POST, PUT, or DELETE.
  • Use Case: When starting a new feature development, use this Skill to quickly set up the necessary components and documentation without manually creating each one.

Quick Start

Run the fullstack skill with the feature name 'new-feature' and specify the upstream service and HTTP method, e.g., '/fullstack new-feature --upstream=cms --method=POST'.

Frequently Asked Questions about fullstack

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

FAQPage Schema
How do I scaffold full-stack features across frontend and backend services at once?

Full-stack feature scaffolding is automated by generating a feature checklist and optional skeleton files, creating types, proxy routes, backend controllers, frontend components, page routes, and E2E tests simultaneously.

What is the best way to generate E2E tests and frontend components for a new feature?

Generating E2E tests and frontend components is handled by selecting optional file scaffolding during feature setup, which produces skeleton files for the entire stack including page routes and backend services.

How do I configure backend services scaffolding for different upstream APIs?

Backend services scaffolding is configured by selecting an upstream service like CMS, Secure, or Main, with specific settings applied based on the chosen upstream API and HTTP method.

Does fullstack feature scaffolding support different HTTP methods for backend controllers?

Feature scaffolding supports multiple HTTP methods including GET, POST, PUT, and DELETE, allowing backend controllers and proxy routes to be generated with the correct method configuration.

Can I generate a feature development checklist without creating skeleton files?

A feature development checklist can be generated independently without creating files, as the skeleton file generation for types, routes, and components is an optional step in the scaffolding process.

What do I need to start automating feature scaffolding across the Vivreal stack?

To start automating feature scaffolding, provide a feature name, specify the target upstream service, and select an HTTP method to generate the corresponding checklist and optional skeleton files.