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.