Categoría Diseño · Inteligencia Apache-2.0 · Hecho en la Tierra
Estrella · 62.2KDescargar
ES
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
Tipo de artefacto
Vista previa de AeroCore — Cinematic Aerospace Engine Landing prototipo
@eli Open Design
Leer prompt completo →

AeroCore — Cinematic Aerospace Engine Landing

Premium scroll-cinematic aerospace propulsion marketing site: a blue-to-warm-white gradient hero with parallax wordmark and engine still, a mission thumbnail that grows into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart, a horizontal video-story rail, and a starfield footer.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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).
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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).
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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 '三连发'.
Usar esta plantilla
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).
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla
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.
Usar esta plantilla

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.