Communitygithub.com

Bolt.new — KI-gestützter Full-Stack-App-Builder im Browser

Du bist Experte für Bolt.new von StackBlitz, die KI-gestützte Full-Stack-Entwicklungsumgebung, die vollständig im Browser läuft. Du hilfst Entwicklern, in Minuten von der Idee zur bereitgestellten App zu gelangen – Bolt generiert komplette Anwendungen mit Frontend, Backend, Datenbank und Deployment, alles lauffähig in einem WebContainer ohne lokale Einrichtung.

Was ist Bolt.new — KI-gestützter Full-Stack-App-Builder im Browser?

Diese Fähigkeit befähigt den KI-Agenten, Bolt.new von StackBlitz zu nutzen – eine browserbasierte Full-Stack-Entwicklungsumgebung, die auf natürliche Sprachprompts reagiert. Der Agent kann komplette Anwendungen generieren (Frontend, Backend, Datenbank, Deployment) und in einem WebContainer live im Browser betreiben, ohne dass lokale Tools oder Umgebungen eingerichtet werden müssen. Dies ist besonders nützlich für schnelle Prototypenerstellung, iterative Entwicklung und sofortige Bereitstellung. Die Fähigkeit unterstützt Frameworks wie React, Vue, Svelte, Astro, Next.js, Node.js, Hono, Express und Datenbanken wie SQLite, Supabase und Firebase. Der Agent kann mit gezielten Folgefragen den generierten Code erweitern, anstatt jedes Mal neu zu beginnen, und dadurch komplexe Workflows wie SaaS-Dashboards, URL-Kürzer oder Mitarbeiterverzeichnisse effizient umsetzen.

Funktioniert mit~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/TerminalSkills/skills/tree/HEAD/skills/bolt
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht Bolt.new — KI-gestützter Full-Stack-App-Builder im Browser?

Du bist Experte für Bolt.new von StackBlitz, die KI-gestützte Full-Stack-Entwicklungsumgebung, die vollständig im Browser läuft. Du hilfst Entwicklern, in Minuten von der Idee zur bereitgestellten App zu gelangen – Bolt generiert komplette Anwendungen mit Frontend, Backend, Datenbank und Deployment, alles lauffähig in einem WebContainer ohne lokale Einrichtung.

Kernfunktionen

Prompt-to-App

## Wie Bolt funktioniert

1. Beschreibe deine App in natürlicher Sprache
2. Bolt generiert die vollständige Codebasis (Frontend + Backend + Datenbank)
3. Die App läuft live im Browser (WebContainer)
4. Iteriere mit Folgefragen
5. Deployment mit einem Klick auf Netlify/Vercel

## Beispiel-Prompts

### SaaS-Dashboard
"Baue ein Projektmanagement-Dashboard mit:
- Benutzerauthentifizierung (E-Mail/Passwort)
- Kanban-Board mit Drag-and-Drop
- Teammitgliederverwaltung
- Aktivitätsfeed
- Dark-Mode-Umschalter
Verwende React, Tailwind und SQLite für die Datenbank."

### API + Landingpage
"Erstelle einen URL-Kürzer mit:
- Landingpage mit einem Formular zum Einfügen langer URLs
- API, die kurze Codes generiert
- Weiterleitungs-Handler
- Klick-Analytics-Dashboard
- Ratenbegrenzung (10 URLs pro Stunde pro IP)
Verwende Astro für das Frontend und Hono für die API."

### Internes Tool
"Baue eine Mitarbeiterverzeichnis-App:
- Suche nach Name, Abteilung oder Standort
- Profilkarten mit Foto, Rolle, Kontaktinformationen
- Abteilungsfilter-Seitenleiste
- CSV-Import zum Massenhinzufügen von Mitarbeitern
- Admin-Panel zum Bearbeiten von Profilen"

Iterative Entwicklung

## Folgefragen (Iteriere über generierte App)

Nach der ersten Generierung:
- "Füge eine Einstellungsseite mit Profilfoto-Upload hinzu"
- "Mache das Dashboard mobil responsiv"
- "Füge Echtzeit-Benachrichtigungen mit Server-Sent Events hinzu"
- "Verbinde mit Supabase anstelle von SQLite"
- "Füge Stripe-Checkout für den Premium-Plan hinzu"
- "Schreibe Tests für die API-Endpunkte"
- "Behebe den Fehler, dass die Seitenleiste auf mobilen Geräten nicht schließt"

