stitch::react-components

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…

npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch::react-components

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