otoshek

Apply shadcn/ui components to React pages and components. This skill should be used when styling specific pages or components with shadcn/ui in a React project that has custom theming. The user will specify which pages or components to style.

Configure django-allauth with headless API, MFA, social authentication, and CORS for React frontends. This skill should be used when setting up authentication for a new Django project or adding django-allauth to an existing project that needs a React frontend integration. (project)

Initialize Django projects for HTTPS development with virtual environments and mkcert SSL certificates

Configure React frontend with django-allauth headless API integration, including authentication UI, auth state management, protected routes, and social authentication flows

Use when initializing a new React frontend with Vite to connect to a Django backend over HTTPS. Sets up routing, CSRF protection, Axios config, and validates the build. Not for existing React projects.

Configure Tailwind CSS and shadcn/ui for React frontends with Django backends, including dark mode support and theme tokens. This skill should be used when setting up a new React project or adding Tailwind to an existing one.

Set up a complete Otoshek local development environment from scratch. Installs system dependencies (Homebrew, Git, SSH, mkcert, PostgreSQL, Python 3.13, Node.js), configures SSL certificates, creates databases, sets up Django backend and React frontend, and configures Stripe integration. Use when (1) setting up a new development machine for Otoshek, (2) user says "set up my local environment" or "local setup", (3) user wants to configure their machine to develop Otoshek locally. Supports macOS, Linux, and Windows. Auto-detects what is already installed and skips completed steps. Expects a Git SSH repo URL as argument, e.g. "/otoshek-local-setup git@github.com:user/repo.git".