Google Labs Code Skills

A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.

Yapay zeka aracıları için bir CLI'nin ne kadar iyi tasarlandığını değerlendiren bir puanlama ölçeği, "Rewrite Your CLI for AI Agents" ilkelerine dayanmaktadır.

Paralel Jules kodlama ajanları kullanarak otomatik GitHub sorun sınıflandırması ve çözümü kurun.

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...

We need to translate the given text from English to Turkish, preserving the name "design-md" if it appears. The text is a description of an agent skill. The instruction says: "Translate only the text inside <text>. Do not include the name unless it appears in the source text." The name "design-md" does not appear in the source text? Actually, the source text starts with "Analyze Stitch design projects..." and does not include "design-md". The name is given in the context as "Name to preserve: design-md", but it is not in the text. So we should not add it. Also, do not include labels like "description". Just translate the text. The text: "Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles

Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects Applies enhancement techniques including UI/UX keyword specificity, mood amplification, page structure organization, and proper color formatting Outputs structured prompts ready for Stitch...

Belirsiz UI fikirlerini, tasarım sistemi bağlamıyla birlikte cilalanmış, Stitch için optimize edilmiş promptlara dönüştürür. Eksik öğeleri (platform, sayfa türü, görsel stil, renkler, bileşenler) değerlendirir ve bunları sistematik olarak doldurur. Çok sayfalı projelerde tutarlılığı sağlamak için DESIGN.md dosyalarını kontrol eder ve entegre eder. UI/UX anahtar kelime özgüllüğü, ruh hali güçlendirme, sayfa yapısı organizasyonu ve doğru renk biçimlendirme dahil olmak üzere geliştirme tekniklerini uygular. Stitch için hazır, yapılandırılmış promptlar üretir...

Bu beceri, bir deponun "derinlemesine okumasını" gerçekleştirir. Projenin mimarisini önce anlayarak yüzeysel listelerden kaçınır ve ardından açık öğeleri bu bağlamda değerlendirir.

Ink terminal renderer for json-render, JSON şartnamelerini etkileşimli terminal arayüzlerine dönüştürür. @json-render/ink ile çalışırken, terminal arayüzleri oluştururken kullanın.

Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…

act kullanarak yerel GitHub Actions doğrulaması için bir depo kurun, böylece Jules itmeden önce CI'yi doğrulayabilir

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

react:components — yapay zeka ajanları için yüklenebilir bir beceri, google-labs-code/stitch-skills tarafından yayınlanmıştır.

Stitch uygulaması tasarımlarından, Remotion kullanarak yumuşak geçişler ve metin katmanlarıyla profesyonel tanıtım videoları oluşturun. Stitch projelerinden ekranları alır ve bunları yakınlaştırma efektleri, solma geçişleri ve bağlamsal metin katmanlarıyla Remotion video kompozisyonlarına dönüştürür. ScreenSlide ve WalkthroughComposition bileşenleriyle modüler bileşen mimarisini ve etkileşimli sıcak noktalar ile seslendirme entegrasyonu gibi gelişmiş özellikleri destekler. Ekran bildirimleri oluşturur, indirir...

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration Generates screen manifests, downloads...

Expert guidance for discovering, installing, and customizing shadcn/ui components in your project. shadcn/ui is a copy-paste component collection, not a library—components live in your codebase for full ownership and customization without version lock-in Includes 50+ accessible, pre-built components (buttons, dialogs, forms, tables, etc.) built on Radix UI or Base UI primitives with Tailwind CSS styling Supports theme customization via CSS variables, component variants with...

Projeinizde shadcn/ui bileşenlerini keşfetme, yükleme ve özelleştirme konusunda uzman rehberlik. shadcn/ui, bir kütüphane değil, kopyala-yapıştır bileşen koleksiyonudur—bileşenler kod tabanınızda bulunur, böylece sürüm kilitlenmesi olmadan tam sahiplik ve özelleştirme sağlar. Radix UI veya Base UI temelleri üzerine inşa edilmiş, Tailwind CSS ile stillendirilmiş 50'den fazla erişilebilir, önceden oluşturulmuş bileşen (düğmeler, diyaloglar, formlar, tablolar vb.) içerir. CSS değişkenleri, bileşen varyantları ile tema özelleştirmeyi destekler

Stitch MCP ile yüksek kaliteli UI ekranları oluşturmak ve düzenlemek için birleşik tasarım sistemi giriş noktası. Kaba tasarım fikirlerini profesyonel UI/UX terminolojisi ve tasarım sistemi bağlamı kullanarak yapılandırılmış istemlere dönüştürür. Mevcut Stitch projelerini ekranlar arasında tutarlılık için .stitch/DESIGN.md "tek doğruluk kaynağı" belgelerinde sentezler. İstekleri metinden tasarıma oluşturma, ekran düzenleme ve tasarım sistemi dokümantasyon iş akışları arasında akıllıca yönlendirir. Varlıkları otomatik olarak yönetir...

Autonomous website builder using iterative Stitch generation with baton-passing loop coordination. Implements a relay pattern where each agent iteration reads a task from .stitch/next-prompt.md , generates a page via Stitch MCP, integrates it into the site, and writes the next task for continuation Manages Stitch project state through .stitch/metadata.json , persisting project IDs, screen metadata, and design theme across iterations Requires .stitch/DESIGN.md (visual design system) and...

