Categoría Diseño · Inteligencia Apache-2.0 · Hecho en la Tierra
Open Source Claude Design

Plantillas.

Artefactos construidos por agentes que puedes bifurcar e implementar — prototipos, diapositivas y plantillas de imagen y vídeo. Ejecútalos con tus propias claves usando el agente local; los prompts, posters y HTML de ejemplo están todos bajo Apache-2.0.

Total · 254
Vista previa de Portafolio de creador 3D — Jack prototipo
@open-design Open Design
Leer prompt completo →

Portafolio de creador 3D — Jack

Página de destino oscura y premium para un portafolio de creador 3D: un hero a pantalla completa con titular en degradado y un retrato 3D magnético que sigue al ratón, un marquee horizontal de imágenes impulsado por el scroll, una sección About con decoraciones 3D en las esquinas y texto que se revela carácter a carácter al desplazarse, una lista de servicios sobre fondo blanco y tarjetas de proyecto que se apilan reduciéndose al hacer scroll.

Vista previa de AeroCore — Página de destino cinematográfica de motores aeroespaciales prototipo
@eli Open Design
Leer prompt completo →

AeroCore — Página de destino cinematográfica de motores aeroespaciales

Sitio de marketing premium, cinematográfico e impulsado por el scroll para propulsión aeroespacial: un hero con degradado de azul a blanco cálido con wordmark en parallax e imagen fija del motor, una miniatura de misión que crece hasta un vídeo sticky a pantalla completa, un escaparate con pestañas fijado, una cuadrícula de capacidades bento con tarjetas de vídeo en bucle y un marquee de herramientas, un gráfico de estadísticas oscuro animado, un carril horizontal de historias en vídeo y un pie de página de campo de estrellas.

Vista previa de Landing page cinematográfica prototipo
@eli Open Design
Leer prompt completo →

Landing page cinematográfica

Página de aterrizaje B2B cinematográfica premium impulsada por GSAP: un hero con slider de vídeo a pantalla completa guiado por scroll con transiciones de clip-path en elipse, titulares revelados carácter a carácter con SplitText, una galería de productos en masonry, texto de presentación revelado al desplazarse, una marquesina de socios, tarjetas de características Lottie y un pie de página con varias oficinas.

Vista previa de Evergreen Finance — Página de destino fintech Kova prototipo
@eli Open Design
Leer prompt completo →

Evergreen Finance — Página de destino fintech Kova

Página de destino fintech Kova premium: hero a pantalla completa con un fondo de vídeo boomerang hacia delante y hacia atrás, apariciones con desenfoque FadeUp, tarjetas de panel flotantes (gráfico de líneas de ahorros + gráfico de barras de gastos), un testimonio a dos columnas con un vídeo cuadrado de reproducción automática y una cuadrícula de cuatro funciones con tarjetas de imagen y un gráfico de dona de gastos.

Vista previa de Plantilla de panel en vivo Flowai prototipo
@open-design Open Design
Leer prompt completo →

Plantilla de panel en vivo Flowai

Panel de gestión de equipos con estética FlowAI que incluye tres pestañas (Miembros del equipo, Detalles del equipo, Registro de actividad), fila de estadísticas KPI, tabla de miembros, gráfico de barras de distribución de roles, minigráficos de presencia en línea y actividad, y panel de principales contribuyentes. Compatible con tema claro/oscuro, tooltips, zoom y exportación CSV.

Vista previa de Captura de juego - ARPG Three Kingdoms: Tiro con arco de Lü Bu en Yuanmen imagen
@open-design-contributors Open Design
Leer prompt completo →

Captura de juego - ARPG Three Kingdoms: Tiro con arco de Lü Bu en Yuanmen

Captura de pantalla de acción-RPG de la famosa escena de Three Kingdoms donde Lü Bu dispara una alabarda distante en la puerta del campamento. Estilo fotorrealista cinematográfico de Black Myth: Wukong con Unreal Engine 5, vista en tercera persona y HUD completo (barras de HP y qi, minimapa, barra de habilidades, marcador de objetivo con distancia). Optimizado para gpt-image-2 en formato 16:9.

Vista previa de Game UI - HUD MMO mundo abierto China antigua imagen
@open-design-contributors Open Design
Leer prompt completo →

