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.

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

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 Página principal de Open Design prototipo
@open-design Open Design
Leer prompt completo →

Página principal de Open Design

A pixel-faithful mirror of the live open-design.ai homepage — an interactive WebGL/Three.js (React Three Fiber) hero built on Next.js. Features a real-time 3D "Open Design" wordmark (Draco-compressed geometry), a scattered sticker collage, custom variable fonts, cursor-reactive parallax, and scroll-driven motion. This is a first-party showcase of the visual ceiling Open Design targets for interactive marketing surfaces on the web — with all assets bundled locally (only the Draco decoder loads from a CDN, like the other WebGL examples), rendering in the sandboxed preview. Use as a reference for high-craft 3D landing pages, agent-native product sites, and motion-rich hero sections.

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.

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.

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

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.

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.

prototipo
@open-design Open Design
Leer prompt completo →

Visualizador Worker

Crea un visualizador en tiempo real cuyo cómputo pesado corre en un Web Worker — sistemas de partículas, física, fractales, visualización de datos/audio — compartiendo memoria opcionalmente vía SharedArrayBuffer, renderizado en canvas a 60fps. Se activa ante solicitudes de web worker, simulación, partículas, física, fractal, cómputo fuera del hilo principal o visualizador en tiempo real.

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.