Skills Streamlit

จัดการกับความคิดเห็นในการตรวจสอบที่ถูกต้องทั้งหมดใน PR สำหรับสาขาปัจจุบันในที่เก็บ streamlit/streamlit ครอบคลุมทั้งความคิดเห็นในการตรวจสอบแบบอินไลน์และ PR ทั่วไป (issue)…

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…

ประเมินว่าการเปลี่ยนแปลงใน branch หรือ PR มีความเสี่ยงสูงสำหรับการใช้งาน Streamlit ที่โฮสต์หรือฝังจากภายนอกหรือไม่ และแนะนำว่าควรมีการครอบคลุมการทดสอบ e2e จากภายนอกด้วย...

การสร้างอินเทอร์เฟซแชทใน Streamlit ใช้เมื่อสร้าง UI แบบสนทนา แชทบอท หรือผู้ช่วย AI ครอบคลุม st.chat_message, st.chat_input, ข้อความ…

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…

การสร้างแดชบอร์ดใน Streamlit ใช้เมื่อสร้างการแสดง KPI การ์ดเมตริก หรือเลย์เอาต์ที่มีข้อมูลจำนวนมาก ครอบคลุมเส้นขอบ การ์ด เลย์เอาต์ที่ปรับตามขนาดหน้าจอ และแดชบอร์ด…

การสร้างแอป Streamlit แบบหลายหน้า ใช้เมื่อสร้างแอปที่มีหลายหน้า ตั้งค่าการนำทาง หรือจัดการสถานะข้ามหน้า

ตรวจสอบการเปลี่ยนแปลงโค้ดทั้งหมดก่อนคอมมิต โดยการรันการตรวจสอบรูปแบบโค้ด การตรวจสอบไวยากรณ์ การตรวจสอบชนิดข้อมูล และการทดสอบหน่วย ใช้หลังจากทำการเปลี่ยนแปลงแบ็กเอนด์ (Python) หรือฟรอนต์เอนด์ (TypeScript)…

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

การเลือกวิดเจ็ตการเลือกที่เหมาะสมของ Streamlit ใช้เมื่อตัดสินใจระหว่างปุ่มตัวเลือก กล่องเลือก การควบคุมแบบแบ่งส่วน ปุ่มตัวเลือก หรือวิดเจ็ตการเลือกตัวเลือกอื่นๆ…

การเชื่อมต่อแอป Streamlit กับ Snowflake ใช้เมื่อตั้งค่าการเชื่อมต่อฐานข้อมูล จัดการความลับ หรือสอบถามข้อมูลจาก Snowflake ผ่านแอป Streamlit

สร้างดราฟต์ pull request บน GitHub พร้อมป้ายกำกับที่เหมาะสม การตั้งชื่อสาขา และการจัดรูปแบบคำอธิบาย ใช้เมื่อการเปลี่ยนแปลงพร้อมที่จะส่งเป็น PR ไปยัง…

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…

การสร้างและปรับแต่งธีมของ Streamlit ใช้เมื่อต้องการเปลี่ยนสี แบบอักษร หรือรูปลักษณ์ของแอป หรือปรับให้แอปสอดคล้องกับแนวทางของแบรนด์ ครอบคลุม config.toml…

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

แก้ไขข้อบกพร่องส่วนหน้าและส่วนหลังของ Streamlit โดยใช้ make debug พร้อมการโหลดซ้ำอัตโนมัติ ใช้เมื่อทดสอบการเปลี่ยนแปลงโค้ด ตรวจสอบข้อบกพร่อง ตรวจสอบพฤติกรรมของ UI หรือ...

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

**[จำเป็น]** ใช้สำหรับงาน Streamlit ทั้งหมด: การสร้าง, แก้ไข, ดีบัก, ตกแต่ง, จัดสไตล์, ปรับธีม, หรือเพิ่มประสิทธิภาพแอปพลิเคชัน Streamlit นอกจากนี้ยังจำเป็น…