Bolt versteht den vollständigen Kontext der generierten App.
Jeder Prompt ändert die bestehende Codebasis, ohne von vorne zu beginnen.

Tech-Stack-Optionen

## Unterstützte Frameworks & Tools

Frontend: React, Vue, Svelte, Astro, Next.js, Remix, Angular
Styling: Tailwind CSS, shadcn/ui, DaisyUI, CSS Modules
Backend: Node.js, Hono, Express, Fastify
Datenbank: SQLite (integriert), Supabase, Firebase, Prisma
Auth: Clerk, Supabase Auth, benutzerdefiniertes JWT
Deployment: Netlify, Vercel, Cloudflare Pages

## WebContainer
- Vollständige Node.js-Laufzeitumgebung im Browser
- npm install funktioniert (die meisten Pakete)
- Dateisystem, Terminal, Paketmanager
- Kein Docker, keine lokale Einrichtung, keine Umgebungsprobleme

Installation

# Keine Installation – läuft im Browser
# https://bolt.new

# Kostenloser Tarif: Begrenzte Generierungen
# Pro: 20 $/Monat (unbegrenzte Generierungen)
# Teams: Individuelle Preisgestaltung

Best Practices

  1. Sei präzise in Prompts – „Baue ein Kanban-Board mit Drag-and-Drop, 3 Standardspalten und lokalem Speicher" ist besser als „Baue ein Projekttool"
  2. Iteriere, starte nicht neu – Verwende Folgefragen, um Funktionen hinzuzufügen; Bolt behält den vollständigen Kontext der generierten App
  3. Gib den Tech-Stack an – „Verwende React, Tailwind und Supabase" verhindert, dass Bolt unerwartete Entscheidungen trifft
  4. Prototyp zuerst – Bolt eignet sich hervorragend für Prototypen; exportiere den Code und verfeinere ihn in deiner IDE für die Produktion
  5. Datenbank frühzeitig – Erwähne Datenbankanforderungen von Anfang an; spätere Persistierung erfordert mehr Umstrukturierung
  6. Mobile first – Fordere responsives Design bereits im ersten Prompt an; nachträgliche Anpassung ist schwieriger
  7. Exportieren nach GitHub – Exportiere den generierten Code in ein GitHub-Repository; setze die Entwicklung in deinem normalen Workflow fort
  8. Kombiniere mit Cursor – Generiere den Prototyp in Bolt, exportiere und verfeinere dann mit Cursor für Produktionsqualität

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

TerminalSkills/skills

>- Run GitHub Actions locally with act. Use when a user asks to test GitHub Actions workflows locally, debug CI pipelines without pushing, or run workflows offline.

TerminalSkills/skills

>- You are an expert in AG2 (formerly AutoGen), the open-source multi-agent conversation framework. You help developers build systems where multiple AI agents collaborate through structured conversations — with tool use, human-in-the-loop, code execution, group chat orchestration, and nested conversations — for complex tasks like software development, research, and data analysis.

TerminalSkills/skills

>- Generate short-form videos with AI — script writing, text-to-speech narration, stock footage selection, subtitle generation, and video assembly. Use when: creating TikTok/YouTube Shorts/Reels content, automating video production, building content pipelines.

TerminalSkills/skills

>- Animate 3D objects and characters in Blender with Python. Use when the user wants to keyframe properties, create armatures and rigs, set up IK/FK chains, animate shape keys for facial animation, edit F-Curves, use the NLA editor to blend actions, add drivers for expression-based animation, or script any animation workflow in Blender.

TerminalSkills/skills

>- Automate motion capture and tracking workflows in Blender with Python. Use when the user wants to import BVH or FBX mocap data, retarget motion to armatures, track camera or object motion from video, solve camera motion, clean up motion capture data, or script any tracking pipeline in Blender.

TerminalSkills/skills

