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.

presentacion
@lewislulu Open Design
Leer prompt completo →

Academic Paper

LaTeX-paper deck theme: paper-white #fdfcf8 ground, all-serif type (Latin Modern Roman with Playfair Display fallback), ink-black body, link-blue #1a3a7a underlined citation anchors, italic kickers, zero radius and near-zero shadow, double-rule title page, numbered Figure/Table captions and booktabs three-line tables. Single-file HTML deck with keyboard navigation and hash deep links — for conference talks, thesis defenses, research reviews and journal clubs. Based on lewislulu/html-ppt-skill academic-paper.

presentacion
@alchaincyf Open Design
Leer prompt completo →

Annual Letter

Stripe-annual-letter style single-file HTML decks: cream #FBFAF8 paper with a single Stripe-purple #635BFF accent, serif prose paragraphs at a 65ch publication measure, inline data cards embedded in the running text, and oversized tabular display-number anchor pages — the 'editorial longform' letter genre, prose flow instead of bullets. Based on alchaincyf/huashu-design editorial-longform (design-styles.md 安静派 · Editorial Longform).

presentacion
@alchaincyf Open Design
Leer prompt completo →

Bento Insight Grid

Apple Keynote / QBR-school bento decks: light-grey #F5F5F7 and cream pages, unequal-height rounded cards with 1px hairlines and micro shadows, one insight per card (giant Geist Mono tabular numeral, linear inline-SVG icon, or SVG sparkline), oversized display headlines with hard weight contrast, Inter/Geist typography on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design design-styles.md bento-grid spec (Bento便当格模块网格, neutral school, 95% fidelity), generated from the spec into a full multi-section deck.

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.

presentacion
@alchaincyf Open Design
Leer prompt completo →

Golden Circle Diagram