Game UI - HUD MMO mundo abierto China antigua

Genera una maqueta de captura de pantalla HUD para un MMO de mundo abierto AAA ambientado en la China antigua, con estilo fotorrealista cinemático de Black Myth: Wukong. Incluye elementos completos de HUD MMO: retrato de personaje, barras HP/MP, barra de habilidades con iconos de caligrafía china, minimapa, panel de misiones, ventana de chat y placas de NPC, en formato 16:9.

Vista previa de Html Ppt Navegación Teclado Minimal presentacion
@open-design Open Design
Leer prompt completo →

Html Ppt Navegación Teclado Minimal

Keynote minimalista de 8 páginas con navegación por flechas — cada página con fondo monocromo (índigo / crema / granate / turquesa / gris / púrpura / blanco / carbón), título display 160px + línea de acento gruesa 4px, lista Mono con prefijo →, indicación de teclas ← → abajo a la izquierda + número de página abajo a la derecha, amplios espacios en blanco. Ideal para keynotes, lanzamientos y presentaciones donde hay mucho que decir pero poco que mostrar.

Vista previa de Html Ppt Hermes Terminal Cibernético presentacion
@open-design Open Design
Leer prompt completo →

Html Ppt Hermes Terminal Cibernético

Plantilla de presentación estilo terminal oscuro con fondo negro #0a0c10, cuadrícula cibernética 56px, viñeta CRT, líneas de escaneo, semáforo de ventana chrome, títulos `$ prompt` de línea de comandos, texto verde menta #7ed3a4, JetBrains Mono, gráficos de barras outline, cursor parpadeante, etiquetas ámbar/verde/rojo y bloques de código oscuros. Ideal para reseñas de CLI/agentes/herramientas dev (trace, diff, benchmark).

Vista previa de Plano de arquitectura de conocimiento Html Ppt presentacion
@open-design Open Design
Leer prompt completo →

Plano de arquitectura de conocimiento Html Ppt

Deck de arquitectura de planos crema — base de papel crema #F0EAE0 + resaltado rojo óxido único #B5392A, máscara de cuadrícula de planos 48px, tarjetas duras con borde negro 2px, cajas de pasos de pipeline (una elevada), llamada de insight rojo óxido a la derecha, fuente serif grande Playfair, bucle de retroalimentación SVG punteado. Sin degradados, sin sombras suaves, serio y apto para impresión.

Vista previa de Html Ppt Obsidian Claude Gradient presentacion
@open-design Open Design
Leer prompt completo →

Html Ppt Obsidian Claude Gradient

Tema de deck con degradado púrpura oscuro de GitHub con fondo GitHub-dark #0d1117, luz ambiental radial azul-púrpura, máscara de cuadrícula 60px, diseño centrado, etiquetas pill moradas, títulos con degradado tricolor (#a855f7→#60a5fa→#34d399), paleta de código estilo GitHub y bloques destacados con borde izquierdo morado. Ideal para flujos de trabajo de desarrolladores, MCP, Agent y tutoriales de herramientas de desarrollo.

Vista previa de Html Ppt Zhangzara Biennale Yellow presentacion
@open-design Open Design
Leer prompt completo →

Html Ppt Zhangzara Biennale Yellow

Biennale Yellow — Amarillo solar sobre pergamino cálido con serif índigo profundo y gradientes atmosféricos de resplandor solar. Ideal para carteles de bienales de arte, programas anuales de museos, presentaciones de exposiciones, anuncios de instituciones artísticas, folletos de conferencias de diseño, propuestas curatoriales, publicaciones literarias y retrospectivas de estudios.

Vista previa de Html Ppt Zhangzara Long Table presentacion
@open-design Open Design
Leer prompt completo →

Html Ppt Zhangzara Long Table

Long Table — Estética de club de cena en crema cálido y rojo óxido con titulares grotesk en mayúsculas y negrita, Fraunces en cursiva y botones de contorno en forma de píldora. Ideal para marcas cálidas, íntimas y modernas de hospitalidad y comunidad: clubes de cena, series de cenas, restaurantes pequeños, eventos de estudios creativos, propuestas de membresía, marcas de lifestyle y vino.

