Skills Google Labs Code

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ทักษะ

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

มาตรฐานสถาปัตยกรรมสำหรับการสร้างบริการ TypeScript ที่แข็งแกร่งและปลอดภัยต่อชนิดข้อมูล โดยใช้รูปแบบ "Spec and Handler" ใช้เมื่อสร้าง CLI, ไลบรารี หรือระบบที่ซับซ้อน…