S

Skills Streamlit

addressing-pr-review-comments

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

assessing-external-test-risk

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

building-streamlit-chat-ui

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

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

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

building-streamlit-multipage-apps

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

checking-changes

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

choosing-streamlit-selection-widgets

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

connecting-streamlit-to-snowflake

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

creating-pull-requests

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

creating-streamlit-themes

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

debugging-streamlit

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

developing-with-streamlit

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

developing-with-streamlit

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

discovering-make-commands

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

displaying-streamlit-data

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

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

fixing-flaky-e2e-tests

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

fixing-streamlit-ci

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

generating-changelog

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

implementing-feature

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

implementing-new-features

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

improving-frontend-coverage

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

improving-python-coverage

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

improving-streamlit-design

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

optimizing-streamlit-performance

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

organizing-streamlit-code

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

setting-up-streamlit-environment

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

sharing-pr-agent-artifacts

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

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

understanding-streamlit-architecture

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

updating-internal-docs

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

using-streamlit-cli

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

using-streamlit-custom-components

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

using-streamlit-layouts

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

using-streamlit-markdown

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

using-streamlit-session-state

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

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