Skills Google Labs Code

Skala penilaian untuk mengevaluasi seberapa baik CLI dirancang untuk agen AI, berdasarkan prinsip "Rewrite Your CLI for AI Agents".

Siapkan triase dan resolusi isu GitHub otomatis menggunakan agen pengkodean Jules paralel

Menganalisis proyek desain Stitch dan menghasilkan file DESIGN.md semantik sebagai sumber kebenaran untuk prompting. Mengambil metadata layar, sumber HTML/CSS, dan aset desain dari proyek Stitch melalui alat MCP Server untuk mengekstrak token desain dan pola visual. Menyintesis temuan ke dalam file DESIGN.md terstruktur yang mencakup atmosfer, palet warna dengan kode hex, tipografi, gaya komponen, dan prinsip tata letak. Menerjemahkan nilai teknis (kelas Tailwind, border-radius, bayangan) ke dalam...

Mengubah ide UI yang samar menjadi prompt yang halus dan dioptimalkan untuk Stitch dengan konteks sistem desain. Menilai elemen yang hilang (platform, jenis halaman, gaya visual, warna, komponen) dan mengisi celah secara sistematis. Memeriksa dan mengintegrasikan file DESIGN.md untuk memastikan konsistensi di seluruh proyek multi-halaman. Menerapkan teknik peningkatan termasuk spesifisitas kata kunci UI/UX, amplifikasi suasana, organisasi struktur halaman, dan format warna yang tepat. Menghasilkan prompt terstruktur yang siap untuk Stitch...

Keterampilan ini melakukan "pembacaan mendalam" terhadap repositori. Ini menghindari daftar permukaan dengan terlebih dahulu memahami arsitektur proyek dan kemudian mengevaluasi item terbuka terhadap konteks tersebut.

Perender terminal Ink untuk json-render yang mengubah spesifikasi JSON menjadi UI terminal interaktif. Gunakan saat bekerja dengan @json-render/ink, membangun UI terminal dari…

Siapkan repositori untuk verifikasi GitHub Actions lokal menggunakan act, sehingga Jules dapat memvalidasi CI sebelum melakukan push

react:components — an installable skill for AI agents, published by google-labs-code/stitch-skills.

Buat video walkthrough profesional dari desain aplikasi Stitch menggunakan Remotion dengan transisi halus dan overlay teks. Mengambil layar dari proyek Stitch dan mengaturnya menjadi komposisi video Remotion dengan efek zoom, transisi fade, dan overlay teks kontekstual. Mendukung arsitektur komponen modular dengan komponen ScreenSlide dan WalkthroughComposition, serta fitur lanjutan seperti hotspot interaktif dan integrasi sulih suara. Menghasilkan manifes layar, mengunduh...

Panduan ahli untuk menemukan, menginstal, dan menyesuaikan komponen shadcn/ui di proyek Anda. shadcn/ui adalah kumpulan komponen salin-tempel, bukan pustaka—komponen berada di basis kode Anda untuk kepemilikan penuh dan kustomisasi tanpa terkunci versi. Termasuk 50+ komponen pra-bangun yang dapat diakses (tombol, dialog, formulir, tabel, dll.) yang dibangun di atas primitif Radix UI atau Base UI dengan gaya Tailwind CSS. Mendukung kustomisasi tema melalui variabel CSS, varian komponen dengan...

Titik masuk sistem desain terpadu untuk membuat dan mengedit layar UI dengan ketelitian tinggi menggunakan Stitch MCP. Mengubah ide desain kasar menjadi prompt terstruktur menggunakan terminologi UI/UX profesional dan konteks sistem desain. Menyintesis proyek Stitch yang ada menjadi dokumen "sumber kebenaran" .stitch/DESIGN.md untuk konsistensi antar layar. Merutekan permintaan secara cerdas antara pembuatan desain dari teks, pengeditan layar, dan alur kerja dokumentasi sistem desain. Secara otomatis mengelola aset dengan...

Pembangun situs web otonom yang menggunakan generasi Stitch iteratif dengan koordinasi loop operan tongkat. Menerapkan pola relay di mana setiap iterasi agen membaca tugas dari .stitch/next-prompt.md, menghasilkan halaman melalui Stitch MCP, mengintegrasikannya ke dalam situs, dan menulis tugas berikutnya untuk kelanjutan. Mengelola status proyek Stitch melalui .stitch/metadata.json, menyimpan ID proyek, metadata layar, dan tema desain di seluruh iterasi. Membutuhkan .stitch/DESIGN.md (sistem desain visual) dan...

Temukan bug di Stitch SDK menggunakan kunci API nyata. Mencakup tepi fungsional standar dan situasi rumit.

Mengembangkan Stitch SDK. Mencakup pipeline generasi, dual modalitas (agen vs SDK), penanganan kesalahan, dan implementasi Traffic Light (Merah-Hijau-Kuning)…

Rancang model domain untuk Stitch SDK. Gunakan saat memetakan alat MCP ke kelas domain dan pengikatan di domain-map.json. Ini adalah Tahap 2 dari pembangkitan…

Jalankan pipeline generasi Stitch SDK secara penuh. Gunakan saat alat baru ditambahkan, atau SDK perlu dihasilkan ulang dari awal hingga akhir.

Hasilkan atau perbarui README untuk Stitch SDK. Gunakan struktur Bookstore Test dan ambil API saat ini dari basis kode.

stitch-sdk-usage — keterampilan yang dapat diinst

Skill Sistem Desain Semantik untuk Google Stitch. Menghasilkan file DESIGN.md yang ramah agen dan menegakkan standar UI premium anti-generik — tipografi ketat,…

Keterampilan ini menerapkan kerangka kerja struktural untuk pemrograman berbantuan AI guna memastikan setiap baris kode dapat diverifikasi, memiliki tipe, dan memiliki tujuan.

Keterampilan ini menerapkan kerangka kerja struktural untuk pemrograman berbantuan AI guna memastikan setiap baris kode dapat diverifikasi, memiliki tipe, dan memiliki tujuan.

Standar arsitektur untuk membangun layanan TypeScript yang kokoh dan aman tipe menggunakan pola "Spec and Handler". Gunakan saat membangun CLI, pustaka, atau sistem yang kompleks…