สกิลการกำหนดเส้นทางสำหรับงานพัฒนา Streamlit ทั้งหมด: การสร้างแอป การแก้ไข การดีบัก การจัดสไตล์ การเพิ่มประสิทธิภาพ และการปรับใช้ กำหนดเส้นทางไปยังสกิลย่อยเฉพาะตามประเภทงาน: การเพิ่มประสิทธิภาพ การสร้างแดชบอร์ด การปรับปรุงการออกแบบ การเลือกวิดเจ็ต การกำหนดธีม เลย์เอาต์ การแสดงข้อมูล แอปหลายหน้า สถานะเซสชัน UI แชท คอมโพเนนต์ที่กำหนดเอง และการรวม Snowflake รวมถึงเวิร์กโฟลว์สำหรับค้นหาไฟล์ต้นฉบับ Streamlit ระบุจุดเริ่มต้น (streamlit_app.py, app.py) และ...

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

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

แสดงรายการคำสั่ง make ที่มีให้สำหรับการพัฒนา Streamlit ใช้สำหรับงาน build, test, lint หรือ format

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

การแสดงแผนภูมิ, ดาต้าเฟรม, และเมตริกใน Streamlit ใช้เมื่อต้องการแสดงข้อมูลเป็นภาพ, กำหนดค่าคอลัมน์ของดาต้าเฟรม, หรือเพิ่มสปาร์กไลน์ให้กับเมตริก ครอบคลุม…

ทำให้การเปลี่ยนแปลงของสาขาพร้อมสำหรับการรวมเข้าด้วยกันโดยการทำให้โค้ดเรียบง่ายขึ้น ตรวจสอบ ทบทวนการเปลี่ยนแปลง และสร้าง PR หากจำเป็น ใช้เมื่อพร้อมที่จะรวมการเปลี่ยนแปลงเข้าไปใน…

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…

วินิจฉัยและแก้ไขการทดสอบ Playwright e2e ที่ไม่เสถียร ใช้เมื่อการทดสอบล้มเหลวเป็นครั้งคราว แสดงข้อผิดพลาดหมดเวลา มีความไม่ตรงกันของสแนปชอต หรือแสดงพฤติกรรมเฉพาะเบราว์เซอร์…

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

วิเคราะห์และแก้ไขงาน CI ของ GitHub Actions ที่ล้มเหลวสำหรับ branch/PR ปัจจุบัน ใช้เมื่อการตรวจสอบ CI ล้มเหลว การตรวจสอบ PR แสดงความล้มเหลว หรือคุณต้องการวินิจฉัย…

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…

สร้างบันทึกการเปลี่ยนแปลงเว็บไซต์ที่สมบูรณ์แบบระหว่างแท็ก git สองแท็กสำหรับ docs.streamlit.io ใช้เมื่อเตรียมการเผยแพร่ Streamlit ใหม่หรือตรวจสอบการเปลี่ยนแปลงระหว่าง...

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

ใช้ฟีเจอร์จากข้อกำหนดผลิตภัณฑ์/เทคนิค, URL หรือ GitHub issue อ่านข้อกำหนด นำฟีเจอร์ไปใช้ตามรูปแบบ Streamlit และสร้าง...

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

คู่มือการใช้งานสำหรับการเพิ่มฟีเจอร์ใหม่ของ Streamlit ใช้เมื่อเพิ่มองค์ประกอบ วิดเจ็ต หรือฟีเจอร์ใหม่ที่ครอบคลุมทั้งแบ็กเอนด์ ฟรอนต์เอนด์ และโปรโตบัฟ

รันการทดสอบหน่วยของฟรอนต์เอนด์พร้อมการครอบคลุม วิเคราะห์รายงานการครอบคลุม และดำเนินการทดสอบที่มีความหมายเพื่อเพิ่มการครอบคลุมประมาณ 0.2% ใช้เมื่อคุณต้องการ...

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

รันการทดสอบหน่วยของ Python พร้อมการครอบคลุม วิเคราะห์รายงานการครอบคลุม และดำเนินการทดสอบที่มีความหมายเพื่อเพิ่มการครอบคลุมประมาณ 0.2% ใช้เมื่อคุณต้องการ...

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

การปรับปรุงการออกแบบภาพในแอป Streamlit ใช้เมื่อปรับแต่งแอปด้วยไอคอน ป้าย ระยะห่าง หรือการจัดรูปแบบข้อความ ครอบคลุมไอคอน Material ไวยากรณ์ป้าย เส้นแบ่ง...

