Zum Inhalt springen
Leitfaden6 Min. Lesezeit

Bolt Portfolio-Demovideo

Beweisen Sie, dass der Build läuft, nicht nur, dass ein Prompt ihn erzeugt hat.

Verwandeln Sie einen deployten Bolt-Build in einen Portfolio-Eintrag, der beweist, dass er läuft, nicht nur, dass ein Prompt etwas erzeugt hat.

Ansehen, wie es funktioniertDie ersten 60 Sekunden Video sind kostenlos, mit Wasserzeichen. Bestätigen Sie Ihre E-Mail-Adresse, um es herunterzuladen.

Ein mit Bolt erstelltes Projekt weckt bei jedem, der ein Portfolio prüft, einen bestimmten Zweifel: Wurde das tatsächlich gebaut, oder hat ein Prompt einfach etwas erzeugt, das auf einem Screenshot fertig aussieht. Dieser Zweifel ist berechtigt, denn ein statisches Bild einer generierten Oberfläche sagt nichts darüber aus, ob die zugrunde liegende App tatsächlich funktioniert. Ein Portfolio-Video beantwortet diesen Zweifel direkt, indem es zeigt, wie die App etwas tut, was ein Generierungsprozess allein nicht vortäuschen kann.

Die Lösung beginnt damit, worauf das Video verweist. Ein Bolt-Projekt läuft während der Entwicklung zunächst typischerweise in einer isolierten In-Browser-Sitzung, und diese Sitzung ist nicht dasselbe wie eine deployte, öffentlich erreichbare App. Ein Portfolio-Eintrag, der über Monate online bleiben soll, profitiert von der dauerhafteren Option: einem tatsächlichen Deploy, meist auf ein Hosting-Ziel, das nach Abschluss des Deploys eine stabile öffentliche Adresse zurückgibt. Wird gegen die temporäre Sitzung aufgenommen, riskiert man einen Portfolio-Eintrag, der nicht mehr erreichbar ist, sobald der Builder zum nächsten Projekt weiterzieht.

Das ist eine andere Art von Fehler als eine defekte Videodatei, und sie lässt sich leicht übersehen, weil am fertigen Video zum Zeitpunkt der Veröffentlichung nichts falsch aussieht. Das Video läuft einwandfrei, der Link in der Bildunterschrift sieht plausibel aus, und erst viel später stellt ein Besucher fest, dass ein Klick ins Leere führt. Ein Portfolio soll über einen langen Zeitraum erneut aufgerufen werden, manchmal Jahre nachdem der Eintrag verfasst wurde, weshalb sich der kleine zusätzliche Schritt lohnt, den Deploy zu bestätigen, bevor der Eintrag als fertig gilt.

Was sollte das Video über den Build beweisen?

Beweisen Sie, dass das Ergebnis funktioniert, nicht dass der Generierungsprozess beeindruckend war. Ein Betrachter, der ein Portfolio für eine Einstellung oder einen Auftrag bewertet, möchte Sicherheit darüber haben, dass das fertige Produkt wie vorgesehen funktioniert, nicht eine Vorführung, wie schnell es entstanden ist. Zeigen Sie eine vollständige Interaktion mit einem sichtbaren Ergebnis, genauso wie man ein von Hand gebautes Projekt zeigen würde.

Was der Betrachter beurteiltWas das Video zeigen sollte
Ob die App tatsächlich funktioniertEine vollständige Interaktion mit einem sichtbaren Ergebnis
Ob es sich um ein fertiges Produkt oder nur einen Rohentwurf handeltEin echtes Ergebnis, kein statischer generierter Bildschirm
Ob dem Builder echte Arbeit anvertraut werden kannEine bewusste, fokussierte Demonstration, keine überstürzte Tour

Braucht die App einen Login, damit das Video glaubwürdig ist?

Nicht unbedingt. Viele mit Bolt gebaute Apps haben überhaupt keine Authentifizierung eingerichtet, da nichts explizit hinzugefügt wurde, das sie erfordert. Das ist ein normaler Zustand für einen generierten Prototyp, kein Mangel, der versteckt werden müsste. Das Video sollte die App so zeigen, wie sie tatsächlich existiert, statt einen Login-Schritt zu suggerieren, der nie gebaut wurde.