>- Assists with using Bun as an all-in-one JavaScript/TypeScript runtime, package manager, bundler, and test runner. Use when building HTTP servers, managing packages, running tests, or migrating from Node.js. Trigger words: bun, bun serve, bun install, bun test, bun build, javascript runtime, bun runtime.

TerminalSkills/skills

>- Self-host customer support with Chatwoot. Use when a user asks to set up open-source customer support, add live chat without SaaS costs, build a multi-channel inbox, or deploy a free Intercom alternative.

TerminalSkills/skills

>- You are an expert in Chi, the lightweight, idiomatic Go HTTP router built on `net/http`. You help developers build composable HTTP services using Chi's middleware stack, route groups, URL parameters, sub-routers, and context-based request scoping — providing Express-like ergonomics while staying 100% compatible with Go's standard library.

TerminalSkills/skills

When the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' or 'copy sweep.' This skill provides a systematic approach to editing marketing copy through multiple focused passes.

TerminalSkills/skills

>- Add live chat and customer support with Crisp. Use when a user asks to add a chat widget, implement live customer support, set up a help desk, create a knowledge base, or add a chatbot to a website.

TerminalSkills/skills

>- Assists with building custom interactive data visualizations using D3.js. Use when creating charts, graphs, maps, force layouts, or hierarchical diagrams that require fine-grained control beyond what charting libraries provide. Trigger words: d3, data visualization, chart, svg, scales, force graph, treemap, choropleth.

TerminalSkills/skills

dbt (data build tool) transforms data in your warehouse using SQL SELECT statements. Learn project setup, models, tests, documentation, incremental materializations, and integration with data warehouses like PostgreSQL, BigQuery, and Snowflake.

TerminalSkills/skills

>- You are an expert in dlt, the open-source Python library for building data pipelines. You help developers load data from any API, file, or database into warehouses and lakes using simple Python decorators — with automatic schema inference, incremental loading, and built-in data contracts. dlt is the "requests library for data pipelines.

TerminalSkills/skills

Data Version Control for ML projects. Track large datasets and models alongside Git, build reproducible ML pipelines, and run experiments with metric comparison. Works with any storage backend including S3, GCS, Azure, and local filesystems.

TerminalSkills/skills

>- You are an expert in E2B, the cloud platform for running AI-generated code in secure sandboxes. You help developers give AI agents the ability to execute code, install packages, read/write files, and run long processes in isolated cloud environments — each sandbox is a lightweight VM that boots in ~150ms with full Linux, filesystem, and networking.

TerminalSkills/skills

>- Transcode, convert, edit, and process audio and video with FFmpeg. Use when a user asks to convert video formats (webm to mp4, mkv to mp4), extract audio from video, compress video files, trim or cut clips, concatenate videos, add subtitles, create thumbnails, apply filters, change resolution or bitrate, re-encode media, create GIFs from video, add watermarks, normalize audio, stream media, or build automated media processing pipelines.

TerminalSkills/skills

>- Create advanced animations with GSAP. Use when building complex timelines, scroll-driven animations, SVG morphing, text animations, or high-performance web animations beyond CSS capabilities.

TerminalSkills/skills

>- Generate deterministic MP4 videos from HTML, CSS, media, and seekable animations using HeyGen's HyperFrames framework. Use when someone asks to "render HTML to video", "make a video with HyperFrames", "create a programmatic video", "turn an animation into MP4", "build a launch/product video from HTML", "render GSAP/Lottie/Three.js to video", or set up an agent-driven video pipeline. Covers init/preview/render/add/lint/inspect commands, data-* timing attributes, animation adapters, and the component catalog.

TerminalSkills/skills

When the user wants to perform load testing, stress testing, or performance testing of APIs and websites using k6. Also use when the user mentions "k6," "load test," "performance test," "stress test," "spike test," "soak test," "thresholds," "virtual users," or "VUs." For browser-based testing, see selenium.

TerminalSkills/skills

>- Lovable (formerly GPT Engineer) is a browser-based AI app builder that turns a natural-language description into a working full-stack web app with a built-in backend, authentication, database and one-click publishing. Use when the user wants to prototype or ship a web app with Lovable, write effective Lovable prompts, connect Supabase or GitHub, review generated security rules, or move a Lovable project into their own editor.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community