การปรับปรุงประสิทธิภาพของแอป Streamlit ใช้เมื่อแอปทำงานช้า รันซ้ำบ่อยเกินไป หรือโหลดเนื้อหาที่หนัก ครอบคลุมการแคช เฟรกเมนต์ และเนื้อหาแบบคงที่เทียบกับแบบไดนามิก…

การจัดระเบียบโค้ด Streamlit เพื่อการบำรุงรักษา ใช้เมื่อจัดโครงสร้างแอปพลิเคชันด้วยโมดูลและยูทิลิตี้แยกกัน ครอบคลุมการแยกส่วนความรับผิดชอบ การรักษาโค้ด UI...

ประเมินชื่อเรื่องและคำอธิบายของ PR ว่าอ่านง่ายเพียงใด — สื่อสารอย่างชัดเจนและกระชับหรือไม่ว่ามีการเปลี่ยนแปลงอะไรและเพราะเหตุใดต่อผู้ตรวจสอบ? สร้างผลการตรวจสอบด้วย...

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

การตั้งค่าสภาพแวดล้อม Python สำหรับแอป Streamlit ใช้เมื่อสร้างโปรเจกต์ใหม่หรือจัดการ dependencies ครอบคลุม uv สำหรับการจัดการ dependencies และการรัน…

อัปโหลดสิ่งประดิษฐ์ที่สร้างโดยเอเจนต์ (สเปก แผนงาน สิ่งที่เรียนรู้) ไปยัง streamlit.wiki เพื่อแชร์ผ่านความคิดเห็นใน PR ใช้เมื่อคุณมีสิ่งประดิษฐ์ของเอเจนต์ที่ต้องการแชร์กับ…

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…

แทนที่ด้วยคำอธิบายของสกิลและเวลาที่ควรใช้

อธิบายสถาปัตยกรรมภายในของ Streamlit ซึ่งรวมถึง backend runtime, frontend rendering และการสื่อสารผ่าน WebSocket ใช้เมื่อดีบักปัญหาที่เกี่ยวข้องกับหลายเลเยอร์...

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

ตรวจสอบเอกสารภายใน (*.md files) เทียบกับสถานะปัจจุบันของโค้ดเบส และเสนอการอัปเดตสำหรับข้อมูลที่ล้าสมัยหรือไม่ถูกต้อง

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

เอกสารคำสั่ง CLI ของ Streamlit สำหรับรันแอป จัดการการกำหนดค่า และวินิจฉัยปัญหา ใช้เมื่อเริ่มต้นแอป Streamlit กำหนดค่าตัวเลือกขณะรัน หรือ...

การใช้คอมโพเนนต์ที่กำหนดเองของ Streamlit จากบุคคลที่สาม ใช้เมื่อต้องการขยายความสามารถของ Streamlit ด้วยแพ็กเกจจากชุมชน ครอบคลุมการติดตั้ง คอมโพเนนต์ที่กำหนดเองยอดนิยม และเมื่อใดที่…

การจัดโครงสร้างเลย์เอาต์ของแอป Streamlit ใช้เมื่อวางเนื้อหาในแถบด้านข้าง คอลัมน์ คอนเทนเนอร์ หรือไดอะล็อก ครอบคลุมการใช้งานแถบด้านข้าง ข้อจำกัดของคอลัมน์ แนวนอน…

ครอบคลุมฟีเจอร์ Markdown ทั้งหมดใน Streamlit รวมถึงไวยากรณ์แบบ GitHub-flavored และส่วนขยายของ Streamlit เช่น ข้อความสี ป้าย ไอคอน Material และ LaTeX ใช้…

การใช้ st.session_state เพื่อจัดการสถานะระหว่างการรันซ้ำของ Streamlit ใช้เมื่อต้องการคงข้อมูล จัดการสถานะของวิดเจ็ต ใช้งาน callback หรือดีบักสถานะ…

เขียนข้อกำหนดผลิตภัณฑ์และข้อกำหนดทางเทคนิคสำหรับฟีเจอร์ Streamlit ใหม่ ใช้เมื่อออกแบบคำสั่ง API, วิดเจ็ต หรือการเปลี่ยนแปลงสำคัญที่ต้องได้รับการตรวจสอบจากทีมก่อน...

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