setup-fullstack

Automate fullstack web app setup with FastAPI and React frontends.

2|1|Updated Aug 23, 2025
One-click install
npx skills add https://github.com/neozenith/agentic-dotfiles --skill setup-fullstack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: setup-fullstack
Source: https://github.com/neozenith/agentic-dotfiles/tree/main/skills/setup-fullstack
Command: npx skills add https://github.com/neozenith/agentic-dotfiles --skill setup-fullstack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires bun, uv, python, node, react, typescript, tailwindcss, vitest, playwright, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the setup of a fullstack web application with a FastAPI backend and a React frontend, reducing the time and complexity of initial project setup.

Core Features & Use Cases

  • Automated Setup: Automatically creates a fullstack web application with a FastAPI backend and a React frontend.
  • Custom Variations: Allows selection of different database, storage, and backup configurations at runtime.
  • Integrated Testing: Provides integration with unit tests and end-to-end testing frameworks like Vitest and Playwright.
  • CI/CD Integration: Integrates with GitHub Actions for continuous integration and deployment.
  • Use Case: Ideal for developers looking to quickly start a new project with a standard backend and frontend setup, saving time on repetitive configuration tasks.

Quick Start

Scaffold a new fullstack app with the default variation:

bun .claude/skills/setup-fullstack/scripts/setup-fullstack.ts

Frequently Asked Questions about setup-fullstack

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

FAQPage Schema
How do I automate fullstack web application setup with FastAPI and React?

Automate fullstack web application setup by running the setup script with bun, which scaffolds a FastAPI backend and a React frontend. This script configures Vite, TypeScript, and Tailwind CSS automatically, reducing manual project initialization time.

Can I customize database and storage configurations when scaffolding a FastAPI and React project?

Yes, you can select different database, storage, and backup configurations at runtime when scaffolding your FastAPI and React project. The setup script offers runtime variations to match your specific backend storage requirements.

Do I need bun and uv installed to scaffold a FastAPI and React web application?

Yes, you need both bun and uv installed alongside Python and Node.js to scaffold the FastAPI and React web application. These runtime managers are required dependencies for executing the automated setup script and installing packages.

What testing frameworks are integrated when setting up a fullstack FastAPI and React project?

The fullstack FastAPI and React setup integrates Vitest for unit testing and Playwright for end-to-end testing. These testing frameworks are configured automatically during the project scaffolding process.

Does the FastAPI and React fullstack setup include CI/CD pipeline configuration?

Yes, the FastAPI and React fullstack setup integrates with GitHub Actions for continuous integration and deployment. CI/CD pipeline configuration is included automatically when scaffolding your web application project.

What is the best way to start a new fullstack project with a Python backend and React frontend?

The best way to start a new fullstack project with a Python backend and React frontend is using an automated setup script. Running the setup script with bun scaffolds the entire application with FastAPI, Vite, TypeScript, and Tailwind CSS preconfigured.