Skills Streamlit

Giải quyết tất cả các nhận xét đánh giá hợp lệ trên một PR cho nhánh hiện tại trong kho lưu trữ streamlit/streamlit. Bao gồm cả nhận xét đánh giá nội dòng và nhận xét PR chung (vấn đề)…

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)…

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

Đánh giá xem các thay đổi trên nhánh hoặc PR có rủi ro cao đối với việc sử dụng Streamlit được lưu trữ hoặc nhúng bên ngoài hay không và đề xuất liệu có cần phủ sóng e2e bên ngoài với…

Xây dựng giao diện trò chuyện trong Streamlit. Sử dụng khi tạo giao diện hội thoại, chatbot hoặc trợ lý AI. Bao gồm st.chat_message, st.chat_input, tin nhắn…

Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged…

Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged…

Xây dựng bảng điều khiển trong Streamlit. Sử dụng khi tạo màn hình hiển thị KPI, thẻ chỉ số hoặc bố cục nhiều dữ liệu. Bao gồm đường viền, thẻ, bố cục phản hồi và bảng điều khiển…

Xây dựng ứng dụng Streamlit đa trang. Sử dụng khi tạo ứng dụng có nhiều trang, thiết lập điều hướng hoặc quản lý trạng thái giữa các trang.

Xác thực tất cả các thay đổi mã nguồn trước khi commit bằng cách chạy các kiểm tra định dạng, lint, kiểu và kiểm thử đơn vị. Sử dụng sau khi thực hiện thay đổi backend (Python) hoặc frontend (TypeScript)…

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

Chọn widget lựa chọn Streamlit phù hợp. Sử dụng khi quyết định giữa radio buttons, selectbox, segmented control, pills hoặc các widget chọn tùy chọn khác.…

Kết nối ứng dụng Streamlit với Snowflake. Sử dụng khi thiết lập kết nối cơ sở dữ liệu, quản lý bí mật hoặc truy vấn Snowflake từ ứng dụng Streamlit.

Tạo một pull request nháp trên GitHub với nhãn phù hợp, đặt tên nhánh và định dạng mô tả. Sử dụng khi các thay đổi đã sẵn sàng để gửi dưới dạng PR lên…

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…

Tạo và tùy chỉnh giao diện Streamlit. Sử dụng khi thay đổi màu sắc, phông chữ hoặc giao diện ứng dụng, hoặc điều chỉnh ứng dụng theo hướng dẫn thương hiệu. Bao gồm config.toml…

Creating and customizing Streamlit themes. Use when changing app colors, fonts, or appearance, or aligning apps to brand guidelines. Covers config.toml…

Gỡ lỗi các thay đổi frontend và backend của Streamlit bằng cách sử dụng make debug với tính năng tải lại nóng. Sử dụng khi kiểm tra thay đổi mã, điều tra lỗi, kiểm tra hành vi giao diện người dùng, hoặc…

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

**[BẮT BUỘC]** Sử dụng cho TẤT CẢ các tác vụ Streamlit: tạo, chỉnh sửa, gỡ lỗi, làm đẹp, tạo kiểu, tạo chủ đề hoặc tối ưu hóa ứng dụng Streamlit. Cũng bắt buộc…