Sinek/TED-school diagrammatic minimalism decks: warm-white paper, ink, and exactly one gold accent (#E8860C) with its tints; a single geometric master figure — nested concentric WHY/HOW/WHAT circles built from pure border-radius divs — carries every page of the deck through fill, highlight, grey, and outline modes; uppercase Jost labels embedded in the figure, Manrope display headlines, inside-out arrows, zero charts and zero images. Based on https://github.com/alchaincyf/huashu-design design-styles.md diagrammatic-minimalism (单图母图概念图解), generated from the spec into a full multi-section deck.

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

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.

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.

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.

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.

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

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.

presentacion
@alchaincyf Open Design
Leer prompt completo →

Keynote Black

Jobs-2007 / Lei-Jun-launch-event keynote decks: pure black #000000 stage, pure white type, one word or one giant tabular-nums numeral per screen, exactly one brand accent (Mi orange #FF6900 / Spotify green #1ED760 / Apple blue #2997FF) per deck, massive negative space, faint center spotlight, accent-vs-grey spec-comparison bars, and a price-reveal climax page on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design black-big-number-stage (design-styles.md 大胆派「黑底巨型数字剧场」, generated from spec and wrapped in a full multi-section deck shell).

presentacion
@alchaincyf Open Design
Leer prompt completo →

Luxe Whitespace

Quiet-luxury decks with 70%+ whitespace: a warm off-white #FAFAF8 canvas, Inter 200-600 ultra-thin hierarchy, 120px weight-200 floating numerals with gold decimal points, one warm gold (#D4A574) spent only on hairlines and winning comparison bars, and gradient hairline separators (#E0DCD6) on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design ppt-build, expanded from a single showcase page into a full multi-section deck.

presentacion
@lewislulu Open Design
Leer prompt completo →

Memphis Pop

80s Memphis pop deck — warm cream canvas tiled edge-to-edge with a pink/teal/yellow confetti-dot pattern, 2.5px black-outlined cards with 5–9px hard offset shadows, hot-pink #ff3d8b lead accent, Archivo Black display type. Single-file HTML, keyboard navigation, zero dependencies. Based on lewislulu/html-ppt-skill memphis-pop. Use for playful product launches, creative pitches, community talks, or any deck that wants loud 1980s Memphis-design energy.

presentacion
@nicobailon Open Design
Leer prompt completo →

Midnight Editorial

Cinematic editorial dark deck theme: deep navy #0f1729 pages with warm gold #d4a73a accents, Instrument Serif 120px dramatic display dropping straight to 14px JetBrains Mono labels, a gold radial accent glow per slide, gold SVG corner marks and ghost section numerals, staggered cinematic reveal transitions, and a locked cream/gold light mode toggled by the SlideEngine (T key). Pure CSS/SVG diagrams and charts, keyboard-first single-file HTML, zero external JS. Based on https://github.com/nicobailon/visual-explainer midnight-editorial (templates/slide-deck.html), locked as a single-aesthetic deck plugin. Use for engineering reviews, product keynotes and editorial launches that should feel like a midnight issue of a serious journal.

presentacion
@alchaincyf Open Design
Leer prompt completo →

Narrative Sparkline

Duarte-style narrative sparkline decks: one oscillating SVG bézier waveform spanning the full 1920×1080 canvas, brand-orange (#FF6B2C) turning-point annotations, greyed ghost comparison lines, stroke-dashoffset progressive reveal, mono hairline chrome, Inter + Geist Mono. Built for change narratives, before/after contrasts, and data story arcs. Based on https://github.com/alchaincyf/huashu-design narrative-sparkline (references/design-styles.md · 中性派 · Sparkline叙事波形), generated from spec into a full multi-section 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.

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.

presentacion
@alchaincyf Open Design
Leer prompt completo →

Pentagram Info-Architecture

Rational Swiss-grid data decks: black-and-white restraint, Helvetica Neue hierarchy, one red (#E63946), 64px black chrome bars, 5%-opacity grid hairlines, and 260px giant numerals anchoring red/dark/grey comparison bar charts on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design ppt-pentagram, expanded from a single showcase page into a full multi-section deck.

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.

presentacion
@lewislulu Open Design
Leer prompt completo →

Retro TV

80s/90s picture-tube deck — warm cream canvas with CRT scanlines on every slide (::before repeating-gradient) over a curved-glass tube vignette, amber #e67e14 / brick-red #c73a1f accents, Playfair Display headlines with heavy offset shadows, test-card color bars and antenna/dial inline-SVG decor. Single-file HTML, keyboard navigation, zero dependencies. Based on lewislulu/html-ppt-skill retro-tv. Use for nostalgic product launches, media or entertainment pitches, retrospectives, or any deck that wants warm broadcast-era television energy.

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

presentacion
@alchaincyf Open Design
Leer prompt completo →

Takram Soft Tech

Soft Eastern-philosophy tech decks: warm rice-paper canvas (#F5F0EB), sage green #6B8F71 + one gold #D4A574 + warm grays, Noto Serif SC display headings mixed with Inter labels, rounded translucent data cards, and SVG data visualization treated as an art piece — three-series overlaid radar charts on hand-drawn dashed grids with Fig. NN plate annotations, on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design ppt-takram, expanded from a single showcase page into a full multi-section deck.

presentacion
@nicobailon Open Design
Leer prompt completo →

Terminal Mono

Developer-native dark deck theme: near-black #0a0e14 ground, Geist Mono everywhere with large weight-400 titles (never bold display), Dracula-green #50fa7b accent, faint dot-grid texture, and low-opacity green hairlines. Zero skeuomorphism, zero effects - pure typographic discipline. Scroll-snap single-file HTML with SlideEngine navigation, hash routing, and automatic light mode (#f4f6f8 / #0d7a3e) via prefers-color-scheme. Based on nicobailon/visual-explainer terminal-mono.

presentacion
@lewislulu Open Design
Leer prompt completo →

True Blueprint

True-blueprint deck theme: a blueprint-blue #0b3a6f full-bleed field under a 40px white drafting grid, dashed-border translucent cards, white and ice-blue #aee1ff ink lines with amber #ffd27a annotations, every glyph in JetBrains Mono, 2px corners, zero shadows. Drawing-sheet chrome (title block, sheet index, construction-line section numbers, hatched CSS bars, inline-SVG schematics) makes it the natural skin for system-architecture and engineering-design decks. Single self-contained HTML file, zero external JS. Based on lewislulu/html-ppt-skill blueprint theme.

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.

presentacion
@lewislulu Open Design
Leer prompt completo →

Y2K Chrome

Y2K chrome deck — full-bleed 5-stop silver-metal gradient canvas, white→steel→gunmetal chrome-clipped H1 headlines, 72% white frosted-glass cards with inset top highlights, 26–36px mega-radius corners, candy purple #8a5cff / aqua #3ccfd8 / pink #ff84c4 accents, glossy orb and sparkle decor, Space Grotesk type. Single-file HTML, keyboard navigation, zero dependencies. Based on lewislulu/html-ppt-skill y2k-chrome. Use for product launches, consumer-app pitches, music/fashion/creator decks, or anything that wants millennium-bug-era metallic shine.

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.