scaffold-fullstack-web

name	scaffold-fullstack-web
description	Load this skill when starting or scaffolding a new fullstack web app (Python service + web frontend in one repo): laying out the backend and frontend trees side by side and writing a combined .gitignore. Trigger when the user says "start/scaffold a fullstack web app" or sets up a monorepo with both a FastAPI backend and a Svelte/React frontend. Use when this capability is needed.

Scaffold a Fullstack Web App

A fullstack repo is the composition of a Python service and a web frontend. Scaffold each side per its own skill, then place them side by side.

project/
├── backend/                # see scaffold-python-service
│   ├── app/{api,core,models,services,db}/
│   └── tests/{unit,integration,system}/
├── frontend/               # see scaffold-web-frontend
│   └── src/{lib,routes}/
├── migrations/             # Alembic
└── .gitignore              # combined entries below

Keep the two stacks independently buildable and testable — the backend exposes an API; the frontend consumes it through its src/lib/api client. Do not share runtime code across the boundary.

Combined .gitignore

# Python
.venv/
__pycache__/
*.pyc
*.egg-info/
.coverage
.pytest_cache/
.mypy_cache/
.ruff_cache/
*.db

# Node / frontend
node_modules/
.svelte-kit/

# Build output (both)
dist/
build/

# Secrets / env
.env
.env.*
!.env.example

# OS
.DS_Store

---

Source: cheneeheng/agent-skills — distributed by TomeVault.