Bolt.new ist eine aufstrebende KI-gesteuerte Entwicklungsplattform, die es Nutzern ermöglicht, komplette Websites direkt aus Beschreibungen in natürlicher Sprache zu generieren, ohne Code schreiben zu müssen. Als "Vibe Coding"-Tool versteht und realisiert es die kreativen Absichten des Nutzers, einschließlich Website-Struktur, Funktionalität, Stil und Atmosphäre. In diesem Artikel erklären wir im Detail, wie man mit Bolt.new schnell professionelle Websites erstellen kann.

Bolt.new und seine wichtigsten Funktionen

Bolt.new ist eine "Vibe Coding"-Plattform, die Websites aus Beschreibungen in natürlicher Sprache generiert, ohne Code zu schreiben. Ihre Kernfunktionalität besteht darin, die in natürlicher Sprache beschriebenen Ideen der Nutzer für Websites in echte, nutzbare Websites zu verwandeln.

Bolt führt das Backend direkt im Browser aus und unterstützt die Bereitstellung auf Netlify. Außerdem können Sie Anwendungen mit den neuesten Programmiersprachen/Frameworks wie React, Next.js, Remix, SvelteKit und Vite erstellen.

Einer der großen Vorteile von Bolt.new ist die Möglichkeit, Pakete dynamisch zu installieren. Wenn Sie zum Beispiel Pakete wie das OpenAI-API-Paket oder Tailwind installieren möchten, kann es auch das tun. Im Grunde ist es also in der Lage, eine komplette Anwendung zu erstellen, während v0 das nicht kann.

Weitere bemerkenswerte Merkmale sind:

• Die Entwicklungsumgebung muss nicht konfiguriert werden, die Webseite wird geöffnet und ist sofort einsatzbereit.
• Unterstützung für mehrere Dialogrunden zur kontinuierlichen Codeoptimierung
• Möglichkeit, handgezeichnete Skizzen zur Konvertierung auf die Website hochzuladen
• Codegenerierung und Vorschau in Echtzeit
• Bietet Ein-Klick-Bereitstellungsfunktionen

Beginnen Sie mit der Erstellung von Websites mit Bolt.new!

Die Verwendung von Bolt.new ist sehr intuitiv:

1. Besuchen Sie die offizielle Website: Öffnen Sie Ihren Browser und geben Siehttps://bolt.newund melden Sie sich für ein Konto an (kostenlose Konten werden unterstützt)
2. Beschreiben Sie, was Sie wollen: Geben Sie Ihre Anforderungen an die Website in das Eingabefeld in der Mitte der Homepage ein, genau wie bei einem Chat!
3. KI beginnt mit der Generierung von Websites: Innerhalb von Sekunden bis Minuten generiert Bolt.new automatisch einen funktionierenden Website-Entwurf, einschließlich Seitenstruktur und entsprechendem HTML/CSS/JavaScript.
4. Erforschen und optimieren: Sie können die Eingabeaufforderung ändern, um sie neu zu generieren, die Schnittstellenwerkzeuge zur weiteren Feinabstimmung verwenden oder den Code direkt ändern!

Für die Code-Generierung brauchen Sie keine Software zu installieren, Sie können sie nutzen, indem Sie die URL öffnen, und es gibt kein Problem, dass die Region China eingeschränkt ist. Während der Codegenerierung können Sie Ihre Website durch mehrere Dialogrunden mit Bolt optimieren. Klicken Sie auf die Schaltflächen "Code" und "Vorschau", um den entsprechenden Code anzuzeigen und die Auswirkungen zu überprüfen.

Wenn die Website-Design abgeschlossen ist, können Sie direkt den generierten Code durch die obere rechte Ecke des Download herunterladen, können Sie auch direkt auf die Bereitstellung klicken Sie auf einen Klick Bereitstellung.

Efficient Bolt.new Prompt Words schreiben

Der Schlüssel zur Nutzung von Bolt.new liegt in der Erstellung effektiver Schlagwörter. Hier sind einige wichtige Grundsätze:

