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.

Eine Bewertungsskala zur Beurteilung, wie gut eine CLI für KI-Agenten gestaltet ist, basierend auf den Prinzipien von "Rewrite Your CLI for AI Agents".

Richten Sie automatisiertes GitHub-Issue-Triage und -Resolution mit parallelen Jules-Coding-Agenten ein.

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...

Analysiere Stitch-Designprojekte und generiere semantische DESIGN.md-Dateien als maßgebliche Prompt-Quelle. Ruft Bildschirm-Metadaten, HTML/CSS-Quellen und Design-Assets aus Stitch-Projekten über MCP-Server-Tools ab, um Design-Tokens und visuelle Muster zu extrahieren. Fasst Ergebnisse in strukturierten DESIGN.md-Dateien zusammen, die Atmosphäre, Farbpalette mit Hex-Codes, Typografie, Komponenten-Styling und Layout-Prinzipien abdecken. Übersetzt technische Werte (Tailwind-Klassen, border-radius, Schatten) in ausdrucksstarke...

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...

Wandelt vage UI-Ideen in ausgefeilte, Stitch-optimierte Prompts mit Design-System-Kontext um. Bewertet fehlende Elemente (Plattform, Seitentyp, visueller Stil, Farben, Komponenten) und füllt Lücken systematisch. Prüft auf DESIGN.md-Dateien und integriert sie, um Konsistenz über mehrseitige Projekte hinweg sicherzustellen. Wendet Verbesserungstechniken an, darunter UI/UX-Keyword-Spezifität, Stimmungsverstärkung, Seitenstrukturorganisation und korrekte Farbformatierung. Gibt strukturierte Prompts aus, die für Stitch bereit sind...

Diese Fähigkeit führt eine "tiefgehende Lektüre" eines Repositorys durch. Sie vermeidet oberflächliche Auflistungen, indem sie zunächst die Architektur des Projekts versteht und dann offene Punkte in diesem Kontext bewertet.

Ink-Terminal-Renderer für json-render, der JSON-Spezifikationen in interaktive Terminal-Benutzeroberflächen umwandelt. Verwenden Sie dies bei der Arbeit mit @json-render/ink, beim Erstellen von Terminal-Benutzeroberflächen aus…

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…

Richte ein Repository für die lokale Überprüfung von GitHub Actions mit act ein, damit Jules CI vor dem Pushen validieren kann.

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

react:components — eine installierbare Fähigkeit für KI-Agenten, veröffentlicht von google-labs-code/stitch-skills.

Erstellen Sie professionelle Walkthrough-Videos aus Stitch-App-Designs mit Remotion, inklusive fließender Übergänge und Texteinblendungen. Ruft Screens aus Stitch-Projekten ab und orchestriert sie in Remotion-Videokompositionen mit Zoomeffekten, Überblendungen und kontextbezogenen Texteinblendungen. Unterstützt modulare Komponentenarchitektur mit ScreenSlide- und WalkthroughComposition-Komponenten sowie erweiterte Funktionen wie interaktive Hotspots und Voiceover-Integration. Generiert Screen-Manifeste, lädt herunter...

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...

Fachkundige Anleitung zum Auffinden, Installieren und Anpassen von shadcn/ui-Komponenten in Ihrem Projekt. shadcn/ui ist eine Kopier-Einfügen-Komponentensammlung, keine Bibliothek – Komponenten befinden sich in Ihrer Codebasis für vollständige Kontrolle und Anpassung ohne Versionsabhängigkeit. Enthält über 50 zugängliche, vorgefertigte Komponenten (Schaltflächen, Dialoge, Formulare, Tabellen usw.), die auf Radix UI- oder Base UI-Primitiven mit Tailwind CSS-Stil basieren. Unterstützt Themenanpassung über CSS-Variablen, Komponentenvarianten mit...

Einheitlicher Einstiegspunkt im Designsystem zur Erstellung und Bearbeitung hochauflösender UI-Bildschirme mit Stitch MCP. Wandelt grobe Designideen mithilfe professioneller UI/UX-Terminologie und Designsystem-Kontext in strukturierte Prompts um. Fasst bestehende Stitch-Projekte in .stitch/DESIGN.md-Dokumenten als „Single Source of Truth“ zusammen, um Konsistenz über Bildschirme hinweg zu gewährleisten. Leitet Anfragen intelligent zwischen Text-zu-Design-Generierung, Bildschirmbearbeitung und Designsystem-Dokumentations-Workflows weiter. Verwaltet Assets automatisch durch...

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...

