Vom PRD zum Prototyp in 15 Minuten
Vom PRD zum Prototyp in 15 Minuten
PMs schreiben Spezifikationen. Engineers bauen sie. Die Lücke dazwischen kostet Wochen.
Was wäre, wenn du diese Lücke selbst schließen könntest? In dieser Lektion verwandelst du eine Produktidee in eine fertige HTML-Seite — ein Product Brief mit Anforderungen, einem UI-Wireframe-Entwurf und Erfolgsmetriken. Kein Engineering-Ticket nötig. Liefere den Beweis, nicht die Spezifikation.
Anweisungen
Füge ein <h1> mit deinem Produktnamen hinzu — mach es fett und groß
Tipp: Versuch es so: `<h1 class="text-3xl font-bold text-gray-900 mt-2">DeinProdukt — Kurzer Slogan</h1>`
Wo kommt das hin?
<!-- Step 1: Add an <h1> with your product name -->Schreib es in Zeile 12 — die leere Zeile direkt unter diesem Kommentar.
Füge eine <ul class="requirements"> mit mindestens 3 <li>-Einträgen hinzu, die beschreiben, was das Produkt können muss
Füge ein <div class="wireframe"> hinzu, das die Benutzeroberfläche skizziert — verwende farbige Boxen für UI-Phasen oder -Bereiche
Füge mindestens eine Erfolgsmetrik hinzu — eine Zahl oder ein Prozentsatz, der definiert, wie „fertig" aussieht. Verwende das Wort „metric" oder „Metrik" irgendwo auf der Seite
Dein Code
Beschreibe, was du für diesen Schritt bauen willst, und ich schreibe den Code — klicke dann auf Übernehmen, um ihn in deinen Editor zu übertragen. Dieser Schritt: Füge ein <h1> mit deinem Produktnamen hinzu — mach es fett und groß