Communitygithub.com

404kidwiz/super-stitch-skill

Prämienfertigkeit für die Orchestrierung von Google Stitch Designs mit Website-Klonen, Neugestaltungszyklen und Code-Übergabe.

Was ist super-stitch-skill?

Dieses Skill ist eine professionelle Erweiterung für KI-Agenten, die die Arbeit mit Google Stitch (einer Design-Umgebung von Google) optimiert. Es ermöglicht das Klonen vorhandener Websites, die iterative Neugestaltung in Schleifen sowie die geordnete Übergabe von generiertem Code an Entwickler. Der Skill eignet sich besonders für Agenten wie Claude Code, Cursor oder Codex und automatisiert wiederkehrende Schritte im UI/UX-Workflow: vom Scannen einer Seite über die Extraktion des Stitch-Designs bis hin zur Bereitstellung von sauberem, produktionsreifem Code. Durch die strukturierte Orchestrierung werden Design-Reviews und Handoffs zwischen KI und menschlichen Entwicklern deutlich effizienter. Der Skill ist ideal für Teams, die schnelle Prototypen aus bestehenden Websites ableiten oder in kontrollierten Neugestaltungszyklen arbeiten möchten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add 404kidwiz/super-stitch-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht super-stitch-skill?

Prämienfertigkeit für die Orchestrierung von Google Stitch Designs mit Website-Klonen, Neugestaltungszyklen und Code-Übergabe.

Beschreibung

Dieser Skill orchestriert den vollständigen Workflow für Google Stitch: vom Klonen einer bestehenden Website über die Extraktion des Stitch-Designs bis hin zur iterativen Neugestaltung und finalen Code-Übergabe. Er ist optimiert für den Einsatz mit KI-Agenten wie Claude Code, Cursor und Codex.

Hauptfunktionen

  • Website-Klonen: Extrahiert das vollständige Stitch-Design einer Ziel-URL
  • Neugestaltungszyklen: Ermöglicht mehrfache Design-Iterationen mit Feedback-Schleifen
  • Code-Übergabe: Generiert sauberen, produktionsreifen Code aus dem finalen Design

Voraussetzungen

  • Zugriff auf einen KI-Agenten (Claude Code, Cursor, Codex o.ä.)
  • gcloud CLI konfiguriert für Google Cloud Projekte
  • Berechtigung für Google Stitch APIs

Verwendung

  1. Skill aktivieren: Den Skill im jeweiligen Agenten-Ökosystem installieren (z.B. via claude.json in Claude Code)
  2. Ziel angeben: URL der zu klonenden Website bereitstellen
  3. Iterieren: Designanpassungen in natürlicher Sprache anfordern
  4. Finalisieren: Code-Export für die Entwickler-Übergabe auslösen

Beispiel-Setup (Claude Code)

{
  "skills": [
    {
      "name": "404kidwiz/super-stitch-skill",
      "description": "Google Stitch Design Orchestrierung"
    }
  ]
}

Lizenz

Proprietär – Nur zur Nutzung mit autorisierten KI-Agenten.

Verwandte Skills