wwb1942/openclaw-fullstack-dev

Was macht openclaw-fullstack-dev?

OpenClaw AgentSkill für die Auslieferung von Full-Stack-Apps mit build-verifizierten Starter-Vorlagen, Architektur-Workflow und Handoff-Anleitung

Übersicht

Diese Skill bietet eine strukturierte Methode zur Entwicklung von Full-Stack-Anwendungen, die von der ersten Idee bis zur Produktion führt. Sie umfasst:

• Build-verifizierte Starter-Vorlagen: Vorgefertigte Projekt-Templates, die mit aktuellen Build-Tools und Best Practices konfiguriert sind.
• Architektur-Workflow: Ein schrittweiser Prozess, der Architekturentscheidungen dokumentiert und den Entwicklungsablauf optimiert.
• Handoff-Anleitung: Klare Richtlinien für die Übergabe von Code, Dokumentation und Aufgaben an andere Entwickler oder KI-Agenten.

Verwendung

Voraussetzungen

• Node.js (v18 oder höher)
• npm oder yarn
• Ein KI-Agent, der diese Skill unterstützt (z. B. Claude Code, Cursor, Codex)

Installation

1. Fügen Sie die Skill zu Ihrem Agenten hinzu:
   • Für Claude Code: claude-code add-skill wwb1942/openclaw-fullstack-dev
   • Für Cursor: Fügen Sie den Skill-Pfad in der Cursor-Konfiguration hinzu.
2. Starten Sie den Agenten neu.

Befehle

Befehl	Beschreibung
init-starter <vorlage>	Erstellt ein neues Projekt basierend auf einer Starter-Vorlage
run-workflow <schritt>	Führt einen Schritt des Architektur-Workflows aus
handoff <ziel>	Generiert eine Handoff-Dokumentation für das angegebene Ziel

Starter-Vorlagen

Die folgenden Vorlagen sind verfügbar:

• react-express: React-Frontend mit Express-Backend
• nextjs-prisma: Next.js mit Prisma ORM
• vue-fastify: Vue.js mit Fastify-Server

Jede Vorlage ist build-verifiziert und enthält:

• Vorkonfigurierte Build-Tools (z. B. Vite, Webpack)
• ESLint- und Prettier-Konfiguration
• Beispielhafte Tests
• CI/CD-Pipeline-Vorlagen

Architektur-Workflow

Der Workflow besteht aus folgenden Schritten:

1. Anforderungsanalyse: Sammeln und Dokumentieren der Projektanforderungen.
2. Architektur-Design: Erstellen eines High-Level-Designs mit Komponenten, Datenflüssen und Schnittstellen.
3. Implementierung: Generieren von Code basierend auf dem Design.
4. Test- und Qualitätssicherung: Ausführen von Tests und Überprüfen der Code-Qualität.
5. Deployment und Release: Vorbereiten der Anwendung für die Produktion.
6. Handoff: Dokumentieren und Übergeben des Projekts an das Betriebsteam.

Handoff-Anleitung

Um eine reibungslose Übergabe zu gewährleisten, enthält diese Skill:

• Eine Vorlage für Handoff-Dokumente (siehe docs/handoff-template.md)
• Checklisten für Code-Reviews, Abhängigkeiten und Umgebungsvariablen
• Anleitungen zur Integration mit gängigen CI/CD-Plattformen

Konfiguration

Sie können die Skill über die Datei openclaw.config.json anpassen:

{
  "starter": "react-express",
  "workflowSteps": ["analysis", "design", "implementation", "testing", "deployment", "handoff"],
  "outputDir": "./output"
}

Lizenz

MIT