Does hot-reload work for core Streamlit library changes?

Frontend changes apply within seconds. However, changes to the core Python library (lib/streamlit/) require restarting the debug session to take effect.

Can I run multiple debug sessions simultaneously?

Yes, 'make debug' automatically detects free ports (usually starting at 3001) to allow for multiple concurrent debugging environments.

How do I start a debugging session?

Run 'make debug your_app.py' to launch both backend and frontend servers with hot-reload enabled. The app URL will be printed on startup.

Where can I find the application logs?

Logs are stored in 'work-tmp/debug/latest/', featuring 'backend.log' for Python output and 'frontend.log' for browser console and React errors.

How can I capture automated screenshots of my app?

You can use the provided Playwright integration via 'yarn playwright-cli screenshot' or by running custom Python scripts located in the debug directory.

Streamlit Debugging Suite

Name: Streamlit Debugging Suite
Author: streamlit

bystreamlit

•

43,631

•

開発者ツール

Facilitates real-time debugging of Streamlit applications with synchronized backend and frontend hot-reloading.

This skill provides a comprehensive environment for debugging Streamlit applications by orchestrating both Python backend and Vite/React frontend processes. It automates the setup of hot-reload environments, manages per-session log files for deep inspection, and integrates Playwright for automated UI testing and screenshot generation. It is particularly useful for developers needing to investigate complex UI behaviors, verify library changes, or perform post-mortem analysis using persistent log artifacts and organized workspace management.

主な機能

01Advanced log searching using optimized grep patterns for rapid bug identification

02Isolated debugging workspace in work-tmp/debug/ to maintain repository cleanliness

03Integrated Playwright support for automated UI interactions and screenshots

0443,631 GitHub stars

05Automated log management with separate streams for Python and React/Vite output

06Synchronized backend and frontend hot-reloading with automatic port selection

ユースケース

01Generating automated screenshots of UI features for documentation or bug reports

02Investigating visual regressions or state issues in Streamlit frontend components

03Debugging Python backend logic with real-time feedback and persistent logging

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add streamlit/streamlit debugging-streamlit

For use in Claude.ai and ChatGPT

Download Skill