debugging-streamlit
Debug Streamlit frontend and backend changes using make debug with hot-reload. Use when testing code changes, investigating bugs, checking UI behavior, or needing screenshots of the running app.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Debug Streamlit frontend and backend changes using make debug with hot-reload. Use when testing code changes, investigating bugs, checking UI behavior, or needing screenshots of the running app.
How to use
Przejdź do katalogu projektu Streamlit i uruchom polecenie
make debug moja_aplikacja.py, gdziemoja_aplikacja.pyto nazwa Twojego skryptu. System automatycznie uruchomi backend (Python/Streamlit) i frontend (Vite/React) z włączonym hot-reload.Po uruchomieniu sprawdź wiadomość startową — zawiera adres URL aplikacji (domyślnie
http://localhost:3001; jeśli port jest zajęty, system użyje3002lub wyższego). Otwórz ten adres w przeglądarce.Edytuj kod frontendu w katalogu
frontend/— zmiany pojawią się w aplikacji w ciągu kilku sekund bez konieczności ręcznego odświeżania.Modyfikuj skrypt aplikacji (
moja_aplikacja.py) — każda zmiana automatycznie wyzwoli ponowne uruchomienie backendu. Jeśli zmieniasz kod samej biblioteki Streamlit (lib/streamlit/), musisz ręcznie zatrzymać i ponownie uruchomićmake debug.Aby śledzić błędy, sprawdzaj logi w katalogu
work-tmp/debug/latest/— plikbackend.logzawiera wynikiprint(), logi Streamlit i błędy Pythona, afrontend.logzawiera komunikaty z konsoli przeglądarki i błędy React. Dla szybkiego wyszukiwania użyj narzędziargz wzorem, np.rg "ERROR:" work-tmp/debug/latest/backend.log.