qfai-prototyping

Generate a runnable UI, API, and DB skeleton from OpenAPI and route contracts.

3|Updated Dec 24, 2025
One-click install
npx skills add https://github.com/aganesy/QFAI --skill qfai-prototyping
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qfai-prototyping
Source: https://github.com/aganesy/QFAI/tree/main/packages/qfai/assets/init/.qfai/assistant/skills/qfai-prototyping
Command: npx skills add https://github.com/aganesy/QFAI --skill qfai-prototyping

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of quickly establishing a functional, end-to-end skeleton of an application based on predefined contracts, enabling early development and testing before full feature implementation.

Core Features & Use Cases

  • Contract-Driven Skeleton Generation: Creates a minimal runnable application slice (UI, API, DB) directly from contract definitions.
  • Early Development Enablement: Provides a foundational structure for developers to start local testing and integration.
  • Use Case: A team has defined OpenAPI specs for their new API and UI routes. This Skill generates the basic project structure, placeholder pages, and stubbed API endpoints so the frontend and backend teams can begin working in parallel.

Quick Start

Use the qfai-prototyping skill to build a minimal runnable skeleton based on the project's contracts.

Frequently Asked Questions about qfai-prototyping

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

FAQPage Schema
How do I generate a runnable application skeleton from OpenAPI and UI contracts?

Generating a runnable application skeleton from contracts involves building a minimum vertical slice with UI, API, and DB placeholders. This provides a foundational structure for parallel frontend and backend local development startup.

What is contract-driven skeleton generation for early development?

Contract-driven skeleton generation is the process of creating a minimal runnable application slice from predefined specifications. It establishes a functional end-to-end structure to enable early testing and parallel team workflows before full feature implementation.

Can I use contract skeletons to prepare for ATDD and TDD automation?

Yes, you can use contract skeletons to prepare for ATDD and TDD automation. The generated UI, API, and DB slices provide a minimum runnable structure supporting basic navigation, aligning with OpenAPI and UI route specifications for immediate testing.

Does prototyping from contracts support parallel frontend and backend development?

Prototyping from contracts supports parallel frontend and backend development by generating placeholder pages and stubbed API endpoints from OpenAPI specs and UI routes. This allows separate teams to begin local testing and integration immediately.

What is the best way to start local testing before full feature implementation?

The best way to start local testing before full feature implementation is to build a minimal runnable vertical slice from defined contracts. This provides basic navigation and interaction capabilities, ensuring alignment with OpenAPI and UI route specifications.