We need to translate the given text from English to Turkish, preserving the name "stitch-loop" as is. The text describes an autonomous website builder using iterative Stitch generation with baton-passing loop coordination. It mentions a relay pattern, reading tasks from .stitch/next-prompt.md, generating pages via Stitch MCP, integrating into site, writing next task, managing state through .stitch/metadata.json, persisting project IDs, screen metadata, design theme, and requiring .stitch/DESIGN.md. The text ends with "and..." so we translate that part as well. We must not include the name "stitch-loop" unless it appears in the source text. The source text does not include "stitch-loop" explicitly; it only appears in the instruction as the name to preserve. So we do not add it. We translate the description only. We need to ensure technical terms like "Stitch", "MCP", "baton-passing loop coordination", "relay pattern", file paths, etc. are preserved as is or translated appropriately

Find bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations.

Stitch SDK'de gerçek bir API anahtarı kullanarak hataları bulun. Standart işlevsel uç durumları ve zorlu durumları kapsar.

Develop the Stitch SDK. Covers the generation pipeline, dual modality (agent vs SDK), error handling, and Traffic Light (Red-Green-Yellow) implementation…

Stitch SDK'sini geliştirir. Oluşturma hattını, ikili modaliteyi (ajan vs SDK), hata yönetimini ve Trafik Işığı (Kırmızı-Yeşil-Sarı) uygulamasını kapsar…

Design the domain model for the Stitch SDK. Use when mapping MCP tools to domain classes and bindings in domain-map.json. This is Stage 2 of the generation…

Stitch SDK için alan modelini tasarlayın. MCP araçlarını domain-map.json içindeki alan sınıflarına ve bağlamalara eşlerken kullanın. Bu, oluşturma işleminin 2. Aşamasıdır…

Stitch SDK oluşturma hattının tamamını çalıştırır. Yeni bir araç eklendiğinde veya SDK'nın uçtan uca yeniden oluşturulması gerektiğinde kullanın.

Run the full Stitch SDK generation pipeline. Use when a new tool is added, or the SDK needs to be regenerated end-to-end.

Stitch SDK için README'yi oluştur veya güncelle. Bookstore Test yapısını kullan ve mevcut API'yi kod tabanından al. README'nin güncellenmesi gerektiğinde kullan.

Generate or update the README for the Stitch SDK. Use the Bookstore Test structure and source the current API from the codebase. Use when the README needs to…

Use the Stitch SDK to generate, edit, and iterate on UI screens from text prompts, manage projects, and retrieve screen HTML/images. Use when the user wants to…

stitch-sdk-usage — AI ajanları için yüklenebilir bir beceri, google-labs-code/stitch-sdk tarafından yayınlanmıştır.

Ön uç kodunu (Vite, React vb.) statik HTML çıkarma, tasarım sistemi çıkarma ve dosya yükleme adımlarını zincirleyerek bir Stitch Design'a dönüştürür. **HER ZAMAN** bunu kullan…

Ön uç kaynak kodundan — React, Vue, Svelte, Angular, düz HTML/CSS veya herhangi bir web çerçevesi — doğrudan kapsamlı bir tasarım sistemi (DESIGN.md) çıkarır.

Oluşturulmuş bir web uygulamasından veya React bileşenlerinden, CSS ve görselleri satır içine alarak kendi kendine yeten statik HTML çıkarır. Bir… yakalamanız gerektiğinde bu beceriyi kullanın.

Metin istemlerinden veya görsellerden yeni ekranlar oluşturun, mevcut ekranları istemler ve tasarım sistemi tokenları ile düzenleyin ve Stitch MCP kullanarak tasarım varyantları oluşturun.…

Stitch'te MCP araçlarını kullanarak tasarım sistemlerini yönetin. Varlıkların alınması, Stitch'te tasarım sistemlerinin oluşturulması/güncellenmesi ve bunların ekranlara uygulanmasını içerir.

Stitch tasarımlarını modüler Vite ve React bileşenlerine dönüştürür veya mevcut React bileşenlerini en son Stitch tasarımlarıyla uyumlu hale getirmek için senkronize eder/günceller; kullanarak…

Stitch HTML tasarımlarını React Native bileşenlerine dönüştürür veya mevcut native bileşenleri en son Stitch tasarımlarıyla uyumlu hale getirmek için StyleSheet kullanarak senkronize eder/günceller.

Yerel varlıkları (görseller, maketler, çıkarılmış HTML, tasarım işaretleme dosyaları) bir Stitch projesine yükleyin. Görsel varlıklar, HTML yüklemeniz gerektiğinde HER ZAMAN bu beceriyi kullanın…

Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation. Produces DESIGN.md files encoding visual atmosphere, color calibration, typography rules, component behaviors, layout principles, and motion philosophy in Stitch-native semantic language Enforces strict anti-patterns: bans generic fonts (Inter, Times New Roman), neon aesthetics, overlapping elements, centered Hero sections, fabricated metrics, and AI copywriting clichés...

Google Stitch için Semantik Tasarım Sistemi Yeteneği. Premium, anti-jenerik UI standartlarını uygulayan ajan dostu DESIGN.md dosyaları oluşturur — katı tipografi,…

Bu beceri, her kod satırının doğrulanabilir, türlendirilmiş ve amaçlı olmasını sağlamak için yapay zeka destekli programlamaya yönelik yapısal bir çerçeve uygular.

Bu beceri, her kod satırının doğrulanabilir, türlendirilmiş ve amaçlı olmasını sağlamak için yapay zeka destekli programlamaya yönelik yapısal bir çerçeve uygular.

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

Spec ve Handler" desenini kullanarak sağlam, tür güvenli TypeScript servisleri oluşturmak için mimari standart. CLI'lar, kütüphaneler veya karmaşık…