developing-with-streamlit
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseDeveloping with Streamlit
使用Streamlit进行开发
A collection of skills for building production-grade Streamlit apps. Each skill focuses on a specific aspect of Streamlit development.
这是一套用于构建生产级别Streamlit应用的技能集合。每个技能都聚焦于Streamlit开发的一个特定方面。
When to activate
适用场景
Activate these skills when:
- Creating new Streamlit apps from scratch
- Adding features to existing apps
- Debugging performance issues
- Improving app design and UX
- Setting up project structure and environments
- Connecting to data sources like Snowflake
在以下场景中激活这些技能：
- 从零开始创建新的Streamlit应用
- 为现有应用添加功能
- 调试性能问题
- 优化应用设计与用户体验（UX）
- 搭建项目结构与开发环境
- 连接Snowflake等数据源
Quick routing
快速导航
Performance issues or slow apps? →
optimizing-streamlit-performanceBuilding a new UI? → +
choosing-streamlit-selection-widgetsusing-streamlit-layoutsBuilding a dashboard? → +
building-streamlit-dashboardsdisplaying-streamlit-dataMaking it look good? →
improving-streamlit-designFormatting text with markdown? →
using-streamlit-markdownMulti-page architecture? →
building-streamlit-multipage-appsCustomizing appearance or creating a custom theme? →
creating-streamlit-themesSetting up a project? →
setting-up-streamlit-environmentApp getting complex? →
organizing-streamlit-codeConnecting to Snowflake? →
connecting-streamlit-to-snowflakeBuilding a chatbot or AI assistant? →
building-streamlit-chat-uiNeed features not in core Streamlit? →
using-streamlit-custom-componentsUsing the Streamlit CLI? →
using-streamlit-cliState management and session state? →
using-streamlit-session-state遇到性能问题或应用运行缓慢？ →
optimizing-streamlit-performance构建新UI？ → +
choosing-streamlit-selection-widgetsusing-streamlit-layouts构建仪表盘？ → +
building-streamlit-dashboardsdisplaying-streamlit-data优化应用外观？ →
improving-streamlit-design使用Markdown格式化文本？ →
using-streamlit-markdown多页面架构？ →
building-streamlit-multipage-apps自定义外观或创建自定义主题？ →
creating-streamlit-themes搭建项目？ →
setting-up-streamlit-environment应用变得复杂？ →
organizing-streamlit-code连接Snowflake？ →
connecting-streamlit-to-snowflake构建聊天机器人或AI助手？ →
building-streamlit-chat-ui需要核心Streamlit不具备的功能？ →
using-streamlit-custom-components使用Streamlit CLI？ →
using-streamlit-cli状态管理与会话状态？ →
using-streamlit-session-stateSkill map
技能图谱
| Skill | Covers |
|---|---|
| building-streamlit-chat-ui | Chat interfaces, streaming responses, message history |
| building-streamlit-dashboards | KPI cards, metrics, dashboard layouts |
| building-streamlit-multipage-apps | Page structure, navigation, shared state |
| choosing-streamlit-selection-widgets | Selectbox vs radio vs segmented control vs pills vs multiselect |
| connecting-streamlit-to-snowflake | st.connection, query caching, credentials |
| creating-streamlit-themes | Theme configuration, colors, fonts, light/dark modes, professional brand alignment, CSS avoidance |
| displaying-streamlit-data | Dataframes, column config, charts |
| improving-streamlit-design | Icons, badges, colored text, visual polish |
| optimizing-streamlit-performance | Caching, fragments, forms, static vs dynamic widgets |
| organizing-streamlit-code | When to split into modules, separating UI from logic |
| setting-up-streamlit-environment | Python environment, dependency management |
| using-streamlit-custom-components | Third-party components from the community |
| using-streamlit-cli | CLI commands, running apps |
| using-streamlit-layouts | Sidebar, columns, containers, tabs, expanders, dialogs, alignment, spacing |
| using-streamlit-markdown | Colored text, badges, icons, LaTeX, and all markdown features |
| using-streamlit-session-state | Session state, widget keys, callbacks, state persistence |
| 技能 | 涵盖内容 |
|---|---|
| building-streamlit-chat-ui | 聊天界面、流式响应、消息历史 |
| building-streamlit-dashboards | KPI卡片、指标、仪表盘布局 |
| building-streamlit-multipage-apps | 页面结构、导航、共享状态 |
| choosing-streamlit-selection-widgets | 选择框、单选按钮、分段控件、选项卡、多选框的对比与选择 |
| connecting-streamlit-to-snowflake | st.connection、查询缓存、凭证管理 |
| creating-streamlit-themes | 主题配置、颜色、字体、明暗模式、专业品牌适配、避免使用CSS |
| displaying-streamlit-data | 数据框、列配置、图表 |
| improving-streamlit-design | 图标、徽章、彩色文本、视觉优化 |
| optimizing-streamlit-performance | 缓存、片段、表单、静态与动态控件 |
| organizing-streamlit-code | 何时拆分模块、分离UI与逻辑 |
| setting-up-streamlit-environment | Python环境、依赖管理 |
| using-streamlit-custom-components | 社区提供的第三方组件 |
| using-streamlit-cli | CLI命令、运行应用 |
| using-streamlit-layouts | 侧边栏、列、容器、标签页、展开面板、对话框、对齐方式、间距 |
| using-streamlit-markdown | 彩色文本、徽章、图标、LaTeX及所有Markdown功能 |
| using-streamlit-session-state | 会话状态、控件密钥、回调函数、状态持久化 |