reflex-docs

Provides Reflex framework documentation for building full-stack Python web applications.

Updated Jun 13, 2026
One-click install
npx skills add https://github.com/jenreh/project-kit-template --skill reflex-docs-jenreh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: reflex-docs
Source: https://github.com/jenreh/project-kit-template/tree/main/.agents/agent-skills/skills/reflex-docs
Command: npx skills add https://github.com/jenreh/project-kit-template --skill reflex-docs-jenreh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Reflex evolves quickly and AI training data about it is often outdated, leading to incorrect code for components, state management, and events. This Skill supplies current Reflex documentation references and core concept summaries so generated code matches the actual framework API. ## Core Features & Use Cases - Curated Documentation Index: Maps every major Reflex topic (components, state, vars, events, routing, styling, database, auth, API routes, React wrapping) to its official documentation URL. - Core Concept Reference: Summarizes State, base vars, computed vars, event handlers, event triggers, pages, and SQLModel database integration. - Use Case: While writing a Reflex app, you ask how to add a dynamic route or a computed var; the Skill directs the AI to the correct docs page and syntax instead of relying on stale knowledge. ## Quick Start Ask the AI to build a Reflex page with state and event handlers using the reflex-docs references for current syntax.

Frequently Asked Questions about reflex-docs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage state in a Reflex app?

Define a class inheriting from rx.State with typed class attributes as base vars, such as count: int = 0. Add computed vars with the @rx.var decorator and event handlers as methods decorated with @rx.event.

How do I create pages and dynamic routes in Reflex?

Create pages as functions decorated with rx.page or register them via app.add_page(). Dynamic routes use bracket syntax like [slug] in the route path to capture URL parameters.

Does Reflex support database integration?

Yes, Reflex includes built-in SQLModel integration for database tables. You define models, run queries, and set up relationships directly in Python, as covered in the database documentation at reflex.dev/docs/database/overview.

Can I wrap React components in Reflex?

Yes, Reflex supports wrapping existing React components so they can be used as rx components in Python. The official guide at reflex.dev/docs/wrapping-react/overview explains the wrapping process and custom component publishing.

Why does my Reflex event handler not update the UI?

Event handlers must be methods on an rx.State class, and UI updates only occur when state vars change through those handlers. Use auto-generated set_<var> setters for simple updates and check the events documentation for chaining rules.