What is the recommended workflow for API integration?

The skill enforces an OpenAPI contract approach: build the FastAPI backend first with Pydantic models, then reference the auto-generated spec to build frontend types.

When should I use this skill over Streamlit?

Use this skill when you need user authentication, persistent CRUD operations, high UI responsiveness, or a polished look using custom Shadcn UI components.

Which package managers are used by this skill?

The setup utilizes pnpm for frontend JavaScript packages and uv for high-performance Python backend dependency management.

How does this skill handle Tailwind CSS setup?

It implements Tailwind CSS v4 via the Vite plugin, replacing standard CSS imports and avoiding unnecessary configuration files for a cleaner setup.

Fullstack App Architect (Vite + FastAPI)

Name: Fullstack App Architect (Vite + FastAPI)
Author: djliden

bydjliden

API 개발

Builds high-performance fullstack applications using a Vite-React frontend, FastAPI backend, and type-safe OpenAPI contracts.

소개

This skill streamlines the development of modern web applications by providing a standardized blueprint for Vite (React/TypeScript) and FastAPI stacks. It automates complex configuration tasks, such as Tailwind CSS v4 integration and Shadcn UI setup, while enforcing an OpenAPI-driven development workflow. Ideal for developers moving beyond simple read-only tools, it ensures responsive UIs, robust backend logic, and seamless data persistence for both internal tools and professional stakeholder demos.

주요 기능

Tailwind CSS v4 and Shadcn UI automated configuration
Best practices for business logic separation and state management
Standardized OpenAPI-first development workflow for type safety
Pre-configured CORS and Vite proxy setup for seamless communication
Rapid scaffolding for Vite (React/TS) and FastAPI projects
0 GitHub stars

사용 사례

Transitioning read-only Streamlit apps to interactive full-featured web applications
Building polished product demos with high-quality Shadcn UI components
Creating production-grade internal tools requiring authentication and persistent storage

소개

주요 기능

Tailwind CSS v4 and Shadcn UI automated configuration
Best practices for business logic separation and state management
Standardized OpenAPI-first development workflow for type safety
Pre-configured CORS and Vite proxy setup for seamless communication
Rapid scaffolding for Vite (React/TS) and FastAPI projects
0 GitHub stars

사용 사례

Transitioning read-only Streamlit apps to interactive full-featured web applications
Building polished product demos with high-quality Shadcn UI components
Creating production-grade internal tools requiring authentication and persistent storage