Mesop

Use this skill to build, debug, and deploy Mesop applications. Mesop is a Python-native UI framework that enables developers to build web apps without writing frontend code (HTML/CSS/JS).

Quick Triage

• Use this skill for pure Python web UIs, especially for AI/ML demos and internal tools.
• Do NOT use this skill if the user specifically requests a different Python framework (Streamlit, Gradio, Solara) unless they are asking for a comparison or migration.
• Do NOT use this skill for general Flask/FastAPI backend development unless it's specifically about mounting a Mesop app.

Workflow

1. Setup: Install mesop and create main.py.
2. Define Page: Use @me.page(path="/") to define the entry point.
3. Define State: Create a @me.stateclass to hold session state (must be serializable).
4. Create Components: Build the UI tree using me.box, me.text, me.input, etc.
5. Handle Events: Write event handler functions (regular or generator) to update state.
6. Style: Apply styles using me.Style (flexbox/grid) for layout and appearance.
7. Deploy: Deploy to Cloud Run, Docker, or Hugging Face Spaces.