skills.rest
yannzurkinden
yannzurkindenCOMMUNITY
Explore all skills by this author →
GitHub

/init-project

Scaffold a monorepo with FastAPI backend and React/Vite frontend.

1|Updated Feb 5, 2026
Search Tags:#React#frontend#backend#scaffold#monorepo#FastAPI#Vite
One-click install
npx skills add https://github.com/yannzurkinden/masterclass-cc-lausanne --skill init-project-yannzurkinden
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: /init-project
Source: https://github.com/yannzurkinden/masterclass-cc-lausanne/tree/main/skills_copy/init-project
Command: npx skills add https://github.com/yannzurkinden/masterclass-cc-lausanne --skill init-project-yannzurkinden

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill quickly bootstraps a complete monorepo featuring a FastAPI backend and a React/Vite frontend with DevOps scaffolding, enabling teams to start development immediately without manual boilerplate setup.

Core Features & Use Cases

  • End-to-end scaffolding: Creates a cohesive project structure for backend, frontend, and configuration, ready for local development and deployment.
  • Frontend bootstrap: Generates a React + Vite setup with Tailwind CSS, routing, and a starter UI.
  • Backend scaffold: Provides a FastAPI skeleton with basic models, schemas, and a minimal API surface to begin API development.
  • DevOps readiness: Includes scripts and configs to bootstrap local workflows, builds, and simple CI/CD scaffolding.
  • Use Case: A team needs to spin up a brand-new product quickly, producing a consistent monorepo they can clone and start coding in minutes.

Quick Start

Run /init-project <project-name> to scaffold the project. Then navigate into the created folder, install dependencies, and start the development servers. The frontend is prepared with React + Vite, the backend with FastAPI, and a starter DevOps setup is provided for local development.

Frequently Asked Questions about /init-project

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

FAQPage Schema
How do I scaffold a FastAPI and React monorepo for a new project?▼

To scaffold a FastAPI and React monorepo, run the /init-project command with your project name. It generates a complete folder structure with a Vite frontend, FastAPI backend, and DevOps configs, ready for immediate local development.

What is included in a Vite React frontend scaffold?▼

A Vite React frontend scaffold includes Tailwind CSS for styling, TanStack Router for navigation, and a starter UI. This provides a cohesive client-side foundation integrated within the monorepo structure for immediate coding.

Can I use this to bootstrap a full stack FastAPI backend and React frontend together?▼

Yes, you can bootstrap a full stack FastAPI backend and React frontend together. The skill outputs a unified monorepo layout containing both application layers along with necessary build scripts and local workflow configurations.

Does the FastAPI backend scaffold include basic models and API routes?▼

Yes, the FastAPI backend scaffold includes basic models, schemas, and a minimal API surface. This allows developers to immediately begin extending the API endpoints and defining database interactions without manual boilerplate.

Are DevOps configurations provided when scaffolding a monorepo?▼

DevOps configurations are provided when scaffolding the monorepo. The output includes scripts and config files designed to bootstrap local workflows, application builds, and simple CI/CD pipelines for the generated project.

Related Skills

Explore More Software Engineering Skills→
lidge-junlidge-jun
5

dependency-install-helper

Guide users through installing project dependencies and toolchains with platform-specific commands.

Community
Basic
Galaxy-DawnGalaxy-Dawn
5.1k

uv-package-manager

Manage Python dependencies and virtual environments with uv.

Community
Intermediate
KaakatiKaakati
2

reactjs-dev

Develops ReactJS (Vite) SPAs integrating React Router, Zustand, Tailwind CSS, Framer Motion, and ApexCharts with Rails API backend data management.

Community
Advanced
ggombeeggombee
13

react-spa

Create React Single Page Applications with Vite or Create React App.

Community
Intermediate