S

Skills Streamlit

ego lite browser

ego lite adalah browser tercepat untuk agen AI dalam menjalankan otomatisasi web, berbagi status login Anda dengan Codex atau Claude Code, tanpa biaya, tanpa konfigurasi.

Alpha Vantage MCP Server

Akses data pasar keuangan: saham real-time & historis, ETF, opsi, forex, kripto, komoditas, fundamental, indikator teknikal, & lainnya

addressing-pr-review-comments

Tanggapi semua komentar tinjauan yang valid pada PR untuk cabang saat ini di repositori streamlit/streamlit. Mencakup komentar tinjauan inline dan PR umum (masalah)…

addressing-pr-review-comments

Address all valid review comments on a PR for the current branch in the streamlit/streamlit repo. Covers both inline review comments and general PR (issue)…

assessing-external-test-risk

Assesses whether branch or PR changes are high-risk for externally hosted or embedded Streamlit usage and recommends whether external e2e coverage with…

assessing-external-test-risk

Menilai apakah perubahan cabang atau PR berisiko tinggi untuk penggunaan Streamlit yang dihosting atau disematkan secara eksternal dan merekomendasikan apakah cakupan e2e eksternal dengan…

building-streamlit-chat-ui

Membangun antarmuka obrolan di Streamlit. Gunakan saat membuat UI percakapan, chatbot, atau asisten AI. Mencakup st.chat_message, st.chat_input, pesan…

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…

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…

building-streamlit-dashboards

Membangun dasbor di Streamlit. Gunakan saat membuat tampilan KPI, kartu metrik, atau tata letak yang padat data. Mencakup batas, kartu, tata letak responsif, dan dasbor…

building-streamlit-multipage-apps

Membangun aplikasi Streamlit multi-halaman. Gunakan saat membuat aplikasi dengan beberapa halaman, menyiapkan navigasi, atau mengelola status antar halaman.

checking-changes

Memvalidasi semua perubahan kode sebelum melakukan commit dengan menjalankan pemeriksaan format, lint, tipe, dan unit test. Gunakan setelah membuat backend (Python) atau frontend (TypeScript)…

checking-changes

Validates all code changes before committing by running format, lint, type, and unit test checks. Use after making backend (Python) or frontend (TypeScript)…

choosing-streamlit-selection-widgets

Memilih widget seleksi Streamlit yang tepat. Gunakan saat memutuskan antara tombol radio, kotak pilih, kontrol tersegmentasi, pil, atau widget pemilihan opsi lainnya.…

connecting-streamlit-to-snowflake

Menghubungkan aplikasi Streamlit ke Snowflake. Gunakan saat menyiapkan koneksi database, mengelola rahasia, atau melakukan kueri ke Snowflake dari aplikasi Streamlit.

creating-pull-requests

Membuat draf pull request di GitHub dengan label yang tepat, penamaan cabang, dan format deskripsi yang sesuai. Gunakan saat perubahan sudah siap untuk diajukan sebagai PR ke…

creating-pull-requests

Creates a draft pull request on GitHub with proper labels, branch naming, and description formatting. Use when changes are ready to be submitted as a PR to the…

creating-streamlit-themes

Membuat dan menyesuaikan tema Streamlit. Gunakan saat mengubah warna, font, atau tampilan aplikasi, atau menyel

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…

debugging-streamlit

Debug perubahan frontend dan backend Streamlit menggunakan make debug dengan hot-reload. Gunakan saat menguji perubahan kode, menyelidiki bug, memeriksa perilaku UI, atau…

debugging-streamlit

Debug Streamlit frontend and backend changes using make debug with hot-reload. Use when testing code changes, investigating bugs, checking UI behavior, or…

developing-with-streamlit

**[WAJIB]** Gunakan untuk SEMUA tugas Streamlit: membuat, mengedit, men-debug, mempercantik, menata gaya, membuat tema, atau mengoptimalkan aplikasi Streamlit. Juga wajib…

developing-with-streamlit

