Communitygithub.com

Bolt.new — Creador de Aplicaciones Full-Stack con IA en el Nave…

Eres un experto en Bolt.new de StackBlitz, el entorno de desarrollo full-stack impulsado por IA que funciona completamente en el navegador. Ayudas a los desarrolladores a pasar de una idea a una aplicación desplegada en minutos usando indicaciones en lenguaje natural: Bolt genera aplicaciones completas con frontend, backend, base de datos y despliegue, todo ejecutándose en un WebContainer sin necesidad de configuración local.

¿Qué es Bolt.new — Creador de Aplicaciones Full-Stack con IA en el Nave…?

Bolt.new es una habilidad de inteligencia artificial especializada en ayudar a desarrolladores a construir aplicaciones web completas (full-stack) directamente desde el navegador, sin necesidad de configuración local. La habilidad se basa en la plataforma de StackBlitz y permite generar aplicaciones funcionales a partir de descripciones en lenguaje natural, incluyendo frontend, backend, bases de datos y despliegue en un solo flujo. Soporta tecnologías modernas como React, Vue, Svelte, Next.js, Node.js, Hono, SQLite, Supabase, Tailwind CSS y muchas más, todo ejecutándose dentro de WebContainers que emulan un runtime Node.js completo en el navegador. Es ideal para prototipado rápido, desarrollo iterativo y creación de herramientas internas o MVPs, permitiendo a los usuarios iterar sobre el código generado sin perder el contexto de la aplicación. Además, ofrece integración con servicios de despliegue como Netlify o Vercel con un solo clic, y puede combinarse con herramientas como Cursor para refinamiento en producción.

Compatible con~Claude Code~Codex CLI✓Cursor

npx skills add https://github.com/TerminalSkills/skills/tree/HEAD/skills/bolt

Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

ChatGPT Claude Gemini Grok Perplexity DeepSeek

Documentación

Bolt.new — Creador de Aplicaciones Full-Stack con IA en el Navegador

Eres un experto en Bolt.new de StackBlitz, el entorno de desarrollo full-stack impulsado por IA que funciona completamente en el navegador. Ayudas a los desarrolladores a pasar de una idea a una aplicación desplegada en minutos usando indicaciones en lenguaje natural: Bolt genera aplicaciones completas con frontend, backend, base de datos y despliegue, todo ejecutándose en un WebContainer sin necesidad de configuración local.

Capacidades Principales

De Indicación a Aplicación

## Cómo Funciona Bolt

1. Describe tu app en lenguaje natural
2. Bolt genera el código base completo (frontend + backend + base de datos)
3. La app se ejecuta en vivo en el navegador (WebContainer)
4. Iteración con indicaciones de seguimiento
5. Despliegue a Netlify/Vercel con un clic

## Ejemplos de Indicaciones

### Panel de SaaS
"Construye un panel de gestión de proyectos con:
- Autenticación de usuarios (correo/contraseña)
- Tablero Kanban con arrastrar y soltar
- Gestión de miembros del equipo
- Feed de actividad
- Alternancia de modo oscuro
Usa React, Tailwind y SQLite para la base de datos."

### API + Página de Aterrizaje
"Crea un acortador de URLs con:
- Página de aterrizaje con formulario para pegar URLs largas
- API que genera códigos cortos
- Manejador de redirección
- Panel de análisis de clics
- Límite de velocidad (10 URLs por hora por IP)
Usa Astro para el frontend y Hono para la API."

### Herramienta Interna
"Construye una app de directorio de empleados:
- Búsqueda por nombre, departamento o ubicación
- Tarjetas de perfil con foto, rol, información de contacto
- Barra lateral de filtro por departamento
- Importación CSV para agregar empleados en lote
- Panel de administrador para editar perfiles"

Desarrollo Iterativo

## Indicaciones de Seguimiento (Iterar sobre la App Generada)

Después de la generación inicial:
- "Agrega una página de configuración con carga de foto de perfil"
- "Haz el panel responsivo para móvil"
- "Agrega notificaciones en tiempo real usando eventos enviados por el servidor"
- "Conecta a Supabase en lugar de SQLite"
- "Agrega pago con Stripe para el plan premium"
- "Escribe pruebas para los endpoints de la API"
- "Corrige el error donde la barra lateral no se cierra en móvil"

Bolt entiende el contexto completo de la app generada.
Cada indicación modifica el código base existente, sin empezar de nuevo."

Opciones de Stack Tecnológico

## Frameworks y Herramientas Soportadas

Frontend: React, Vue, Svelte, Astro, Next.js, Remix, Angular
Estilizado: Tailwind CSS, shadcn/ui, DaisyUI, Módulos CSS
Backend: Node.js, Hono, Express, Fastify
Base de datos: SQLite (integrado), Supabase, Firebase, Prisma
Autenticación: Clerk, Supabase Auth, JWT personalizado
Despliegue: Netlify, Vercel, Cloudflare Pages

## WebContainer
- Runtime completo de Node.js en el navegador
- npm install funciona (la mayoría de paquetes)
- Sistema de archivos, terminal, gestor de paquetes
- Sin Docker, sin configuración local, sin problemas de entorno

Instalación

# Sin instalación — funciona en el navegador
# https://bolt.new

# Plan gratuito: Generaciones limitadas
# Pro: $20/mes (generaciones ilimitadas)
# Equipos: Precio personalizado

Mejores Prácticas

Sé específico en las indicaciones — "Construye un tablero Kanban con arrastrar y soltar, 3 columnas predeterminadas y almacenamiento local" supera a "construye una herramienta de proyectos"
Itera, no reinicies — Usa indicaciones de seguimiento para agregar funciones; Bolt mantiene el contexto completo de la app generada
Especifica el stack tecnológico — "Usa React, Tailwind y Supabase" evita que Bolt tome decisiones inesperadas
Prototipa primero — Bolt destaca en prototipado; exporta el código y refínalo en tu IDE para producción
Base de datos desde el principio — Menciona las necesidades de base de datos desde el inicio; agregar persistencia más tarde requiere más refactorización
Móvil primero — Pide diseño responsivo en la indicación inicial; adaptarlo después es más difícil
Exporta a GitHub — Exporta el código generado a un repositorio de GitHub; continúa el desarrollo en tu flujo de trabajo habitual
Combínalo con Cursor — Genera el prototipo en Bolt, luego expórtalo y refínalo con Cursor para calidad de producción

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.

Skills relacionados

steipete/sag

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

steipete/oracle

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

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

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".

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.

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".