streamlit-patterns

Provide standardized UI patterns for Streamlit app forms, file handling, and progress.

2|2|Updated Nov 4, 2025
One-click install
npx skills add https://github.com/gizix/cc_projects --skill streamlit-patterns
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: streamlit-patterns
Source: https://github.com/gizix/cc_projects/tree/main/streamlit-template/.claude/skills/streamlit-patterns
Command: npx skills add https://github.com/gizix/cc_projects --skill streamlit-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a collection of practical UI/UX patterns for Streamlit apps, including forms, file handling, progress, and navigation guards.

Core Features & Use Cases

  • Form Validation: Build robust input forms with validation.
  • File Upload/Download: Safe and user-friendly file interactions.
  • Progress & Feedback: Visual indicators for long-running tasks.

Quick Start

Implement a user registration form with validation and a progress bar during a long computation.

Frequently Asked Questions about streamlit-patterns

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

FAQPage Schema
How do I add form validation to a Streamlit app?

Form validation in Streamlit enforces user input constraints before processing. This Skill provides standardized validation patterns that check data types, ranges, and required fields, returning clean error messages when input fails criteria. Apply these patterns to catch invalid entries early and guide users toward correct input.

What's the best way to handle file uploads and downloads in Streamlit?

File upload and download interactions require safety checks and user-friendly flows. This Skill offers patterns for validating file types and sizes, displaying upload progress, and enabling secure downloads. Use these patterns to prevent errors from unsupported files and create predictable file-handling workflows.

How do I show progress indicators for long-running tasks in Streamlit?

Progress indicators provide visual feedback during computations that take time to complete. This Skill supplies UI patterns for progress bars and status messages that update as tasks execute. Implement these patterns so users see activity and receive clear completion signals rather than a frozen interface.

Can I add authentication guards to protect routes in a Streamlit application?

Route protection prevents unauthorized access to specific pages or features. This Skill includes basic authentication patterns that check user credentials before allowing navigation. Apply these guards to control which users reach sensitive data or admin sections within your app.

What UI patterns does Streamlit support for displaying and previewing data?

Data display patterns structure how information appears to users—previews, tables, and formatted output. This Skill provides standardized layouts for showing data clearly and letting users interact with previews before committing actions. Use these patterns to make data readable and actionable in your app interface.

How do I handle and display errors gracefully in Streamlit?

Error handling transforms technical failures into clear user messages. This Skill supplies patterns for catching exceptions, formatting error text, and displaying them prominently without crashing the app. Implement these patterns so users understand what went wrong and how to recover.