stitch-design
von google-labs-code
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...
npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch-designMehr Skills von google-labs-code
typed-service-contracts
google-labs-code
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…
stitch::code-to-design
google-labs-code
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…
react-vite-dashboard
google-labs-code
Wandle Stitch-Designs in produktionsreife React + Vite-Dashboards um, mit TanStack Query, zugänglichen Tokens aus DESIGN.md und Web3-fähigen Mustern (ethers/viem).
stitch::extract-design-md
google-labs-code
Extrahiere ein umfassendes Designsystem (DESIGN.md) direkt aus dem Frontend-Quellcode – React, Vue, Svelte, Angular, einfaches HTML/CSS oder jedes Web-Framework.…
remotion
google-labs-code
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...
ink
google-labs-code
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…
tdd-red-green-refactor
google-labs-code
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.
automate-github-issues
google-labs-code
Richten Sie automatisiertes GitHub-Issue-Triage und -Resolution mit parallelen Jules-Coding-Agenten ein.