iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
This is a routing skill that directs you to specialized sub-skills for Streamlit development.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
This is a routing skill that directs you to specialized sub-skills for Streamlit development.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Building chat interfaces in Streamlit. Use when creating conversational UIs, chatbots, or AI assistants. Covers st.chatmessage, st.chatinput, message history, and streaming responses.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Builds bidirectional Streamlit Custom Components v2 (CCv2) using st.components.v2.component. Use when authoring inline HTML/CSS/JS components or packaged components (manifest assetdir, js/css globs), wiring state/trigger callbacks, theming via --st- CSS variables, or bundling with Vite / component-template v2.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Building dashboards in Streamlit. Use when creating KPI displays, metric cards, or data-heavy layouts. Covers borders, cards, responsive layouts, and dashboard composition.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Building multi-page Streamlit apps. Use when creating apps with multiple pages, setting up navigation, or managing state across pages.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Choosing the right Streamlit selection widget. Use when deciding between radio buttons, selectbox, segmented control, pills, or other option selection widgets. Helps pick the right widget for the number of options and selection type.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Connecting Streamlit apps to Snowflake. Use when setting up database connections, managing secrets, or querying Snowflake from a Streamlit app.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Creating and customizing Streamlit themes. Use when changing app colors, fonts, or appearance, or aligning apps to brand guidelines. Covers config.toml configuration, design principles, and CSS avoidance.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Displaying charts, dataframes, and metrics in Streamlit. Use when visualizing data, configuring dataframe columns, or adding sparklines to metrics. Covers native charts, Altair, and column configuration.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Improving visual design in Streamlit apps. Use when polishing apps with icons, badges, spacing, or text styling. Covers Material icons, badge syntax, divider alternatives, and text casing conventions.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Optimizing Streamlit app performance. Use when apps are slow, rerunning too often, or loading heavy content. Covers caching, fragments, and static vs dynamic widget choices.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Organizing Streamlit code for maintainability. Use when structuring apps with separate modules and utilities. Covers separation of concerns, keeping UI code clean, and import patterns.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Setting up Python environments for Streamlit apps. Use when creating a new project or managing dependencies. Covers uv for dependency management and running apps.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Documents Streamlit CLI commands for running apps, managing configuration, and diagnostics. Use when starting Streamlit apps, configuring runtime options, or troubleshooting CLI issues.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Using third-party Streamlit custom components. Use when extending Streamlit with community packages. Covers installation, popular custom components, and when to use them.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Structuring Streamlit app layouts. Use when placing content in sidebars, columns, containers, or dialogs. Covers sidebar usage, column limits, horizontal containers, dialogs, and bordered cards.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Covers all Markdown features in Streamlit including GitHub-flavored syntax plus Streamlit extensions like colored text, badges, Material icons, and LaTeX. Use when formatting text, labels, tooltips, or any text-rendering element.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Using st.sessionstate to manage state across Streamlit reruns. Use when persisting data, handling widget state, implementing callbacks, or debugging state issues. Covers initialization patterns, widget-state association, and common gotchas.
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
End-to-end workflow: research a topic and then write a LinkedIn post about it. Use this skill whenever the user wants the full pipeline — from a topic idea to a finished LinkedIn post. Triggers on: 'research and write a post about', 'create a LinkedIn post about [topic]', 'I want to post about', 'write about [topic]…
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Run deep research on any topic using the Deep Research MCP server. Use this skill whenever the user wants to research a topic, gather information, find sources, or create a research document. Triggers on: 'research this', 'find out about', 'gather information on', 'I need to understand', 'deep dive into', or any…
iusztinpaul/designing-real-world-ai-agents-workshop
Skill Claude CodeCodex
Generate a LinkedIn post using the LinkedIn Writer MCP server. Use this skill whenever the user wants to write a LinkedIn post, create social media content, draft a post from research, or generate a post with an image. Triggers on: 'write a post', 'create a LinkedIn post', 'draft a post about', 'turn this into a…
iusztinpaul/designing-real-world-ai-agents-workshop
Settings file Claude Code
Agent settings configuring enabledPlugins.
iusztinpaul/designing-real-world-ai-agents-workshop
MCP server Claude CodeCodexCursor +2
The fast, Pythonic way to build MCP servers and clients. Runs locally from the fastmcp Python package. Needs 1 environment variable to run.
iusztinpaul/designing-real-world-ai-agents-workshop
MCP server Claude CodeCodexCursor +2
The fast, Pythonic way to build MCP servers and clients. Runs locally from the fastmcp Python package. Needs 1 environment variable to run.