1. Je genauer die Beschreibung, desto besser: KI ist stark, aber sie ist nicht der Wurm im Magen. Je spezifischer Sie sind, desto mehr kann sie die Struktur, das Farbschema, die Funktionalität und den Stil wiederherstellen, die Sie wünschen.
2. Der Schwerpunkt liegt auf dem Ausdruck von "Atmosphäre und Stil": Bolt gehört zu den "Vibe Coding"-Werkzeugen, die nicht nur verstehen, "was zu tun ist", sondern auch, "wie zu präsentieren ist".
3. Ständige Iteration und Optimierung der Prompts: Die ersten Prompts sind oft nur grobe Entwürfe, und wirklich gute Prompts erfordern mehrere Runden des Experimentierens, Verfeinerns und Polierens.
4. Beginnen Sie mit dem großen Ganzen und arbeiten Sie sich nach unten vor: Wenn Sie am Anfang zu viel verlangen, kann das die KI "verwirren". Es ist effektiver, zuerst den Rahmen vorzugeben und dann Details hinzuzufügen.
5. Kombiniert mit der Code-Bearbeitung: Manchmal sind die von der KI generierten Ergebnisse nicht präzise genug, und eine manuelle Anpassung des Codes kann eine genauere Kontrolle ermöglichen.

Cue word vorlage formel

Qualitativ hochwertige Aufforderungen können folgender Grundstruktur folgen: "Erstellen Sie eine [Art von Website] für [Zielgruppe], mit Seiten, die [spezifische Struktur], ein Farbschema von [Farben], einen Stil [Umgebungswörter] und ein Gesamtgefühl [beschreibende Adjektive] enthalten. Bitte stellen Sie sicher, dass die mobile Anpassung unterstützt wird."

Beispiel:

Technologie-Stack: Mit reinem HTML + TailwindCSS

Kernfunktion: Ich möchte einen Marathon-Trainingsplan Website zu tun, der Benutzer in ihrem Alter, Größe, Gewicht, die letzte Marathon und die letzte Halbmarathon-Rennen Ergebnisse, ihre erwartete Ziel, die Leistung (PB) zu verbessern, klicken Sie auf die Schaltfläche zu füllen, können Sie den Trainingsplan zu generieren. Plan Generation Algorithmus ist mir egal, Sie helfen mir zu vervollständigen, sondern zu planen, um zu generieren, so dass die Nutzer fühlen sich professionell, gerechtfertigt, bereit zu zahlen. Generierte Pläne sollten mindestens das aktuelle Niveau des Athleten, den Plan, um die Zielleistung der erforderlichen Zeit zu erreichen, sowie den Zeitraum des Trainingsplans und den Grund und so weiter.

Funktionsbereich: Sie möchten den vollständigen Header, Testinfos, FAQ, Funktionen, Preise, Funktionsweise und den Fußbereich haben. Der Urheberrechtsinhaber der Website ist die AI Nuggets Society, 联系方式jiangzziv@gmail.com. Der restliche Inhalt muss professionell und authentisch geschrieben werden.

Website-Texte: Für alle Texte auf der Website müssen Sie Chinesisch verwenden. Bei dieser Website für den Marathon-Trainingsplan müssen Sie betonen, dass sie professionell ist und mit Hilfe von Big Data erstellt wurde.

Stil der Website: Das Farbschema und der Stil der Website müssen modern und fortschrittlich sein, ähnlich dem Stil der offiziellen Website von Apple. Die Website muss an verschiedene Bildschirmgrößen angepasst werden können.

Praktische Fälle und Beispiele

Hier sind einige Beispiele für Aufforderungswörter für verschiedene Arten von Websites:

1. Persönliche Portfolio-Website: Ich habe eine minimalistische persönliche Portfolio-Website für einen freiberuflichen Grafikdesigner erstellt. Die Seite enthält eine obere Navigationsleiste, ein Profil, ein großes Bild, das den Arbeitsbereich zeigt, und ein Kontaktformular. Das Farbschema ist schwarz, weiß und grau, mit großen serifenlosen Schriftarten, einem einfachen Layout, viel Weißraum und einem modernen, künstlerischen Stil. Sie ist für Mobilgeräte geeignet.
2. Produkt-Landingpage: Gestaltung einer Produkt-Landingpage für eine umweltfreundliche Wasserflaschenmarke mit einem natürlichen und frischen Gesamtstil. Logo und einfache Navigation oben, hochauflösendes Bild des Produkts in der Mitte, mit grünem und hellbraunem Farbschema. Ein Block mit Produkteigenschaften, ein Schieberegler für Nutzerbewertungen und eine Schaltfläche "Jetzt vorbestellen". Unten auf der Seite befinden sich Links zu sozialen Medien und ein Anmeldeformular. Mobilfreundlich.
3. SaaS-Unternehmenshomepage: Erstellen Sie eine B2B-SaaS-Produkthomepage mit Produktbeschreibung, Funktionsvergleichstabelle, Kundenstimmen, Preistabelle und CTA-Schaltfläche. Das Farbschema verwendet Dunkelblau + Grau und Weiß, um Technologie und Professionalität zu betonen. Die Schriftart der Überschrift ist fett, der Text ist klar, und das Layout basiert auf einem responsiven Raster für Desktop- und Mobilgeräte. Der Stil ist modern, glaubwürdig und professionell.
4. Bildungsplattformseite: Homepage-Design für eine Online-Plattform für Programmierkurse. Sie enthält die obere Suchnavigation, eine Kurskategoriekarte, ein Banner für aktuelle Kurse, ein Tutorenprofil und die Schaltfläche "Jetzt anmelden". Die Farbe ist hellblau und orange, der Gesamtstil ist modern und dynamisch. Die Verwendung von abgerundeten Schaltflächen, großen Überschriften und einem klaren Kartenlayout macht es kompatibel mit dem Browsen auf Handys und Tablets.