Vista previa de Html Ppt Zhangzara Sakura Chroma presentacion
@open-design Open Design
Leer prompt completo →

Html Ppt Zhangzara Sakura Chroma

Sakura Chroma — Estética vintage de paquetes de cassette japoneses: papel crema, cintas de arcoíris diagonales, tipografía condensada en negrita, casillas estilo JIS. Ideal para presentaciones de marcas hardware independientes, calendarios de lanzamientos musicales, retrospectivas de estudios analógicos, propuestas de revistas, lanzamientos de productos kawaii-tech e informes anuales de estudios creativos.

Vista previa de Hyperframes video
@open-design Open Design
Leer prompt completo →

Hyperframes

Crea composiciones de video, animaciones, tarjetas de título, superposiciones, subtítulos, locuciones, visuales reactivos al audio y transiciones de escena en HyperFrames HTML. Admite contenido de video HTML, subtítulos sincronizados con audio, narración de texto a voz, animaciones reactivas al audio (sincronización de ritmo, brillo, pulso), resaltado de texto animado (barridos de marcador, círculos dibujados, líneas de explosión, garabatos, bocetos) y transiciones de escena (fundidos cruzados, barridos, revelaciones, transiciones shader).

video
@heygen Open Design
Leer prompt completo →

HyperFrames: Stack de superposición social 9:16 (X · Reddit · Spotify · Instagram)

Una composición HyperFrames vertical de 15 segundos en 1080×1920 que apila cuatro tarjetas sociales animadas sobre un bucle de cámara frontal: una publicación de X, una reacción de Reddit, una tarjeta de reproducción de Spotify y un CTA de seguimiento de Instagram al final. Cada tarjeta es un bloque del catálogo HyperFrames; la coreografía es el valor añadido.

Vista previa de Infografía - Desglose coreográfico de baile otaku (Gokuraku Jodo, 16 paneles) imagen
@open-design-contributors Open Design
Leer prompt completo →

Infografía - Desglose coreográfico de baile otaku (Gokuraku Jodo, 16 paneles)

Un póster vertical 2:3 compuesto por una cuadrícula 4×4 de 16 paneles cuadrados que muestra el desglose coreográfico completo de la famosa canción de baile otaku japonesa 極楽浄土 (Gokuraku Jodo). Cada panel muestra la misma ídol de anime semi-realista en poses de baile características, diseñado como referencia de poses para generación de video IA con gpt-image-2, formato 2:3.

Vista previa de Layered Depth — Estudio de arquitectura Qelora prototipo
@eli Open Design
Leer prompt completo →

Layered Depth — Estudio de arquitectura Qelora

Landing parallax por capas y cinematográfica para un estudio de arquitectura: vídeo de fondo a pantalla completa, un enorme logotipo de marca centrado detrás de una losa escultórica en parallax, una máquina de estados de vídeos de pájaros animados, píldoras de navegación y paneles de información en vidrio esmerilado, y una segunda sección de vídeo a pantalla completa con un titular editorial centrado.

Vista previa de Nimbus Grid — Almacenamiento en la nube seguro prototipo
@eli Open Design
Leer prompt completo →

Nimbus Grid — Almacenamiento en la nube seguro

Sitio de marketing de una página en tonos oscuros y dorado cálido para un producto de almacenamiento en la nube seguro: un hero con shader con consola en vivo y efecto máquina de escribir, un acordeón de plataforma fijo impulsado por scroll, un campo de barras de precios que se transforma al desplazarte, tarjetas de seguridad, un escaparate de consola con inclinación 3D y un cubo de operaciones que explota al hacer clic.

Vista previa de Open Design Landing Deck presentacion
@open-design Open Design
Leer prompt completo →

Open Design Landing Deck

Produce una presentación de archivo único en el lenguaje visual Atelier Zero (fondo papel cálido, énfasis serif itálica, puntos terminales coral, placas collage surrealista). Con paginación horizontal estilo revista (←/→, rueda, deslizar), barra chrome con marca y contador de diapositivas, cuadrícula resumen ESC, barra de progreso coral, y hereda la hoja de estilos canónica + biblioteca de imágenes de 16 ranuras del skill hermano open-design-landing.

Vista previa de Orbit General prototipo
@open-design Open Design
Leer prompt completo →

Orbit General