Ein Builder, der befürchtet, dass dies das Projekt unfertig wirken lässt, kann dieses Anliegen im begleitenden Portfolio-Text ansprechen statt im Video selbst. Zu erklären, dass der Build ein Prototyp ist, der sich auf eine zentrale Interaktion konzentriert, wobei die Authentifizierung vorerst bewusst außen vor bleibt, schafft eine ehrliche Erwartung. Die Aufgabe des Videos bleibt in jedem Fall dieselbe: das eine zeigen, was existiert und funktioniert, klar genug, dass ein Betrachter nicht raten muss, was er sieht.

  1. Deployen Sie den Build, damit der Portfolio-Eintrag auf eine stabile, erneut aufrufbare URL verweist.
  2. Wählen Sie das eine Ergebnis in der App, das am besten beweist, dass der Build tatsächlich funktioniert.
  3. Schreiben Sie einen Hinweis, der genau benennt, was auf dem Bildschirm zu sehen ist, nicht das, wonach der ursprüngliche Prompt gefragt hat.

Sollte die App für einen bestimmten, sehenswerten Ablauf einen Login benötigen, kann für diesen Renderdurchlauf ein Demokonto bereitgestellt werden. Dabei werden die Zugangsdaten verschlüsselt, für genau einen Renderdurchlauf verwendet und danach gelöscht. Wird zuerst ein Storyboard geplant, bleiben die Zugangsdaten für diese Sitzung verschlüsselt und werden spätestens zwei Stunden nach ihrer letzten Verwendung gelöscht. GogoScreen nimmt die deployte URL und den einzeiligen Hinweis entgegen und liefert ein erzähltes MP4 mit Untertiteln, geglätteten Mauszeigern, Klick-Zooms und entfernten Stille-Passagen, ohne dass der Quellcode oder die Generierungshistorie der App benötigt werden. Dieser letzte Punkt ist es wert, wiederholt zu werden, da ein Prüfer sonst annehmen könnte, der Renderprozess untersuche den zugrunde liegenden Code, während er in Wirklichkeit die laufende App bedient, so wie es ein menschlicher Besucher tun würde.

Warum sollte der Hinweis den Bildschirm beschreiben, nicht den Prompt?

Der Hinweis, den ein Render-Werkzeug benötigt, beschreibt, was gerade auf dem Bildschirm zu sehen ist und was als Nächstes passieren soll, nicht eine Wiederholung des ursprünglichen Generierungsprompts. Ein Hinweis wie „zeig die App, die ich mit einem Aufgabenmanager gebaut habe" beschreibt eine Absicht, keine Handlung, und führt zu einem vagen Ergebnis. Ein Hinweis wie „öffne die Aufgabenliste, markiere eine Aufgabe als erledigt und zeig, wie sie in die Spalte Erledigt wandert" gibt ein konkretes, überprüfbares Ziel vor.

Diese Unterscheidung ist speziell bei Bolt besonders wichtig, weil die Entstehungsgeschichte verlockend sein kann, sich darauf zu stützen. Es ist durchaus sinnvoll, sie im begleitenden Portfolio-Text zu erwähnen, aber das Video selbst sollte für sich allein als Beweis stehen, dass das Ergebnis funktioniert, unabhängig davon, wie es entstanden ist.

Wie schneidet das im Vergleich zu anderen Buildern ab?

Die Prüfer-Seite eines Bolt-Builds hat eigene, separate Überlegungen, die im Bolt-App-Review-Rundgang-Leitfaden behandelt werden, da ein Prüfer bereits über Kontext verfügt, den ein Portfolio-Besucher nicht hat, und eine konkrete Anfrage beurteilt statt einen ersten Eindruck zu bilden. Für die entsprechende Portfolio-Frage bei einem v0-Build behandeln der v0-Landingpage-Video-Leitfaden, der v0-Product-Hunt-Launch-Video-Leitfaden, der v0-Leitfaden zum Teilen mit einem Kunden und der v0-Portfolio-Demo-Leitfaden die parallelen Momente, bei denen die generierte Ausgabe eher zur Oberfläche als zu verdrahteter Backend-Logik tendieren kann.