Erweiterte Tipps und bewährte Praktiken

Iteration und Optimierung

Eine besonders leistungsstarke Funktion von Bolt.new besteht darin, dass, wenn bei der Interaktion mit der Anwendung auf der rechten Seite ein Fehler auftritt, auf der linken Seite eine ähnliche Antwort angezeigt wird; dann klicken Sie einfach auf Fehler beheben auf der linken Seite, und das Programm macht sich an die Arbeit, den Fehler zu beheben. Diese Funktion war bei mehreren anderen automatisierten KI-Tools nicht verfügbar.

Eine weitere hilfreiche Funktion ist, dass Bolt bei mehreren Iterationen, wenn eine neue Anforderung gestellt wird, den ursprünglichen Projektcode ändert und in der Lage ist, die Änderungsdatei zu sehen, die dem Code entspricht, der herumspringt.

Praktische Funktionskombination

Für den Entwicklungsprozess kann diese Kombination von Strategien verwendet werden: Zu Beginn der Entwicklung wird Bolt Design verwendet, um das anfängliche Design und den Front-End-Code zu erzeugen. Dann importieren Sie Cursor und verwenden Cursor weiter, um feine Änderungen vorzunehmen und auf das Back-End zuzugreifen. Auf diese Weise werden die Stärken beider Werkzeuge kombiniert, um eine bessere Entwicklungserfahrung zu erzielen.

Preis- und Ressourcenüberlegungen

Wenn Sie mehr KI-Token benötigen oder ein privates Projekt wünschen, können Sie in den Einstellungen von Bolt.new ein Abonnement erwerben. Das billigste ist $20 für 1 Monat und 10M Token, was für den durchschnittlichen Benutzer ausreichend sein sollte. Es ist erwähnenswert, dass die kostenlose Menge kann begrenzt werden, wie die Plattform populär wird. Derzeit ist es im Wesentlichen frei, mehrere Male zu verwenden, aber die Dinge können sich in Zukunft ändern, ähnlich wie die Flugbahn von V0.

Mit Bolt.new können auch Nutzer ohne Programmierkenntnisse schnell professionelle, funktionale Websites erstellen. Bolt.new kombiniert die Fähigkeit von KI, natürliche Sprache zu verstehen, mit der Technologie zur Codegenerierung und bietet so einen neuen Ansatz für die Entwicklung von Websites. Egal, ob Sie ein Unternehmer, ein Inhaltsersteller oder ein Profi sind, der schnell einen Prototyp erstellen möchte, Bolt.new kann Ihnen helfen, Ihre Website-Ideen effizient umzusetzen.

Es ist erwähnenswert, dass Bolt.new nicht nur ein Tool zur Codegenerierung ist, sondern auch eine "Vibe Coding"-Plattform, die den Stil und die Atmosphäre der Website, die Sie zum Ausdruck bringen wollen, versteht und umsetzt. Wenn Sie Ihre Stichworte klug strukturieren, können Sie Websites erstellen, die sowohl schön als auch funktional sind.

Wenn Sie GPT Plus, Claude Pro, Grok Super als offizielles, bezahltes Exklusivkonto nutzen möchten, können Sie unser professionelles Team (wx: abch891) kontaktieren, wenn Sie nicht wissen, wie Sie Ihr Konto aufladen können.