Erstellung des Projektkontexts mit Claude.md

Bevor die Landingpage erstellt wird, einen separaten Projektordner anlegen und eine CLAUDE.md-Datei hinzufügen. Diese Datei bietet Claude Code einen dauerhaften Kontext zum Projekt, zu dessen Zielen, Struktur und Entwicklungskonventionen.

Claude liest die CLAUDE.md, wenn eine neue Sitzung beginnt. Dadurch entfällt die Notwendigkeit, dieselben Anweisungen in jeder Unterhaltung zu wiederholen, und Claude kann Entscheidungen treffen, die mit dem Projekt konsistent bleiben.

Erstellung einer effektiven CLAUDE.md-Datei

Eine CLAUDE.md-Datei benötigt keine feste Struktur. Sie sollte kurz, klar und leicht aktualisierbar sein. Markdown-Überschriften und Aufzählungspunkte eignen sich gut zur Dokumentation von:

• Projektziel
• Zielgruppe
• Technologiestack
• Repository-Struktur
• Build- und Testbefehle
• Wichtige Programmierkonventionen

Claude kann auch die eigene Dokumentation nach aktuellen Empfehlungen durchsuchen, bevor die Datei erstellt wird.

Auswahl des Speicherorts

Eine CLAUDE.md-Datei kann je nach Speicherort unterschiedlichen Kontext bieten:

• Home-Verzeichnis: Anweisungen, die projektübergreifend gelten
• Projekt-Root: Kontext für das gesamte Repository
• Unterverzeichnis: Anweisungen für einen bestimmten Teil des Projekts

Beispielsweise kann die Datei im Root-Verzeichnis das gesamte Outreach-System beschreiben, während eine Datei im Landingpage-Ordner spezifische Anweisungen für die Website enthält.

Vorbereitung der Landingpage

Claude kann vor dem Erstellen der Projektdateien klärende Fragen stellen. In diesem Beispiel verwendet die Landingpage Next.js und Tailwind CSS.

Sobald der Ordner und die Kontextdatei bereit sind, kann Claude die Anwendung anlegen und ein erstes Design anhand eines hochgeladenen Referenzbildes erstellen. Es können Elemente wie folgende erkannt werden:

• Farben und Typografie
• Servicekarten
• Fallstudien
• Kundenmeinungen
• Kontaktformulare
• Fußzeilen

Die erste Version erfordert in der Regel Überarbeitung. Zusätzlicher Geschäftskontext und Feedback können dann in einem iterativen Prozess bereitgestellt werden, bis Inhalt und Design dem gewünschten Ergebnis entsprechen.