Über die builderspezifischen Seiten hinaus ist der Leitfaden für Produktankündigungs-Demovideos nützlich, sobald ein Portfolio-Eintrag zu einem tatsächlich ausgelieferten Produkt wird, und der Leitfaden für Demovideos von agentengebauten Apps behandelt die breitere Frage, wie jede KI-generierte Anwendung vorgeführt wird, unabhängig davon, welches konkrete Werkzeug sie gebaut hat. Dieser breitere Rahmen ist hier wichtig, weil es einem Portfolio-Besucher selten wichtig ist, welcher Builder die App erzeugt hat, sondern nur, ob das Ergebnis vor ihm tatsächlich so funktioniert, wie das Video behauptet.

Wohin führt ein starkes Portfolio-Video als Nächstes?

Ein überzeugender Portfolio-Eintrag wird oft zum ersten Beweisstück in einem größeren Gespräch, sei es ein Einstellungsprozess, ein Pitch für eine Finanzierungsrunde oder eine Übergabe an einen Mitarbeiter.

  • Ein Einstellungsgespräch, in dem das Video die Frage „funktioniert das wirklich" beantwortet, noch bevor ein Anruf überhaupt beginnt.
  • Ein Investorengespräch, in dem derselbe Beweis einen umfassenderen Pitch stützt.
  • Eine Übergabe an einen anderen Builder, bei der das Video den Ausgangspunkt der weitergegebenen Arbeit festlegt.

Jede dieser Zielgruppen nutzt denselben zugrunde liegenden Beweis für einen anderen Zweck, was ein weiterer Grund ist, das ursprüngliche Video auf ein echtes, überprüfbares Ergebnis zu konzentrieren statt auf etwas, das nur für das Portfolio inszeniert wurde. Ein Einstellungsverantwortlicher, ein Investor und ein künftiger Mitarbeiter stellen letztlich alle dieselbe Frage in unterschiedlichen Worten: Tut das, was vor mir liegt, tatsächlich das, was es behauptet, und ein Video, das um ein echtes Ergebnis herum aufgebaut ist, beantwortet alle drei, ohne für jede Zielgruppe neu gedreht werden zu müssen.

Der Leitfaden für KI-Agenten-Investoren-Demovideos und der Leitfaden für Startup-Pitch-Demovideos behandeln speziell den Kontext der Kapitalbeschaffung, und der Leitfaden für Agenten-Übergabe-Demovideos behandelt die Übergabe eines Builds an jemand anderen. Für einen Vergleich von Werkzeugen für diese Art der Aufnahme siehe GogoScreen im Vergleich zu Screen Studio. Sehen Sie sich die Preise an, durchstöbern Sie die übrigen Leitfäden und Vergleiche, oder starten Sie von der GogoScreen-Startseite, um den Ablauf mit Ihrem eigenen deployten Build auszuprobieren.

Klarstellungen

Bevor Sie beginnen

Muss ein Bolt-Portfolio-Eintrag deployt sein?

Eine stabile, deployte URL ist die sicherere Grundlage für einen Portfolio-Eintrag, der später erneut aufgerufen werden soll, statt der temporären In-Browser-Sitzung, die während der Entwicklung verwendet wird.

Sollte das Video den Prompt zeigen, der die App erzeugt hat?

Nein. Ein Portfolio-Video sollte das laufende Ergebnis zeigen, nicht den Generierungsprozess. Der Prompt ist kein Beweis dafür, dass die App funktioniert.

Was, wenn die App überhaupt keinen Login hat?

Das ist bei einem Bolt-Build üblich, bei dem für die Authentifizierung nichts explizit eingerichtet wurde. Das Video sollte in diesem Fall direkt mit dem Hauptbildschirm der App beginnen, ohne einen Login-Schritt zu suggerieren, der nicht existiert.

Fügen Sie eine URL ein, beschreiben Sie einen Ablauf und erhalten Sie ein Demovideo Ihrer Webanwendung.

Die ersten 60 Sekunden Video sind kostenlos, mit Wasserzeichen. Bestätigen Sie Ihre E-Mail-Adresse, um das Video herunterzuladen.