stitch::generate-design

โดย google-labs-code

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

npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch::generate-design

ดาวน์โหลด ZIP GitHub

Skills เพิ่มเติมจาก google-labs-code

typed-service-contracts

google-labs-code

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

stitch::code-to-design

google-labs-code

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

react-vite-dashboard

google-labs-code

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

stitch::extract-design-md

google-labs-code

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

google-labs-code

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

google-labs-code

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

tdd-red-green-refactor

google-labs-code

ทักษะ

automate-github-issues

google-labs-code

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