debugging-streamlit

Run Streamlit debug sessions to inspect logs and validate UI behavior.

Updated Apr 13, 2025
One-click install
npx skills add https://github.com/rahul-s-bhatt/make-my-own-subliminal --skill debugging-streamlit-rahul-s-bhatt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: debugging-streamlit
Source: https://github.com/rahul-s-bhatt/make-my-own-subliminal/tree/main/.agents/skills/debugging-streamlit
Command: npx skills add https://github.com/rahul-s-bhatt/make-my-own-subliminal --skill debugging-streamlit-rahul-s-bhatt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers diagnose and fix Streamlit application issues by providing a structured workflow for running apps, inspecting logs, validating behavior, and capturing UI evidence during development.

Core Features & Use Cases

  • App Debugging Workflow: Guides users through launching Streamlit projects with hot-reload, monitoring backend and frontend logs, and verifying changes.
  • UI Testing Support: Provides patterns for using Playwright-based checks and screenshots to investigate frontend behavior and regressions.
  • Use Case: When a Streamlit application has a broken interaction or unexpected output, use this Skill to run a debug session, inspect errors, reproduce the issue, and confirm the fix.

Quick Start

Use the debugging-streamlit skill to investigate and verify the behavior of my Streamlit app changes.

Frequently Asked Questions about debugging-streamlit

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

FAQPage Schema
How do I debug a Streamlit app with hot reload?

Debug a Streamlit app by running controlled development sessions that enable hot reload, allowing you to monitor backend and frontend logs while verifying UI changes. This workflow helps investigate bugs and reproduce issues efficiently during development.

Can I use Playwright to test Streamlit frontend behavior?

Yes, you can use Playwright to test Streamlit frontend behavior by running automated checks and capturing screenshots. This helps investigate UI regressions and verify that application interactions work as expected after code changes.

What is the best way to inspect backend logs in a Streamlit application?

Inspect backend logs in a Streamlit application by launching a structured debug session that monitors running processes. This approach captures errors and output directly from the backend to diagnose unexpected application behavior.

Why does my Streamlit app show broken interactions after changes?

Broken interactions in a Streamlit app often stem from unverified code changes. Run a debug session to inspect logs, reproduce the specific issue, and use automated screenshots to confirm the fix resolves the broken interaction.

Does this debugging workflow require any external dependencies?

No external dependencies are required to start this debugging workflow. The process relies on standard debugging commands, log inspection practices, and browser testing procedures to diagnose application changes within your existing Streamlit environment.