designing-real-world-ai-agents-workshop

In the author's own words, from each skill's SKILL.md.

• developing-with-streamlit

  **[REQUIRED]** Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit applications. Also required for building custom components (inline or packaged), using st.components.v2, or any HTML/JS/CSS component work. Triggers: streamlit, st., dashboard, app.py, beautify, style, CSS, color, background, theme, button, widget styling, cu…

  .agents/skills/developing-with-streamlit/SKILL.md on GitHub (opens in a new tab)

• research-and-write

  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] for LinkedIn', or any request that implies both researching a subject and produci…

  .agents/skills/research-and-write/SKILL.md on GitHub (opens in a new tab)

• research

  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 request that involves investigating a topic.

  .agents/skills/research/SKILL.md on GitHub (opens in a new tab)

• write-post

  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 post', 'generate a post', or any request involving LinkedIn content creation. Also us…

  .agents/skills/write-post/SKILL.md on GitHub (opens in a new tab)

• implement-universal

  Harness-agnostic version of `/implement`. Drives a single workshop ticket through the SWE→Tester loop in ONE conversation, with the role prompts bundled as `agents/software-engineer.md` and `agents/tester.md` instead of being launched as subagents. Resolves the ticket from `implement_yourself/tasks/`, creates an `implementing/from-scratch` branch (a fixed default — not derived from the ticket; su…

  implement_yourself/.agents/skills/implement-universal/SKILL.md on GitHub (opens in a new tab)

• implement

  Drive a single workshop ticket through the inner SWE↔Tester loop. Resolves the ticket from `implement_yourself/tasks/`, creates an `implementing/from-scratch` branch (a fixed default — not derived from the ticket; subsequent tickets stack on top), launches the software-engineer agent to implement it, then routes by archetype — Tester runs on logic tickets, orchestrator spot-checks the SWE's AC wa…

  implement_yourself/.claude/skills/implement/SKILL.md on GitHub (opens in a new tab)

• building-streamlit-chat-ui

  Building chat interfaces in Streamlit. Use when creating conversational UIs, chatbots, or AI assistants. Covers st.chat_message, st.chat_input, message history, and streaming responses.

  .agents/skills/developing-with-streamlit/skills/building-streamlit-chat-ui/SKILL.md on GitHub (opens in a new tab)

• building-streamlit-custom-components-v2

  Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged components (manifest `asset_dir`, js/css globs), wiring state/trigger callbacks, theming via `--st-*` CSS variables, or bundling with Vite / `component-template` v2.

  .agents/skills/developing-with-streamlit/skills/building-streamlit-custom-components-v2/SKILL.md on GitHub (opens in a new tab)

• building-streamlit-dashboards

  Building dashboards in Streamlit. Use when creating KPI displays, metric cards, or data-heavy layouts. Covers borders, cards, responsive layouts, and dashboard composition.

  .agents/skills/developing-with-streamlit/skills/building-streamlit-dashboards/SKILL.md on GitHub (opens in a new tab)

• building-streamlit-multipage-apps

  Building multi-page Streamlit apps. Use when creating apps with multiple pages, setting up navigation, or managing state across pages.

  .agents/skills/developing-with-streamlit/skills/building-streamlit-multipage-apps/SKILL.md on GitHub (opens in a new tab)

• choosing-streamlit-selection-widgets

  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.

  .agents/skills/developing-with-streamlit/skills/choosing-streamlit-selection-widgets/SKILL.md on GitHub (opens in a new tab)

• connecting-streamlit-to-snowflake

  Connecting Streamlit apps to Snowflake. Use when setting up database connections, managing secrets, or querying Snowflake from a Streamlit app.

  .agents/skills/developing-with-streamlit/skills/connecting-streamlit-to-snowflake/SKILL.md on GitHub (opens in a new tab)

• creating-streamlit-themes

  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.

  .agents/skills/developing-with-streamlit/skills/creating-streamlit-themes/SKILL.md on GitHub (opens in a new tab)

• displaying-streamlit-data

  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.

  .agents/skills/developing-with-streamlit/skills/displaying-streamlit-data/SKILL.md on GitHub (opens in a new tab)

• improving-streamlit-design

  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.

  .agents/skills/developing-with-streamlit/skills/improving-streamlit-design/SKILL.md on GitHub (opens in a new tab)

• optimizing-streamlit-performance

  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.

  .agents/skills/developing-with-streamlit/skills/optimizing-streamlit-performance/SKILL.md on GitHub (opens in a new tab)

• organizing-streamlit-code

  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.

  .agents/skills/developing-with-streamlit/skills/organizing-streamlit-code/SKILL.md on GitHub (opens in a new tab)

• setting-up-streamlit-environment

  Setting up Python environments for Streamlit apps. Use when creating a new project or managing dependencies. Covers uv for dependency management and running apps.

  .agents/skills/developing-with-streamlit/skills/setting-up-streamlit-environment/SKILL.md on GitHub (opens in a new tab)

• using-streamlit-cli

  Documents Streamlit CLI commands for running apps, managing configuration, and diagnostics. Use when starting Streamlit apps, configuring runtime options, or troubleshooting CLI issues.

  .agents/skills/developing-with-streamlit/skills/using-streamlit-cli/SKILL.md on GitHub (opens in a new tab)

• using-streamlit-custom-components

  Using third-party Streamlit custom components. Use when extending Streamlit with community packages. Covers installation, popular custom components, and when to use them.

  .agents/skills/developing-with-streamlit/skills/using-streamlit-custom-components/SKILL.md on GitHub (opens in a new tab)

• using-streamlit-layouts

  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.

  .agents/skills/developing-with-streamlit/skills/using-streamlit-layouts/SKILL.md on GitHub (opens in a new tab)

• using-streamlit-markdown

  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.

  .agents/skills/developing-with-streamlit/skills/using-streamlit-markdown/SKILL.md on GitHub (opens in a new tab)

• using-streamlit-session-state

  Using st.session_state 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.

  .agents/skills/developing-with-streamlit/skills/using-streamlit-session-state/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms. 136k stars · 7 skills
• career-opsby career-ops-hq Open-source AI job search agent and job finder: scan job boards, score each job 1-5 against your CV before you apply, tailor an ATS-friendl… 75.1k stars · 6 skills
• cherry-studioby CherryHQ AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs 52.7k stars · 30 skills
• CowAgentby zhayujie Open-source personal AI assistant & Agent Harness. Plans tasks, runs tools and skills, self-evolves with memory and knowledge. Multi-agent,… 47.4k stars · 3 skills
• invisible_dotsby feder-cr Open-source, self-hosted alternative to OpenAI Dots, Grok Bot. Built to be undetectable by anti-bot systems. 32.1k stars · 1 skill
• cliby googleworkspace Google Workspace CLI — one command-line tool for Drive, Gmail, Calendar, Sheets, Docs, Chat, Admin, and more. Dynamically built from Google… 31.5k stars · 30 skills