Autonomer Website-Builder, der iterative Stitch-Generierung mit einer Staffelstab-Übergabe-Schleifenkoordination verwendet. Implementiert ein Relay-Muster, bei dem jede Agenteniteration eine Aufgabe aus .stitch/next-prompt.md liest, eine Seite über Stitch MCP generiert, sie in die Website integriert und die nächste Aufgabe zur Fortsetzung schreibt. Verwaltet den Stitch-Projektstatus über .stitch/metadata.json, wobei Projekt-IDs, Bildschirmmetadaten und das Designthema über Iterationen hinweg beibehalten werden. Erfordert .stitch/DESIGN.md (visuelles Designsystem) und...

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

Finde Bugs im Stitch SDK mit einem echten API-Key. Deckt standardmäßige funktionale Randfälle und knifflige Situationen ab.

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

Entwickeln des Stitch SDK. Umfasst die Generierungspipeline, duale Modalität (Agent vs. SDK), Fehlerbehandlung und Implementierung der Ampel (Rot-Gelb-Grün)…

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…

Entwerfen Sie das Domänenmodell für das Stitch SDK. Verwenden Sie es beim Mapping von MCP-Tools auf Domänenklassen und Bindungen in domain-map.json. Dies ist Stufe 2 der Generierung…

Führe die vollständige Stitch-SDK-Generierungspipeline aus. Verwende dies, wenn ein neues Tool hinzugefügt wird oder das SDK von Grund auf neu generiert werden muss.

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

Generiere oder aktualisiere die README für das Stitch SDK. Verwende die Bookstore-Test-Struktur und beziehe die aktuelle API aus der Codebasis. Verwende dies, wenn die README aktualisiert werden muss…

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 — eine installierbare Fähigkeit für KI-Agenten, veröffentlicht von google-labs-code/stitch-sdk.

Wandle Frontend-Code (Vite, React, etc.) in ein Stitch Design um, indem du statische HTML-Extraktion, Designsystem-Extraktion und Dateiupload verknüpfst. **VERWENDE IMMER** dies…

Extrahiere ein umfassendes Designsystem (DESIGN.md) direkt aus dem Frontend-Quellcode – React, Vue, Svelte, Angular, einfaches HTML/CSS oder jedes Web-Framework.…

Extrahiere eigenständiges statisches HTML aus einer erstellten Webanwendung oder React-Komponenten, indem CSS und Bilder inline eingebunden werden. Verwende diese Fähigkeit, wann immer du eine…

Generieren Sie neue Bildschirme aus Textvorgaben oder Bildern, bearbeiten Sie vorhandene Bildschirme mit Vorgaben und Design-System-Tokens, und generieren Sie Designvarianten mit Stitch MCP.…

Verwalte Designsysteme in Stitch mit MCP-Tools. Beinhaltet das Abrufen von Assets, das Erstellen/Aktualisieren von Designsystemen in Stitch und deren Anwendung auf Bildschirme.

Konvertiert Stitch-Designs in modulare Vite- und React-Komponenten oder synchronisiert/aktualisiert bestehende React-Komponenten, um sie an die neuesten Stitch-Designs anzupassen, unter Verwendung von…

Konvertiert Stitch-HTML-Designs in React Native-Komponenten oder synchronisiert/aktualisiert bestehende native Komponenten, um sie mit den neuesten Stitch-Designs abzugleichen, unter Verwendung von StyleSheet.

Lokale Assets (Bilder, Mockups, extrahiertes HTML, Design-Markdown) in ein Stitch-Projekt hochladen. Verwende diese Fähigkeit IMMER, wenn du visuelle Assets, HTML… hochladen musst.

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...

Semantische Design-System-Fähigkeit für Google Stitch. Erstellt agentenfreundliche DESIGN.md-Dateien, die hochwertige, anti-generische UI-Standards durchsetzen — strenge Typografie,…

Diese Fähigkeit implementiert ein strukturelles Framework für KI-gestützte Programmierung, um sicherzustellen, dass jede Codezeile überprüfbar, typisiert und zweckmäßig ist.

Diese Fähigkeit implementiert ein strukturelles Framework für KI-gestützte Programmierung, um sicherzustellen, dass jede Codezeile überprüfbar, typisiert und zweckmäßig ist.

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…

Architekturstandard für die Erstellung robuster, typsicherer TypeScript-Dienste unter Verwendung des "Spec and Handler"-Musters. Verwenden Sie dies beim Erstellen von CLIs, Bibliotheken oder komplexen…