Generates a complete fullstack application template with Python FastAPI backend and React Vite frontend. Includes OpenAI ChatGPT integration, CORS configuration, comprehensive error handling, and a modern Tailwind CSS + shadcn/ui React UI. Use this skill when the user wants to bootstrap a new fullstack web application project with both API backend and web frontend components ready to go.
This skill automates the creation of a production-ready fullstack application template featuring:
When invoked, this skill generates a complete project structure with:
project-name/
├── README.md
├── backend/
│ ├── .env.example
│ ├── .gitignore
│ ├── main.py
│ ├── requirements.txt
│ └── tests/
│ └── __init__.py
└── frontend/
├── .gitignore
├── index.html
├── package.json
├── vite.config.js
├── eslint.config.js
├── tailwind.config.js
├── postcss.config.js
├── public/
│ └── vite.svg
└── src/
├── App.jsx
├── main.jsx
├── index.css
├── lib/
│ └── utils.js
├── components/
│ └── ui/
├── assets/
├── hooks/
├── pages/
└── styles/
Invoke this skill when the user:
templates/ directory:
templates/backend/templates/frontend/templates/README.md.template.template files: Remove the .template suffix when copying.tailwind.config.js, postcss.config.js, and src/index.csssrc/lib/utils.js and the src/components/ui directory so shadcn primitives are ready to useGET / - Health check endpointGET /test - Test connectivityPOST /chat - OpenAI ChatGPT integration
{"message": "...", "model": "gpt-4-turbo-preview"}After generating the template, provide these instructions:
# Backend Setup
cd project-name/backend
python -m venv venv
# Activate venv (Windows: venv\Scripts\activate, Mac/Linux: source venv/bin/activate)
pip install -r requirements.txt
# Create .env file and add OPENAI_API_KEY
python -m uvicorn main:app --reload
# Frontend Setup (in new terminal)
cd project-name/frontend
npm install
npm run dev