Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

DocuStream — Prompt de diseño web para Claude AI

Plataforma de documentación técnica para desarrolladores Documentación clara, estructurada y accesible.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
DocuStream — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una web completa que reproduzca el diseño visual y la estructura de la plantilla de documentación técnica analizada, pero bajo la marca ficticia DocuStream. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. **Requisitos generales** - Archivo único index.html que incluya el CDN de Tailwind (`<script src="https://cdn.tailwindcss.com"></script>`). - Todas las interacciones (menú dropdown, hamburguesa móvil, smooth scroll a #pages) implementadas con JS vanilla embeddeado al final del body. - No usar librerías externas ni fuentes externas distintas de las indicadas en la paleta. **Paleta de colores** (usar como variables Tailwind custom): - Primary: #0EA5E9 (azul cielo) - Accent: #F59E0B (ámbar) - Neutral‑100: #FFFFFF - Neutral‑300: #E5E7EB - Neutra
5.144 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
5.144 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
DocuStream — home completa
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat. Descargar captura
ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

  • 1.1 Header con logo, menú principal, dropdown de páginas, dropdown de idioma y botones CTA.
  • 1.2 Hero: título, subtítulo, botones primario y secundario, imágenes de pantalla en grid responsive.
  • 1.3 Sección informativa "Qué incluye": título, párrafo descriptivo, grid de 3 columnas con tarjetas (páginas, secciones, componentes).
  • 1.4 Galería de screenshots en layout de 2 columnas, imágenes responsivas.
  • 1.5 Footer: columnas de enlaces (Inicio, Docs, Changelog, Soporte), selector de idioma, información legal y redes sociales.

PAGES (ejemplo de páginas internas)

  • 1.1 Docs Overview: encabezado, barra lateral de navegación de categorías, área de contenido con código resaltado.
  • 1.2 Changelog List: lista cronológica de versiones, filtros por versión.
  • 1.3 Support Center: preguntas frecuentes en acordeón, formulario de contacto.
  • 1.4 Help Center Category: grid de artículos, barra de búsqueda.
  • 1.5 Template Style Guide: tipografía, paleta de colores, componentes UI.
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría