Skills Google Labs Code

design.md/.agents/skills/agent-dx-cli-scale

มาตราส่วนการให้คะแนนสำหรับการประเมินว่า CLI ได้รับการออกแบบมาสำหรับเอเจนต์ AI ดีเพียงใด โดยอิงตามหลักการ "Rewrite Your CLI for AI Agents

jules-skills/skills/automate-github-issues

ตั้งค่าระบบคัดแยกและแก้ไขปัญหา GitHub อัตโนมัติโดยใช้เอเจนต์การเขียนโค้ด Jules แบบขนาน

stitch-skills/plugins/stitch-utilities/skills/design-md

วิเคราะห์โครงการออกแบบ Stitch และสร้างไฟล์ DESIGN.md เชิงความหมายเพื่อเป็นแหล่งความจริงสำหรับการเขียน prompt ดึงข้อมูลเมตาหน้าจอ, ซอร์ส HTML/CSS และทรัพยากรการออกแบบจากโครงการ Stitch ผ่านเครื่องมือ MCP Server เพื่อแยกโทเค็นการออกแบบและรูปแบบภาพ สังเคราะห์ผลลัพธ์เป็นไฟล์ DESIGN.md ที่มีโครงสร้างครอบคลุมบรรยากาศ, จานสีพร้อมรหัส hex, การพิมพ์, การจัดสไตล์คอมโพเนนต์ และหลักการจัดวาง แปลงค่าทางเทคนิค (คลาส Tailwind, border-radius, เงา) เป็น...

stitch-skills/plugins/stitch-utilities/skills/enhance-prompt

แปลงแนวคิด UI ที่คลุมเครือให้เป็นพรอมต์ที่สมบูรณ์แบบและปรับให้เหมาะสมกับ Stitch พร้อมบริบทของระบบการออกแบบ ประเมินองค์ประกอบที่ขาดหายไป (แพลตฟอร์ม ประเภทหน้า สไตล์ภาพ สี ส่วนประกอบ) และเติมเต็มช่องว่างอย่างเป็นระบบ ตรวจสอบและรวมไฟล์ DESIGN.md เพื่อให้แน่ใจว่ามีความสอดคล้องกันในโครงการหลายหน้า ใช้เทคนิคการปรับปรุงรวมถึงความเฉพาะเจาะจงของคำสำคัญ UI/UX การเพิ่มอารมณ์ การจัดโครงสร้างหน้า และการจัดรูปแบบสีที่เหมาะสม ส่งออกพรอมต์ที่มีโครงสร้างพร้อมสำหรับ Stitch...

stitch-sdk/skills/github-codebase-briefing

ทักษะนี้ทำการ "อ่านเชิงลึก" ของ repository โดยหลีกเลี่ยงการแสดงรายการแบบผิวเผิน โดยเริ่มจากการทำความเข้าใจสถาปัตยกรรมของโปรเจกต์ จากนั้นจึงประเมินรายการที่เปิดอยู่ตามบริบทนั้น

design.md/.agents/skills/ink

โปรแกรมเรนเดอร์เทอร์มินัลสำหรับ json-render ที่แปลงสเปก JSON เป็น UI เทอร์มินัลแบบโต้ตอบ ใช้เมื่อทำงานกับ @json-render/ink สร้าง UI เทอร์มินัลจาก...

jules-skills/skills/local-action-verification

ตั้งค่ารีโพสิทอรีสำหรับการตรวจสอบ GitHub Actions ในเครื่องโดยใช้ act เพื่อให้ Jules สามารถตรวจสอบ CI ก่อนพุช

stitch-skills/plugins/stitch-build/skills/react-vite-dashboard

แปลงการออกแบบ Stitch เป็นแดชบอร์ด React + Vite สำหรับโปรดักชัน ด้วย TanStack Query โทเค็นที่เข้าถึงได้จาก DESIGN.md และรูปแบบที่พร้อม Web3 (ethers/viem)

stitch-skills/skills/react:components

react:components — ทักษะที่สามารถติดตั้งได้สำหรับเอเจนต์ AI เผยแพร่โดย google-labs-code/stitch-skills

stitch-skills/plugins/stitch-build/skills/remotion

สร้างวิดีโอแนะนำแบบมืออาชีพจากดีไซน์แอป Stitch โดยใช้ Remotion พร้อมทรานซิชันที่ราบรื่นและข้อความซ้อนทับ ดึงภาพหน้าจอจากโปรเจกต์ Stitch และจัดเรียงเป็นองค์ประกอบวิดีโอ Remotion พร้อมเอฟเฟกต์ซูม ทรานซิชันแบบเฟด และข้อความซ้อนทับตามบริบท รองรับสถาปัตยกรรมโมดูลาร์ของคอมโพเนนต์ด้วย ScreenSlide และ WalkthroughComposition พร้อมฟีเจอร์ขั้นสูง เช่น จุดโต้ตอบและการรวมเสียงพากย์ สร้างรายการหน้าจอ ดาวน์โหลด...

stitch-skills/plugins/stitch-build/skills/shadcn-ui

คำแนะนำจากผู้เชี่ยวชาญในการค้นหา ติดตั้ง และปรับแต่งคอมโพเนนต์ shadcn/ui ในโปรเจกต์ของคุณ shadcn/ui คือชุดคอมโพเนนต์แบบคัดลอกและวาง ไม่ใช่ไลบรารี—คอมโพเนนต์จะอยู่ในโค้ดเบสของคุณเพื่อความเป็นเจ้าของและการปรับแต่งอย่างเต็มที่โดยไม่ถูกล็อกด้วยเวอร์ชัน ประกอบด้วยคอมโพเนนต์ที่สร้างไว้ล่วงหน้ากว่า 50 รายการที่เข้าถึงได้ (ปุ่ม ไดอะล็อก ฟอร์ม ตาราง ฯลฯ) สร้างบนพื้นฐาน Radix UI หรือ Base UI พร้อมสไตล์ Tailwind CSS รองรับการปรับแต่งธีมผ่านตัวแปร CSS รูปแบบคอมโพเนนต์ที่หลากหลายด้วย...

stitch-skills/skills/stitch-design

จุดเริ่มต้นระบบการออกแบบแบบรวมศูนย์สำหรับการสร้างและแก้ไขหน้าจอ UI ความละเอียดสูงด้วย Stitch MCP เปลี่ยนแนวคิดการออกแบบคร่าวๆ ให้เป็นพรอมต์ที่มีโครงสร้างโดยใช้คำศัพท์ UI/UX ระดับมืออาชีพและบริบทของระบบการออกแบบ สังเคราะห์โปรเจกต์ Stitch ที่มีอยู่ให้เป็นเอกสาร .stitch/DESIGN.md "แหล่งความจริง" เพื่อความสอดคล้องกันระหว่างหน้าจอต่างๆ จัดเส้นทางคำขออย่างชาญฉลาดระหว่างการสร้างการออกแบบจากข้อความ การแก้ไขหน้าจอ และเวิร์กโฟลว์เอกสารระบบการออกแบบ จัดการทรัพย์สินโดยอัตโนมัติโดย...

stitch-skills/plugins/stitch-utilities/skills/stitch-loop

โปรแกรมสร้างเว็บไซต์อัตโนมัติที่ใช้การสร้าง Stitch แบบวนซ้ำพร้อมการประสานงานแบบส่งต่อ ใช้รูปแบบรีเลย์ที่แต่ละรอบของเอเจนต์จะอ่านงานจาก .stitch/next-prompt.md สร้างหน้าผ่าน Stitch MCP รวมเข้ากับเว็บไซต์ และเขียนงานถัดไปเพื่อดำเนินการต่อ จัดการสถานะโปรเจกต์ Stitch ผ่าน .stitch/metadata.json โดยคงรหัสโปรเจกต์ ข้อมูลเมตาของหน้าจอ และธีมการออกแบบในแต่ละรอบ ต้องมี .stitch/DESIGN.md (ระบบการออกแบบภาพ) และ...

stitch-sdk/.agents/skills/stitch-sdk-bug-bash

ค้นหาบั๊กใน Stitch SDK โดยใช้คีย์ API จริง ครอบคลุมขอบฟังก์ชันมาตรฐานและสถานการณ์ที่ซับซ้อน

stitch-sdk/.agents/skills/stitch-sdk-development

พัฒนา Stitch SDK ครอบคลุมไปป์ไลน์การสร้าง โหมดคู่ (เอเจนต์กับ SDK) การจัดการข้อผิดพลาด และการใช้งาน Traffic Light (แดง-เขียว-เหลือง)…

stitch-sdk/.agents/skills/stitch-sdk-domain-design

ออกแบบโมเดลโดเมนสำหรับ Stitch SDK ใช้เมื่อแมปเครื่องมือ MCP ไปยังคลาสโดเมนและ bindings ใน domain-map.json นี่คือขั้นตอนที่ 2 ของการสร้าง…

stitch-sdk/.agents/skills/stitch-sdk-pipeline

รันไปป์ไลน์การสร้าง Stitch SDK แบบเต็ม ใช้เมื่อมีการเพิ่มเครื่องมือใหม่ หรือจำเป็นต้องสร้าง SDK ใหม่ตั้งแต่ต้นจนจบ

stitch-sdk/.agents/skills/stitch-sdk-readme

สร้างหรืออัปเดต README สำหรับ Stitch SDK ใช้โครงสร้าง Bookstore Test และดึง API ปัจจุบันจาก codebase ใช้เมื่อ README ต้องการ...

stitch-sdk/.agents/skills/stitch-sdk-usage

stitch-sdk-usage — ทักษะที่สามารถติดตั้งได้สำหรับเอเจนต์ AI เผยแพร่โดย google-labs-code/stitch-sdk

stitch-skills/skills/stitch::code-to-design

แปลงโค้ด frontend (Vite, React ฯลฯ) เป็น Stitch Design โดยการเชื่อมโยงการแยก HTML แบบ static, การแยกระบบดีไซน์ และการอัปโหลดไฟล์ **ควรใช้สิ่งนี้เสมอ…**

stitch-skills/skills/stitch::extract-design-md

แยกชุดระบบการออกแบบที่ครอบคลุม (DESIGN.md) ออกจากซอร์สโค้ดส่วนหน้าโดยตรง — React, Vue, Svelte, Angular, HTML/CSS ธรรมดา หรือเว็บเฟรมเวิร์กใดๆ…

stitch-skills/skills/stitch::extract-static-html

แยก HTML แบบคงที่แบบสมบูรณ์จากเว็บแอปพลิเคชันที่สร้างขึ้นหรือคอมโพเนนต์ React โดยการรวม CSS และรูปภาพเข้าไว้ด้วยกัน ใช้สกิลนี้เมื่อคุณต้องการบันทึก...

stitch-skills/skills/stitch::generate-design

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

stitch-skills/skills/stitch::manage-design-system

จัดการระบบดีไซน์ใน Stitch โดยใช้เครื่องมือ MCP รวมถึงการดึงข้อมูลแอสเซท การสร้าง/อัปเดตระบบดีไซน์ใน Stitch และการนำไปใช้กับหน้าจอ

stitch-skills/skills/stitch::react-components

แปลงการออกแบบ Stitch เป็นโมดูลาร์ Vite และ React components หรือซิงค์/อัปเดต React components ที่มีอยู่ให้สอดคล้องกับการออกแบบ Stitch ล่าสุด โดยใช้…

stitch-skills/skills/stitch::react-native

แปลงการออกแบบ HTML ของ Stitch เป็นคอมโพเนนต์ React Native หรือซิงค์/อัปเดตคอมโพเนนต์เนทีฟที่มีอยู่ให้สอดคล้องกับการออกแบบ Stitch ล่าสุด โดยใช้ StyleSheet

stitch-skills/skills/stitch::upload-to-stitch

อัปโหลดทรัพยากรในเครื่อง (รูปภาพ ต้นแบบ HTML ที่แยกออกมา มาร์กดาวน์การออกแบบ) ไปยังโปรเจกต์ Stitch ใช้ทักษะนี้เสมอเมื่อคุณต้องการอัปโหลดทรัพยากรภาพ HTML…

stitch-skills/plugins/stitch-utilities/skills/taste-design

ทักษะระบบการออกแบบเชิงความหมายสำหรับ Google Stitch สร้างไฟล์ DESIGN.md ที่เป็นมิตรกับเอเจนต์ ซึ่งบังคับใช้มาตรฐาน UI ระดับพรีเมียมและไม่ซ้ำซาก — การจัดวางตัวอักษรที่เคร่งครัด…

stitch-sdk/skills/tdd-red-green-refactor

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

design.md/skills/tdd-red-green-refactor

ทักษะ