app-builder

Generate fullstack app scaffolds with FastAPI, PostgreSQL, Redis, Alembic, and React.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/liushuang393/serverlessAIAgents --skill app-builder-liushuang393
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: app-builder
Source: https://github.com/liushuang393/serverlessAIAgents/tree/main/agentflow/skills/builtin/app-builder
Command: npx skills add https://github.com/liushuang393/serverlessAIAgents --skill app-builder-liushuang393

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automatically generates a complete app skeleton (FastAPI + PostgreSQL + Redis + Alembic + React), reducing startup time and ensuring consistency across projects.

Core Features & Use Cases

  • Fullstack scaffolding: Generates API, frontend, database schema, migrations, and deployment boilerplate.
  • Port and environment setup: Auto-configures ports and env files to prevent conflicts.
  • Use Case: When starting a new product, run the CLI to scaffold a ready-to-deploy app with recommended defaults.

Quick Start

Use the agentflow CLI to scaffold a new app: python -m agentflow.cli new-app --template fullstack-app --name my_app --title "My Application" --output apps/my_app

Frequently Asked Questions about app-builder

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

FAQPage Schema
How do I scaffold a FastAPI PostgreSQL React fullstack app?

To scaffold a FastAPI PostgreSQL React fullstack app, run the agentflow CLI new-app command with the fullstack-app template. It auto-generates the complete project skeleton, including API, frontend, database schema, migrations, and deployment boilerplate.

What is included in an auto-generated fullstack app scaffold?

An auto-generated fullstack app scaffold includes API endpoints, React frontend, PostgreSQL database schema, Alembic migrations, Redis configuration, and deployment boilerplate. It targets a complete stack to reduce startup time and ensure project consistency.

Can I customize ports and app name when generating a fullstack project?

Yes, you can customize ports and app names when generating a fullstack project. The scaffolding process supports customizing the app name, title, ports, and directory structure to prevent port conflicts and fit diverse use cases.

Do I need Docker to generate a FastAPI and React project skeleton?

Docker is optional for generating a FastAPI and React project skeleton. The core scaffolding requires the agentflow CLI and Python tooling to execute templating and boilerplate setup, while Docker integration is available as an optional deployment feature.

What's the best way to set up Alembic migrations for a new FastAPI app?

The best way to set up Alembic migrations for a new FastAPI app is using a scaffolding tool that auto-generates the complete stack. This approach pre-configures Alembic with PostgreSQL to ensure consistent database schema management across projects.