Kỹ năng định tuyến cho tất cả các tác vụ phát triển Streamlit: tạo ứng dụng, chỉnh sửa, gỡ lỗi, tạo kiểu, tối ưu hóa và triển khai. Định tuyến đến các kỹ năng phụ chuyên biệt dựa trên loại tác vụ: tối ưu hóa hiệu suất, xây dựng bảng điều khiển, cải thiện thiết kế, lựa chọn widget, tạo chủ đề, bố cục, hiển thị dữ liệu, ứng dụng đa trang, trạng thái phiên, giao diện trò chuyện, thành phần tùy chỉnh và tích hợp Snowflake. Bao gồm quy trình làm việc để định vị tệp nguồn Streamlit, xác định điểm vào (streamlit_app.py

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

Sử dụng cho TẤT CẢ các tác vụ Streamlit: tạo, chỉnh sửa, gỡ lỗi, làm đẹp, tạo kiểu, tùy chỉnh giao diện, tối ưu hóa hoặc triển khai ứng dụng Streamlit. Cũng bao gồm các thành phần tùy chỉnh,…

Liệt kê các lệnh make có sẵn cho phát triển Streamlit. Sử dụng cho các tác vụ build, test, lint hoặc format.

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

Hiển thị biểu đồ, khung dữ liệu và số liệu trong Streamlit. Sử dụng khi trực quan hóa dữ liệu, cấu hình cột khung dữ liệu hoặc thêm biểu đồ sparkline vào số liệu. Bao gồm…

Hoàn thiện các thay đổi trên nhánh để chuẩn bị hợp nhất bằng cách đơn giản hóa mã, chạy kiểm tra, xem xét thay đổi và tạo PR nếu cần. Sử dụng khi sẵn sàng hợp nhất các thay đổi vào…

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…

Chẩn đoán và sửa các bài kiểm tra e2e Playwright không ổn định. Sử dụng khi các bài kiểm tra thất bại không liên tục, hiển thị lỗi hết thời gian chờ, có sự không khớp ảnh chụp nhanh hoặc hiển thị các vấn đề cụ thể theo trình duyệt…

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

Phân tích và sửa các công việc CI GitHub Actions bị lỗi cho nhánh/PR hiện tại. Sử dụng khi kiểm tra CI thất bại, kiểm tra PR hiển thị lỗi, hoặc bạn cần chẩn đoán…

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…

Tạo ghi chú phát hành trang web được trau chuốt giữa hai thẻ git cho docs.streamlit.io. Sử dụng khi chuẩn bị một bản phát hành Streamlit mới hoặc xem xét các thay đổi giữa…

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

Triển khai một tính năng từ bản đặc tả sản phẩm/kỹ thuật, URL hoặc vấn đề GitHub. Đọc bản đặc tả, triển khai tính năng theo các mẫu Streamlit và tạo ra một…

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

Hướng dẫn triển khai các tính năng Streamlit mới. Sử dụng khi thêm các phần tử, widget hoặc tính năng mới liên quan đến backend, frontend và protobufs.

Chạy kiểm thử đơn vị frontend với coverage, phân tích báo cáo coverage, và triển khai các bài kiểm thử có ý nghĩa để tăng coverage lên khoảng 0,2%. Sử dụng khi bạn muốn…

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

Chạy kiểm thử đơn vị Python với coverage, phân tích báo cáo coverage, và triển khai các bài kiểm thử có ý nghĩa để tăng coverage lên ~0,2%. Sử dụng khi bạn muốn…

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

Cải thiện thiết kế trực quan trong ứng dụng Streamlit. Sử dụng khi hoàn thiện ứng dụng với biểu tượng, huy hiệu, khoảng cách hoặc kiểu chữ. Bao gồm biểu tượng Material, cú pháp huy hiệu, dấu phân cách…

Tối ưu hiệu suất ứng dụng Streamlit. Sử dụng khi ứng dụng chạy chậm, chạy lại quá thường xuyên hoặc tải nội dung nặng. Bao gồm caching, fragments, và tĩnh so với động…

Sắp xếp mã Streamlit để dễ bảo trì. Sử dụng khi cấu trúc ứng dụng với các mô-đun và tiện ích riêng biệt. Bao gồm việc phân tách các mối quan tâm, giữ mã giao diện người dùng…

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…

Evaluates comments, docstrings, and naming in code for readability by a developer new to the codebase — is the documentation clear and concise, and is…

Thiết lập môi trường Python cho các ứng dụng Streamlit. Sử dụng khi tạo dự án mới hoặc quản lý phụ thuộc. Bao gồm uv để quản lý phụ thuộc và chạy…

Tải lên các tạo phẩm do agent tạo ra (thông số kỹ thuật, kế hoạch, bài học) lên streamlit.wiki để chia sẻ qua bình luận PR. Sử dụng khi bạn có các tạo phẩm của agent để chia sẻ với…

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…

Thay thế bằng mô tả về kỹ năng và thời điểm sử dụng nó.

Giải thích kiến trúc nội bộ của Streamlit bao gồm runtime backend, kết xuất frontend và giao tiếp WebSocket. Sử dụng khi gỡ lỗi các vấn đề xuyên lớp,…

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

Xem xét tài liệu nội bộ (các tệp *.md) so với trạng thái hiện tại của mã nguồn và đề xuất cập nhật cho thông tin lỗi thời hoặc không chính xác.

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

Tài liệu các lệnh CLI của Streamlit để chạy ứng dụng, quản lý cấu hình và chẩn đoán. Sử dụng khi khởi động ứng dụng Streamlit, cấu hình tùy chọn runtime, hoặc…

Sử dụng các thành phần tùy chỉnh Streamlit của bên thứ ba. Sử dụng khi mở rộng Streamlit với các gói cộng đồng. Bao gồm cài đặt, các thành phần tùy chỉnh phổ biến và khi nào…

Sắp xếp bố cục ứng dụng Streamlit. Sử dụng khi đặt nội dung trong thanh bên, cột, vùng chứa hoặc hộp thoại. Bao gồm cách sử dụng thanh bên, giới hạn cột, ngang…

Bao gồm tất cả các tính năng Markdown trong Streamlit bao gồm cú pháp kiểu GitHub cùng với các phần mở rộng của Streamlit như văn bản màu, huy hiệu, biểu tượng Material và LaTeX. Sử dụng…

Sử dụng st.session_state để quản lý trạng thái qua các lần chạy lại Streamlit. Sử dụng khi cần duy trì dữ liệu, xử lý trạng thái widget, triển khai callback hoặc gỡ lỗi trạng thái…

Viết thông số kỹ thuật sản phẩm và công nghệ cho các tính năng Streamlit mới. Sử dụng khi thiết kế các lệnh API, widget mới hoặc các thay đổi quan trọng cần được nhóm xem xét trước khi…

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