Cart Log in
TECNOLOGÍA · Claude Design · HTML

LuminDoc — Prompt de diseño web para Claude AI

Plataforma de documentación técnica y tutoriales para desarrolladores Guía clara para crear y compartir conocimiento técnico.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una web estática que reproduzca el diseño de la documentación técnica descrita. Usa la marca ficticia **LuminDoc** (lumindoc.com, logo de texto simple, versión "v.1.3", claim "Guía clara para crear y compartir conocimiento técnico"). **Alcance** - Archivo único HTML con Tailwind CSS vía CDN (`https://cdn.jsdelivr.net/npm/tailwindcss@3.4.0/dist/tailwind.min.css`). - JavaScript vanilla inline para el menú hamburguesa, apertura del modal de búsqueda y barra de progreso de lectura. - Sin dependencias externas excepto los íconos SVG provistos (usar placeholders). **Paleta de colores** - Fondo principal: #F7FAFC (gris muy claro). - Texto principal: #1F2937 (gris casi negro). - Acentos: #3B82F6 (azul Tailwind), #E5E7EB (gris claro para tarjetas). - Código block background: #FEFEFE, cód
4.518 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.518 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
LuminDoc — 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 Cabecera con logotipo, versión y menú hamburguesa
  • 1.2 Barra lateral de navegación con iconos y enlaces de sección
  • 1.3 Área de contenido principal con título, descripción y bloques de código
  • 1.4 Sección de artículos populares en cuadrícula
  • 1.5 Pie de página con enlaces institucionales y créditos
  • 1.6 Modal de búsqueda emergente
  • 1.7 Indicador de progreso de lectura

GETTING STARTED

  • 2.1 Título de artículo y párrafo introductorio
  • 2.2 Bloque de código CDN con resaltado
  • 2.3 Bloque de código Bundler con resaltado
  • 2.4 Bloque de código importación con resaltado
  • 2.5 Lista de pasos siguientes con enlaces internos

POPULAR ARTICLES

  • 3.1 Tarjeta de artículo rápido con icono y breve descripción
  • 3.2 Tarjeta de demos con icono y breve descripción
  • 3.3 Tarjeta de ejemplos con icono y breve descripción
  • 3.4 Tarjeta de instalación con icono y breve descripción
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría