Neugestaltung einer Website mit Claude Code, Strapi und GCP Cloud Run
Ein Entwickler schilderte seine Erfahrungen beim Neubau der Unternehmenswebsite nach dem Weggang von der Lovable-Plattform. Die Hauptmotivation war, die Einschränkungen des Lovable-Credit-Systems zu überwinden, das lokale Entwicklung und Automatisierungsmöglichkeiten einschränkte und Bedenken bei Änderungen hervorrief. Der neue Stack wurde mit Claude Code erstellt, wobei Strapi als Headless-CMS und GCP Cloud Run für das Deployment genutzt wurden.
Technischer Stack und Umsetzung
Der Neuaufbau konzentrierte sich auf drei Kernkomponenten: Claude Code für KI-gestützte Entwicklung, Strapi für Content-Management und Google Cloud Platform für Hosting und Services. Diese Kombination bot Zugang zu einer Datenbank, Automatisierungstools, einem Scheduler, Skalierungsoptionen und anderen Google-Diensten, die im kostenlosen Tarif verfügbar sind.
Fähigkeitsentwicklung und Nutzung
Der Entwickler nutzte während des Projekts intensiv das Fähigkeitssystem von Claude Code:
- Verwendete von Anthropic bereitgestellte Fähigkeiten wie die Frontend-Fähigkeit und die Ästhetik-Fähigkeit
- Erstellte zahlreiche eigene Fähigkeiten im Projektverlauf
- Spezifische designbezogene Fähigkeiten umfassten:
- Superpower-Plug-in für Brainstorming
- Remotion-Fähigkeit für Videos und interaktive Grafiken (Beispiele im Blogbeitrag und auf der Website sichtbar)
- Eigene Design-Fähigkeiten zur Beibehaltung einer konsistenten Designsprache
- Draw things-Fähigkeit
- Entwickelte operative Fähigkeiten einschließlich:
- Deployment auf GCP über Strapi
- Erstellung von Schemas für Blogbeiträge, SEO und AEO
- Aufbau einer automatischen Content-Pipeline mit Claude Code
Workflow-Vorteile
Der Entwickler betonte die Möglichkeit, alle Änderungen lokal mit Strapi durchzuführen und den Fortschritt mit GitHub zu synchronisieren, während das Deployment von GCP Cloud Run übernommen wird. Dieser Ansatz beseitigte die ständige Angst vor Änderungen, die beim vorherigen Lovable-Setup bestand. Das Projekt ist Open Source, und das Team veranstaltet ein Live-Webinar zu Advanced Agentic Workflows mit Claude Code.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Claude Code entwirft druckbare Visitenkarten mit HTML + Playwright
Ein Benutzer automatisierte das Design von Visitenkarten, indem er Claude ein Katzenfoto und einen Weblink gab, mit Playwright-Screenshots iterierte, bis es perfekt war, und dann auf Avery-Kartenpapier über eine 2x5-Raster-HTML-Vorlage druckte.
Entwicklung eines Slay the Spire 2-Agenten mit lokalen LLMs: Erkenntnisse und offene Probleme
Ein Entwickler hat einen Agenten erstellt, der Slay the Spire 2 mithilfe von Qwen3.5-27B über KoboldCPP/Ollama spielt. Dabei wurden etwa 10 Sekunden pro Aktion und eine Erfolgsquote von etwa 88 % erreicht, dank Techniken wie zustandsbasierter Tool-Routing und Single-Tool-Modus, wobei offene Probleme wie Prompt-Konsistenz und Tool-Aufrufzuverlässigkeit identifiziert wurden.
Onboarding von KI-Agenten wie Junior-Mitarbeiter: CLAUDE.md und Produktionserfahrungen
Ein Laden, der vollständig mit KI-Agenten betrieben wird, behandelte das Onboarding wie die Einstellung eines Junior-Mitarbeiters und stellte fest, dass klare Vorgaben in einem CLAUDE.md-Dokument durchweg besser abschnitten als 'intelligentere' Modelle mit vagen Anweisungen.
Autonomer OpenClaw-Agent führt 24-Stunden-Kaltakquise mit API-Schlüsseln durch
Ein Entwickler führte ein Experiment durch, bei dem ein OpenClaw-Agent für 24 Stunden mit vollständigen Lese- und Schreibrechten ausgestattet wurde, um einen kompletten Cold-Outreach-Betrieb ohne menschliches Eingreifen zu führen. Das Setup nutzte OpenClaw für autonome Entscheidungsfindung, Zapier MCP für Integrationen, die Brave Search API für Recherchen und Gemini/OpenRouter für umfangreiche Kontextverarbeitung.