skills.rest
seanyofthedead
seanyofthedeadCOMMUNITY
Explore all skills by this author →
GitHub

debugging-streamlit

Enable hot reloading for Streamlit Python and Vite frontend changes.

Updated Mar 17, 2026
Search Tags:#debugging#react#python#streamlit#hot-reload
One-click install
npx skills add https://github.com/seanyofthedead/omaha-oracle --skill debugging-streamlit-seanyofthedead
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: debugging-streamlit
Source: https://github.com/seanyofthedead/omaha-oracle/tree/main/.claude/skills/debugging-streamlit
Command: npx skills add https://github.com/seanyofthedead/omaha-oracle --skill debugging-streamlit-seanyofthedead

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires streamlit, vite, playwright, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

Streamlit applications often require thorough debugging for both frontend and backend issues. This skill streamlines the debugging process, offering a simple and effective way to identify and resolve problems.

Core Features & Use Cases

  • Hot Reload: Real-time code changes for both Streamlit and Vite frontend with minimal latency.
  • Integrated Logs: Detailed logging for backend (Python) and frontend (Vite/React).
  • Custom Scripts: Option to execute custom scripts for deeper debugging with screenshots or UI interactions.

Quick Start

Start debugging a Streamlit app with the command make debug my_app.py.

Frequently Asked Questions about debugging-streamlit

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

FAQPage Schema
How do I enable hot reload for Streamlit and Vite frontend debugging?▼

To enable hot reload for Streamlit debugging, run the command `make debug my_app.py`, which facilitates live code changes for both the Python backend and Vite frontend with minimal latency.

Does Streamlit support live reloading for React frontend changes?▼

Streamlit supports live reloading for React frontend changes by integrating Vite, allowing real-time UI/UX adjustments and frontend JavaScript bug resolution during application development.

What is the best way to debug Python backend code in a Streamlit app?▼

The best way to debug Python backend code in a Streamlit app is using an integrated hot reload tool that provides detailed backend logging and real-time code updates without manual restarts.

Can I run custom scripts for deeper Streamlit UI debugging?▼

You can run custom scripts for deeper Streamlit UI debugging to automate interactions, capture screenshots, and isolate frontend JavaScript bugs or backend Python code modifications.

Do I need Playwright to debug a Streamlit application?▼

You need Playwright as a dependency to execute custom debugging scripts that capture screenshots and automate UI interactions within the Streamlit and Vite development environment.

Related Skills

Explore More Software Engineering Skills→
nesihaver-ILnesihaver-IL

analytics-metrics

Build interactive analytics dashboards and charts in React with Recharts.

Community
Intermediate
zach-sourcezach-source

webapp-testing

Test local web applications with Playwright scripts and capture screenshots.

Community
Intermediate
travisjneumantravisjneuman
88

generic-feature-developer

Guide feature development with architecture patterns and decision frameworks.

Community
Intermediate
memoirlabsmemoirlabs
6

bun-dev-server

Set up a Bun development server with hot reload and WebSocket HMR.

Official
Intermediate