Se activa automáticamente por Orbit cuando hay dos o más conectores conectados. Recopila la actividad de las últimas 24 horas de todos los conectores autenticados (GitHub, Linear, Notion, Slack, 飞书, Calendario, Gmail, Drive, Sentry, Vercel, etc.) y genera un panel adaptativo en cuadrícula bento en la parte superior de "我的设计". Ejecutado automáticamente por el programador de resumen diario de Orbit.

Vista previa de Orbit Notion prototipo
@open-design Open Design
Leer prompt completo →

Orbit Notion

Habilidad de briefing de Open Orbit — seleccionada por el pipeline de Orbit cuando Notion es el único conector conectado del usuario o cuando el usuario limita explícitamente su resumen diario a Notion. Extrae las ediciones de documentos, comentarios, menciones y cambios de filas de base de datos de las últimas 24 horas desde la conexión autenticada de Notion del usuario y renderiza el resumen como una página nativa de Notion (elementos callout/toggle/tabla de base de datos). Esta habilidad no debe activarse manualmente — es invocada por el programador de resumen diario de Orbit con datos de Notion en vivo.

Vista previa de Portfolio Cosmic — Página de destino oscura prototipo
@eli Open Design
Leer prompt completo →

Portfolio Cosmic — Página de destino oscura

Página de destino de portafolio oscura y premium de una sola página: vídeo hero HLS cinematográfico, tipografía de display en cursiva Instrument Serif, un contador de carga de 000 a 100, una cuadrícula bento de trabajos alterna, una galería de exploración con parallax fijada al hacer scroll y un pie de página de contacto tipo marquee con el degradado de acento bloqueado #89AACC→#4E85BF.

Vista previa de Replit Deck presentacion
@open-design Open Design
Leer prompt completo →

Replit Deck

