Automates React+Vite frontend setup with Django backend, HTTPS, and CSRF.
npx skills add https://github.com/otoshek/Claude-Code-Toolkit --skill react-setup
Please help me install this Agent Skill. Skill: react-setup Source: https://github.com/otoshek/Claude-Code-Toolkit/tree/main/skills/react-setup Command: npx skills add https://github.com/otoshek/Claude-Code-Toolkit --skill react-setup
This Skill streamlines bootstrapping a Django-enabled React + Vite project, reducing setup time and misconfigurations for CSRF, HTTPS, and routing.
Use the react-setup skill to bootstrap a new React + Vite project and configure it to talk to a Django backend over HTTPS. Run the initial project bootstrap steps and verify the build completes successfully.
High-intent search queries and answers about installing and using this skill.
React and Vite setup with Django integration requires configuring HTTPS locally, handling CSRF tokens, and connecting via Axios. This Skill automates that process—it generates vite.config.js with mkcert certificates, configures Axios with CSRF injection, sets up routing scaffolds, and verifies backend connectivity through a health check endpoint.
CSRF protection requires your frontend to read Django's CSRF token and include it in API requests. This Skill configures an Axios instance that automatically extracts the CSRF token from cookies and injects it as the X-CSRFToken header, eliminating manual token handling in every request.
Yes. mkcert generates trusted local certificates for development. This Skill sets up mkcert certificates and configures vite.config.js to serve your React app over HTTPS, matching Django's secure backend for testing cookie-based CSRF and authentication flows locally.
After bootstrap, verify that your frontend builds successfully and can reach the Django backend health check endpoint at /api/health/. This Skill includes automated verification steps to confirm HTTPS connectivity, Axios configuration, and backend responsiveness before development begins.
This Skill generates Router and Layout scaffolds plus a pre-configured Axios instance, reducing manual boilerplate. You get a working foundation with routing structure and API client ready—you fill in your route components and API endpoints.
withCredentials enables cookies to be sent and received in cross-origin requests, required for CSRF and session-based auth. This Skill configures your Axios instance with withCredentials: true and automatic CSRF token injection, so credentials flow correctly between React and Django.
otoshekSet up a Django project for HTTPS local development with mkcert and Uvicorn.
lfg357Coordinate Python backend with HTML/JS frontend for full-stack web applications.
AbdullahmohammadarefHarden Django authentication, authorization, CSRF protection, and deployment settings.
BaraArdiwinataRoute browser authentication requests through Next.js API proxy routes.
