fullstack

Scaffold a full-stack project with a FastAPI backend and React frontend.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/xyqyear/my-claude-skills --skill fullstack-xyqyear
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fullstack
Source: https://github.com/xyqyear/my-claude-skills/tree/main/skills/fullstack
Command: npx skills add https://github.com/xyqyear/my-claude-skills --skill fullstack-xyqyear

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of a new full-stack web application project, saving developers significant time and effort in setting up a robust and modern development environment.

Core Features & Use Cases

  • Project Scaffolding: Generates a complete monorepo structure for a FastAPI backend and a React frontend.
  • Technology Stack: Includes FastAPI, SQLAlchemy, Vite, React, TypeScript, Tailwind CSS, and optional features like Zustand, JWT Auth, and Alembic migrations.
  • Use Case: When you need to quickly start a new web project with a well-defined structure and best practices, this Skill provides a production-ready foundation.

Quick Start

Use the fullstack skill to scaffold a new project named 'my-awesome-app'.

Frequently Asked Questions about fullstack

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

FAQPage Schema
How do I scaffold a full-stack FastAPI and React project with a monorepo structure?▼

Scaffolding a FastAPI and React project is automated by generating a complete monorepo structure, installing dependencies, and configuring basic settings for both backend and frontend environments.

What technology stack is included when setting up a full-stack web application with this scaffolding tool?▼

The technology stack includes FastAPI, SQLAlchemy, Vite, React, TypeScript, and Tailwind CSS. It also offers optional features like Zustand for state management, JWT authentication, and Alembic for database migrations.

Can I include state management and authentication when generating a new React and FastAPI app?▼

Yes, you can include state management and authentication when generating a React and FastAPI app. The scaffolding process supports optional features like Zustand for state management and JWT authentication.

What's the best way to set up database migrations for a FastAPI backend in a new full-stack project?▼

The best way to set up database migrations for a FastAPI backend is using the optional Alembic integration, automatically configured alongside SQLAlchemy during the scaffolding process.

Do I need to manually configure Vite and Tailwind CSS when creating a React frontend?▼

No, you do not need to manually configure Vite and Tailwind CSS when creating a React frontend. The scaffolding process automatically sets up Vite, React, TypeScript, and Tailwind CSS with basic configuration.

Why use a scaffolding tool instead of manually setting up a FastAPI and React development environment?▼

Using a scaffolding tool saves significant time and effort by automating project structure creation and dependency installation. It provides a production-ready foundation with well-defined structure and best practices for modern web development.