Zero-Js UI Skills - Reflex+Python Prebuilt Quickstart Templates

Skill Directory Structure

src/ui-ux-pro-max/data/stacks/reflex-ui/ ├── manifest.json ├── techstack.md ├── rules.md ├── templates/ │ ├── template#12/ │ │ ├── reflex_app.py # Entry point with app = rx.App() │ │ ├── pages/ │ │ │ ├── index.py # Home page component │ │ │ ├── about.py │ │ │ └── dashboard.py │ │ ├── components/ │ │ │ ├── navbar.py │ │ │ ├── footer.py │ │ │ ├── form.py │ │ │ └── modal.py │ │ ├── state/ │ │ │ ├── base_state.py # Shared state (auth, nav, toasts) │ │ │ └── form_state.py # Feature-specific state │ │ └── requirements.txt │ └── ... └── examples/ ├── form-validation/ ├── dashboard-layout/ ├── data-table/ └── modal-dialog/

techstack.md Tech Stack: Reflex UI + Python (Zero-JS)

ALLOWED Python 3.11+ Reflex (https://github.com/reflex-dev/reflex) Reflex rx.* components only (rx.box, rx.flex, rx.text, rx.button, rx.input, rx.select, rx.dialog, rx.drawer, rx.cond, rx.foreach, rx.match, rx.html, etc.) Reflex rx.State for all state management Reflex rx.Var for reactive variables Reflex style prop dicts for styling Reflex class_name prop for Tailwind utility classes (secondary, when explicitly requested) Reflex rx.App() routing via app.add_page() Reflex rx.redirect() for programmatic navigation Reflex event handlers as State methods Reflex rx.event and rx.background_task for async/side-effects Standard Python stdlib (os, pathlib, json, httpx, etc.) Python-only packages via requirements.txt (SQLAlchemy, pydantic, httpx, etc.)

FORBIDDEN No HTML files. Zero .html files in the project. No JavaScript. Zero .js files, zero