Keterampilan perutean untuk semua tugas pengembangan Streamlit: pembuatan aplikasi, pengeditan, debugging, penataan gaya, optimasi, dan penerapan. Merutekan ke sub-keterampilan khusus berdasarkan jenis tugas: optimasi kinerja, pembuatan dasbor, perbaikan desain, pemilihan widget, tema, tata letak, tampilan data, aplikasi multi-halaman, status sesi, antarmuka obrolan, komponen kustom, dan integrasi Snowflake. Termasuk alur kerja untuk menemukan file sumber Streamlit, mengidentifikasi titik masuk (streamlit_app.py, app.py), dan...

developing-with-streamlit

Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit apps. Also custom components,…

developing-with-streamlit

Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit apps. Also custom components,…

discovering-make-commands

Mencantumkan perintah make yang tersedia untuk pengembangan Streamlit. Gunakan untuk tugas build, test, lint, atau format.

discovering-make-commands

Lists available make commands for Streamlit development. Use for build, test, lint, or format tasks.

displaying-streamlit-data

Menampilkan grafik, dataframe, dan metrik di Streamlit. Gunakan saat memvisualisasikan data, mengonfigurasi kolom dataframe, atau menambahkan sparkline ke metrik. Mencakup…

Menyelesaikan perubahan cabang untuk penggabungan dengan menyederhanakan kode, menjalankan pemeriksaan, meninjau perubahan, dan membuat PR jika diperlukan. Gunakan saat siap menggabungkan perubahan ke…

Finalizes branch changes for merging by simplifying code, running checks, reviewing changes, and creating a PR if needed. Use when ready to merge changes into…

fixing-flaky-e2e-tests

Mendiagnosis dan memperbaiki tes e2e Playwright yang tidak stabil. Gunakan ketika tes gagal secara intermiten, menunjukkan kesalahan waktu habis, memiliki ketidakcocokan snapshot, atau menunjukkan perilaku spesifik peramban…

fixing-flaky-e2e-tests

Diagnose and fix flaky Playwright e2e tests. Use when tests fail intermittently, show timeout errors, have snapshot mismatches, or exhibit browser-specific…

fixing-streamlit-ci

Menganalisis dan memperbaiki pekerjaan CI GitHub Actions yang gagal untuk cabang/PR saat ini. Gunakan saat pemeriksaan CI gagal, pemeriksaan PR menunjukkan kegagalan, atau Anda perlu mendiagnosis…

fixing-streamlit-ci

Analyze and fix failed GitHub Actions CI jobs for the current branch/PR. Use when CI checks fail, PR checks show failures, or you need to diagnose…

generating-changelog

Menghasilkan catatan rilis situs web yang rapi antara dua tag git untuk docs.streamlit.io. Gunakan saat mempersiapkan rilis Streamlit baru atau meninjau perubahan antara…

generating-changelog

Generates polished website release notes between two git tags for docs.streamlit.io. Use when preparing a new Streamlit release or reviewing changes between…

implementing-feature

Menerapkan fitur dari spesifikasi produk/teknis, URL, atau isu GitHub. Membaca spesifikasi, menerapkan fitur mengikuti pola Streamlit, dan membuat…

implementing-feature

Implement a feature from a product/tech spec, URL, or GitHub issue. Reads the spec, implements the feature following Streamlit patterns, and creates a…

implementing-new-features

Panduan implementasi untuk fitur Streamlit baru. Gunakan saat menambahkan elemen, widget, atau fitur baru yang mencakup backend, frontend, dan protobuf.

improving-frontend-coverage

Menjalankan pengujian unit frontend dengan cakupan, menganalisis laporan cakupan, dan menerapkan pengujian yang bermakna untuk meningkatkan cakupan sekitar 0,2%. Gunakan saat Anda ingin…

improving-frontend-coverage

Runs frontend unit tests with coverage, analyzes coverage reports, and implements meaningful tests to increase coverage by ~0.2%. Use when you want to…

improving-python-coverage

Menjalankan pengujian unit Python dengan cakupan, menganalisis laporan cakupan, dan menerapkan pengujian yang bermakna untuk meningkatkan cakupan sekitar 0,2%. Gunakan saat Anda ingin…

