Google Labs Code Skills

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.

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

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…

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

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

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

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

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

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

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.

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…

stitch-sdk-usage — eine installierbare Fähigkeit für KI-Agenten, veröffentlicht von google-labs-code/stitch-sdk.

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.

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…