Does it support authentication?

Yes, the skill offers an optional JWT authentication feature using pwdlib and joserfc to handle secure login systems.

Can I use different UI frameworks?

Yes, during the initialization process, you can choose between shadcn/ui (Radix UI) or Ant Design as your primary component library.

What database does this skill use?

By default, it configures SQLAlchemy with aiosqlite (SQLite) for easy local development, providing an async engine and session management out of the box.

How is the frontend served in production?

The backend uses a dual-app architecture where a dedicated API app is mounted at /api, while the main FastAPI app serves the React SPA's static files and handles client-side routing fallbacks.

Full-Stack Web Scaffolder

Name: Full-Stack Web Scaffolder
Author: xyqyear

byxyqyear

0•

API 开发

Scaffolds production-ready monorepos featuring a FastAPI backend and a React frontend with modern tooling.

This skill automates the setup of high-quality web applications using a robust FastAPI and React stack. It creates a standardized monorepo structure, configures the UV package manager for Python, sets up Vite and Tailwind CSS v4 for the frontend, and includes a dual-app architecture that serves the SPA directly from the FastAPI backend. It is ideal for developers starting new projects who need a pre-configured, production-grade environment with built-in patterns for data repositories, service layers, and asynchronous database operations.

主要功能

01FastAPI backend with asynchronous SQLAlchemy and dual-app SPA serving

020 GitHub stars

03Flexible state management and authentication options (Zustand, JWT)

04Modern styling with Tailwind CSS v4 and optional shadcn/ui or Ant Design

05Production-ready containerization with Docker and GitHub Action workflows

06React frontend powered by Vite, TypeScript, and TanStack Query

使用场景

01Creating a production-ready web application with built-in SPA serving

02Initializing a new FastAPI and React monorepo with best practices

03Setting up a development environment with SQLite and UV package management

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xyqyear/my-claude-skills fullstack

For use in Claude.ai and ChatGPT