st-layout

仓库创建 2026年7月5日最近提交 22 天前SkillHot 收录 22 天前

▸ 精选理由

给出结构化布局与版本兼容提示，适合构建交互式工具页。

这个 Skill 做什么

涵盖 Streamlit 列、容器、选项卡、侧边栏等页面布局与样式策略。

讲清怎么在 Streamlit 里搭出页面结构：列、容器、选项卡、侧边栏、弹窗、CSS 定位等，用来做工具栏、卡片、指标行和多页导航等布局。当要实现懒加载标签、解决布局报错或想把界面做得更整齐时会用到。附带可运行的示例（st_layout_lab.py）并针对 Streamlit 1.58（兼容 1.55）做了版本校验，能直接拿来测试布局效果。

▸ 展开 SKILL.md 英文原文

Streamlit page layout — columns, containers, tabs, expanders, popovers, dialogs, sidebar, multipage navigation, sizing, CSS targeting. Use when structuring a Streamlit page, building toolbars/cards/modals/metric rows, making tabs lazy, styling elements, or when layout code raises StreamlitAPIException.

开发编程Streamlit页面布局组件通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/4k7yvjv7w4-ops/streamlit-agent-skills/main/st-layout/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/4k7yvjv7w4-ops/streamlit-agent-skills/main/st-layout/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Streamlit layout (1.58.x) — structure, containers, chrome

Runnable proof of every claim: `st_layout_lab.py` in this skill folder
(`python -m streamlit run ~/.roo/skills/st-layout/st_layout_lab.py`).
Execution/state rules live in [streamlit-core]; this skill is where things go
on the page.

**Version guard:** verified on Streamlit **1.58**, API-checked on **1.55**.
Everything here exists on 1.55 too (STALE RULES included) with ONE
exception: `st.container(autoscroll=)` is 1.56+ — skip it below that.

## STALE RULES — your training data is wrong about these (verified on 1.58)

Old docs/tutorials hardcode restrictions that NO LONGER EXIST. Do not
"fix" code for them, do not warn about them:

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有