How do I install the Streamlit App skill?

Run npx skillmds@latest add tomevault-io/streamlit-app in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Streamlit App safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Streamlit App?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Streamlit App free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Streamlit App?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Streamlit App by tomevault-io — Agent Skill

Name: Streamlit App
Author: tomevault-io

File contents

Streamlit Apps in Wizard

Apps live in apps/wizard/app_pages/. Run with make wizard or .venv/bin/etlwiz <alias>.

Creating a New App

Create apps/wizard/app_pages/your_app/app.py:

import streamlit as st
st.set_page_config(page_title="Wizard: Your App", page_icon="🪄", layout="wide")

def main():
    st.title("Your App")

main()

- title: "Your App"
  alias: your-app
  entrypoint: app_pages/your_app/app.py
  description: "What it does"
  maintainer: "@slack-handle"
  icon: ":material/icon:"

Key Utilities

# Caching (supports ttl, show_time, works outside Streamlit too)
from apps.wizard.utils.components import st_cache_data
@st_cache_data(custom_text="Loading...", ttl="1h")

# URL-synced widgets (shareable state)
from apps.wizard.utils.components import url_persist
url_persist(st.selectbox)(label="Option", options=["a", "b"], key="my_key")
# ⚠️ Booleans stored as "True"/"False" strings in URL

# Charts
from apps.wizard.utils.components import grapher_chart, grapher_chart_from_url
grapher_chart(catalog_path="grapher/ns/ver/ds#var")
grapher_chart(variable_id=123, selected_entities=["France"], tab="map")

# Data loading
from apps.wizard.utils.cached import load_variables_in_dataset, load_variable_data

# Environment & DB
from etl.config import OWID_ENV  # .base_site, .indicators_url, .data_api_url
from etl.db import get_engine
from sqlalchemy.orm import Session

Components (`apps.wizard.utils.components`)

st_horizontal() — flexbox row context manager
Pagination(items, items_per_page, pagination_key) — paginated lists
grapher_chart() / grapher_chart_from_url() — OWID charts
st_wizard_page_link(alias) — link to another Wizard page
st_tag(name, color, icon) / tag_in_md() — colored badges
st_toast_success() / st_toast_error() — toast notifications
preview_file(path) — code preview in expander

Rules

st.set_page_config() must be the first Streamlit command
Use @st_cache_data for expensive operations
Use url_persist() for shareable widget state
Material icons: :material/icon_name: (Google Material Symbols)
HTTP requests: always timeout=30 and .raise_for_status()

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: streamlit-appdescription: Create or modify Streamlit apps in the Wizard. Use when building new wizard apps, adding Streamlit pages, or working with apps/wizard/ code. Use when this capability is needed.---# Streamlit Apps in WizardApps live in `apps/wizard/app_pages/`. Run with `make wizard` or `.venv/bin/etlwiz <alias>`.## Creating a New App1. Create `apps/wizard/app_pages/your_app/app.py`:```pythonimport streamlit as stst.set_page_config(page_title="Wizard: Your App", page_icon="🪄", layout="wide")def main(): st.title("Your App")main()```2. Register in `apps/wizard/config/config.yml` under a section's `apps` list:```yaml- title: "Your App" alias: your-app entrypoint: app_pages/your_app/app.py description: "What it does" maintainer: "@slack-handle" icon: ":material/icon:"```## Key Utilities```python# Caching (supports ttl, show_time, works outside Streamlit too)from apps.wizard.utils.components import st_cache_data@st_cache_data(custom_text="Loading...", ttl="1h")# URL-synced widgets (shareable state)from apps.wizard.utils.components import url_persisturl_persist(st.selectbox)(label="Option", options=["a", "b"], key="my_key")# ⚠️ Booleans stored as "True"/"False" strings in URL# Chartsfrom apps.wizard.utils.components import grapher_chart, grapher_chart_from_urlgrapher_chart(catalog_path="grapher/ns/ver/ds#var")grapher_chart(variable_id=123, selected_entities=["France"], tab="map")# Data loadingfrom apps.wizard.utils.cached import load_variables_in_dataset, load_variable_data# Environment & DBfrom etl.config import OWID_ENV # .base_site, .indicators_url, .data_api_urlfrom etl.db import get_enginefrom sqlalchemy.orm import Session```## Components (`apps.wizard.utils.components`)- `st_horizontal()` — flexbox row context manager- `Pagination(items, items_per_page, pagination_key)` — paginated lists- `grapher_chart()` / `grapher_chart_from_url()` — OWID charts- `st_wizard_page_link(alias)` — link to another Wizard page- `st_tag(name, color, icon)` / `tag_in_md()` — colored badges- `st_toast_success()` / `st_toast_error()` — toast notifications- `preview_file(path)` — code preview in expander## Rules- `st.set_page_config()` must be the **first** Streamlit command- Use `@st_cache_data` for expensive operations- Use `url_persist()` for shareable widget state- Material icons: `:material/icon_name:` (Google Material Symbols)- HTTP requests: always `timeout=30` and `.raise_for_status()`---> Converted and distributed by [TomeVault](https://tomevault.io/claim/owid) — claim your Tome and manage your conversions.

Frequently asked questions

Streamlit App