improving-python-coverage

Runs Python unit tests with coverage, analyzes coverage reports, and implements meaningful tests to increase coverage by ~0.2%. Use when you want to…

improving-streamlit-design

Meningkatkan desain visual dalam aplikasi Streamlit. Gunakan saat memoles aplikasi dengan ikon, lencana, spasi, atau gaya teks. Mencakup ikon Material, sintaks lencana, pemisah…

optimizing-streamlit-performance

Mengoptimalkan performa aplikasi Streamlit. Gunakan saat aplikasi lambat, terlalu sering menjalankan ulang, atau memuat konten berat. Mencakup caching, fragmen, dan statis vs dinamis…

organizing-streamlit-code

Mengorganisir kode Streamlit untuk kemudahan pemeliharaan. Gunakan saat menyusun aplikasi dengan modul dan utilitas terpisah. Mencakup pemisahan tanggung jawab, menjaga kode UI…

reviewing-pr-description

Evaluates a PR's title and description for readability — do they clearly and concisely convey what changed and why to a reviewer? Produces findings with…

reviewing-readability

Mengevaluasi komentar, docstring, dan penamaan dalam kode untuk keterbacaan oleh pengembang yang baru mengenal codebase — apakah dokumentasi jelas dan ringkas, dan apakah…

setting-up-streamlit-environment

Menyiapkan lingkungan Python untuk aplikasi Streamlit. Gunakan saat membuat proyek baru atau mengelola dependensi. Mencakup uv untuk manajemen dependensi dan menjalankan…

sharing-pr-agent-artifacts

Mengunggah artefak yang dihasilkan agen (spesifikasi, rencana, pembelajaran) ke streamlit.wiki untuk dibagikan melalui komentar PR. Gunakan ketika Anda memiliki artefak agen untuk dibagikan dengan…

sharing-pr-agent-artifacts

Uploads agent-generated artifacts (specs, plans, learnings) to the streamlit.wiki for sharing via PR comments. Use when you have agent artifacts to share with…

Ganti dengan deskripsi keterampilan dan kapan menggunakannya.

understanding-streamlit-architecture

Menjelaskan arsitektur internal Streamlit termasuk runtime backend, rendering frontend, dan komunikasi WebSocket. Gunakan saat men-debug masalah lintas lapisan,…

understanding-streamlit-architecture

Explains Streamlit's internal architecture including backend runtime, frontend rendering, and WebSocket communication. Use when debugging cross-layer issues,…

updating-internal-docs

Tinjau dokumentasi internal (file *.md) terhadap keadaan basis kode saat ini dan usulkan pembaruan untuk informasi yang sudah usang atau tidak akurat.

updating-internal-docs

Review internal documentation (*.md files) against the current codebase state and propose updates for outdated or incorrect information.

using-streamlit-cli

Mendokumentasikan perintah CLI Streamlit untuk menjalankan aplikasi, mengelola konfigurasi, dan diagnostik. Gunakan saat memulai aplikasi Streamlit, mengonfigurasi opsi runtime, atau…

using-streamlit-custom-components

Menggunakan komponen kustom Streamlit

using-streamlit-layouts

Menyusun tata letak aplikasi Streamlit. Gunakan saat menempatkan konten di sidebar, kolom, kontainer, atau dialog. Mencakup penggunaan sidebar, batas kolom, horizontal…

using-streamlit-markdown

Mencakup semua fitur Markdown di Streamlit termasuk sintaks bergaya GitHub serta ekstensi Streamlit seperti teks berwarna, lencana, ikon Material, dan LaTeX. Gunakan…

using-streamlit-session-state

Menggunakan st.session_state untuk mengelola status di seluruh rerun Streamlit. Gunakan saat menyimpan data, menangani status widget, menerapkan callback, atau men-debug status…

Menulis spesifikasi produk dan teknis untuk fitur Streamlit baru. Gunakan saat merancang perintah API baru, widget, atau perubahan signifikan yang memerlukan tinjauan tim sebelum…

Writes product and tech specs for new Streamlit features. Use when designing new API commands, widgets, or significant changes that need team review before…