Presentación HTML de archivo único con deslizamiento horizontal al estilo de la galería de plantillas de página de inicio de Replit Slides. Ocho temas distintos (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – cada uno un sistema visual completo (paleta + tipografía + acento) capturado de replit.com/slides. Elija un tema, no mezcle. Para pitch decks, informes de junta, memorandos de marca, revelaciones de campaña – cuando el usuario quiere explícitamente el estilo Replit Slides.

Vista previa de Carrusel Social prototipo
@open-design Open Design
Leer prompt completo →

Carrusel Social

Un carrusel de tres tarjetas para redes sociales en formato 1080×1080 – tres paneles cinematográficos alineados con la marca, con titulares que se conectan a lo largo de la serie ('adelante.' → 'al siguiente.' → 'mirando al futuro.'). Cada tarjeta incluye marca, número/total, pie de foto y affordance de 'bucle'. Úselo para solicitudes de 'publicación en carrusel', 'carrusel social', 'carrusel de Instagram', 'serie de LinkedIn', 'tarjetas de hilo de X' o '三连发'.

Vista previa de Publicación Redes Sociales - Storyboard Baile Sensacional (8 Tomas) imagen
@open-design-contributors Open Design
Leer prompt completo →

Publicación Redes Sociales - Storyboard Baile Sensacional (8 Tomas)

Conjunto completo de prompts de storyboard de 8 tomas para generar una secuencia de baile coherente. Optimizado para modelos gpt-image-2 con tokens de estilo globales, prompt negativo reutilizable y ocho prompts por toma (pose de apertura, groove de cadera, ola corporal, giro de cintura, balanceo lateral, movimiento de cabello, postura de poder, pose final).

Vista previa de Stellar Launch — Launchex Awards prototipo
@eli Open Design
Leer prompt completo →

Stellar Launch — Launchex Awards

Landing page premium para premios / galardones de venture: una carcasa de tarjeta blanca embutida con esquinas redondeadas, un hero de vídeo a pantalla completa con CTA de clip-path biselado, una sección de candidaturas a tres columnas con tarjetas de nominación angulares alrededor de un vídeo cuadrado y una cuadrícula de estadísticas sobre los fundadores con tarjetas de imagen plus-darker y cifras de texto en degradado.

Vista previa de Velar. — Inmobiliaria de lujo prototipo
@open-design Open Design
Leer prompt completo →

Velar. — Inmobiliaria de lujo

Landing page inmobiliaria de lujo de una sola página con estética cinematográfica: un precargador de máquina de escribir que se eleva y desaparece, una imagen de edificio impulsada por el scroll que surge desde abajo y se amplía mientras se fija a una sección oscura de declaración, una franja de estadísticas oscura sticky con números que cuentan hacia arriba y una galería de vídeo que se expande al pasar el cursor y se desliza por encima de la sección oscura.

video
@open-design-contributors Open Design
Leer prompt completo →

Video - Desk Hologram AR on Real Workspace (Seedance 2.0)

A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.

video
@open-design-contributors Open Design
Leer prompt completo →

Vídeo - Three Kingdoms ARPG - Lyu Bu tiro de arco Yuanmen (Seedance 2.0)

Secuencia de acción cinemática de ~10 segundos: Lyu Bu tensa un arco lacado en rojo y dispara una flecha de qi dorada hacia una alabarda distante. Optimizado para Seedance 2.0 con control de cámara preciso, física de arco y flecha, animación de viento, polvo y estandartes, y gradación de color estilo captura de pantalla. Complementa la plantilla de imagen correspondiente.

Vista previa de Video corto video
@open-design Open Design
Leer prompt completo →

Video corto

Generación de videos cortos — clips de 3-10 segundos para revelaciones de productos, teasers animados y loops ambientales. Por defecto usa Seedance 2, pero funciona igual con Kling 3 / 4, Veo 3 o Sora 2. Salida en archivo MP4 único guardado en la carpeta del proyecto. Cuando el espacio de trabajo incluye una habilidad de video interactivo/hiperframes, es preferible componer varios planos cortos en una sola línea de tiempo en lugar de un clip largo monolítico.

Preguntas frecuentes

¿Qué son las plantillas de Open Design?

Plantillas de plugins integrados que se incluyen con Open Design — la alternativa open source a Claude Design. Cada una es un artefacto ejecutable: un prototipo, un conjunto de diapositivas, un generador de imágenes, una composición de vídeo o una pieza de movimiento HyperFrames. Tu agente local ejecuta el plugin contra su prompt y un HTML de ejemplo opcional, y produce un activo listo para compartir en tu máquina.

¿Cómo se licencian las plantillas?

Apache-2.0 en todos los casos. Bifurca el prompt, adapta el example.html, cambia los tokens de marca — lo único que pedimos es que mantengas el aviso de LICENSE cuando redistribuyas.

¿Puedo ejecutarlas con mis propias claves API?

Sí. Open Design es BYOK en todas las capas — tus credenciales de Claude, OpenAI o modelo local nunca abandonan tu máquina. El sitio de marketing no realiza proxy de ninguna inferencia; las vistas previas en directo que ves en las filas del catálogo provienen de posters y URLs de Cloudflare Stream que se incluyen con las plantillas, no de un runtime alojado.

¿Cómo contribuyo con una plantilla?

Abre un PR contra nexu-io/open-design/plugins/_official con una nueva carpeta que contenga open-design.json, SKILL.md y un example.html ejecutable. La guía de contribuyentes en el CONTRIBUTING.md del repositorio te explica los campos del manifiesto. Las contribuciones aprobadas aparecen en el catálogo público y se muestran aquí automáticamente en el siguiente despliegue.

¿En qué se diferencia de Claude Design Studio?

Claude Design Studio es el producto alojado de Anthropic. Open Design es la alternativa open source a Claude Design — cada plantilla, prompt y sistema de diseño en este catálogo vive en un repositorio público, se ejecuta localmente contra las claves que elijas, y puede extenderse mediante plugins que cualquiera puede crear. Espejamos la misma taxonomía de artefactos (prototipos, diapositivas, imágenes, vídeo) para que el modelo mental sea coherente, pero todo, incluido el runtime del agente, permanece en tu máquina.

¿De dónde vienen las vistas previas?

El manifiesto de cada plantilla contiene una URL de póster (CDN de Cloudflare) y, para plantillas de vídeo, un MP4 de Cloudflare Stream. La cuadrícula renderiza el póster como la miniatura estática e intercambia el vídeo en bucle al pasar el ratón. Las plantillas de imagen y prototipo muestran su póster directamente; al hacer clic se abre el example.html ejecutable en la página de detalles.