Asistente de HTML ah-Yan

Generador HTML totalmente automático, mejor que un lavavajillas
168
1.3k
458
 
 
 
 
 
Pub. 2026-10-16 | Actualizado en 2026-11-10

[Estética Subcultural]: Zine × Risografía (Desalineación de color, Trama de puntos, Marcas manuscritas de corrección)
[Objeto Físico / Escena]: Con marcas de corte, marcas de registro, talón desprendible y notas de revisión en tinta roja

HOJA DE PRUEBAOrden de Trabajo N.º AY-0427 / 2C RISO
Asistente de HTML
ah-Yan
Asistente de HTML
ah-Yan
Diseño definido por objetos · Información arraigada en los objetos
Imprime personajes en hermosos objetos físicos.

— Prueba de Texto —

Ingresa un perfil de personaje y deja el resto en manos del Asistente. El Asistente primero seleccionará una estética de subcultura y luego rescatará un "objeto con historia" del mundo del personaje: una bolsa de sangre de un vampiro, el disco duro dañado de un hacker o un boleto mojado de un día lluvioso.

FLUORESCENT PINK
FEDERAL BLUE

● Revisado y Reimpreso

□ Color Claro

□ Corrección de Desalineación

"Cuidado con la sangría de tinta
en la sobreimpresión del Fluorescent Pink"

Sin pensar, totalmente automatizado 🦾
Nuevo Modelo + Precio = Calidad de Diseño ✨

Aprobación de Prueba
Caveduck ONLY
Proceso: Plancha → Primera Prueba → Sobreimpresión → Corte
Talonario: Por favor, corte a lo largo de la línea punteada
COPYRIGHT © 2026 PROOF-SHEET

[Estética Subcultural]: Sartorial Craft (Sastrería a la medida, Artesanía tradicional, Marcas en papel de patronaje)
[Objeto Físico / Escena]: Una "Orden de trabajo de patronaje y medidas" completamente completada con notas artesanales sobre la mesa de trabajo de un sastre

✂
HTML
PATTERN No 72-BSCALE 1:1
BESPOKE: Asistente de HTML ah-YanCONFIDENTIAL
"Remoldeando los contornos del alma según las curvas del cuerpo."

¿Alguna vez has usado un asistente de HTML? La mayoría funciona así: los creadores deben planificar con antelación el tono, la composición y el estilo, dibujando el diseño en su mente antes de dar instrucciones paso a paso al asistente. Omite una sola instrucción y te entregará una página de presentación al estilo PowerPoint: tarjetas cuadradas, marcos redondeados e alineados, y fondos grises con texto blanco sin ninguna sorpresa.

El Asistente ah-Yan es diferente.

Solo necesitas proporcionar el contexto del mundo del personaje, su perfil y su texto de presentación, o incluso un par de párrafos sueltos. ah-Yan extraerá de forma independiente objetos físicos de la profesión, la época y los entornos del personaje: un diagnóstico médico, una carta abierta, la pizarra de cuentas de una taberna o un rollo de película sumergido en líquido revelador... para luego incrustar la información del personaje directamente en la estructura del propio objeto.

¿Sin sentido del diseño? ¿Mal ojo para combinar colores? ¿Sin inspiración? ¿No se te da bien dar instrucciones?
No te preocupes: el Asistente ah-Yan se encargará de resolverlo por sí solo.

SYSTEM: ZERO-PROMPT BURDEN
OUTPUT: BESPOKE OBJECT-FIRST
LAYOUT: ANTI-SLIDE / NON-PPT
PALETTE: AUTOMATIC GENERATION
※ Regla del sastre: Rechaza las plantillas rígidas; cada diseño se moldea a la medida directamente a partir de la carne y la sangre del personaje.

[Estética Subcultural]: Diario de Cocina Cottagecore (Tarjeta de recetas manuscrita de la abuela, Mantel de cuadros, Manchas de mermelada de bayas)
[Objeto Físico / Escena]: Una "Tarjeta de receta de tarta de bayas" escrita a mano y manchada de jugo de bayas junto a una bandeja de hornear, con papel vegetal y una etiqueta de frasco de mermelada atada con cordel

RECETA ESPECIAL DE CAVEDUCK
Asistente de HTML ah-Yan

Diseño visual inmersivo horneado específicamente para Caveduck, combinando código y estética en un sabor artesanal hecho a mano.

✦ Receta Exclusiva: Especialmente diseñado para generar formatos de código adaptados a la plataforma Caveduck. Construido sobre una estructura de HTML nativo minimalista, mezcla con precisión estilos en línea puros y clases de utilidad clave de Tailwind CSS.

✦ Jerarquía Visual: Experto en el uso de superposiciones, desbordamientos y ángulos inclinados para crear una composición con sensación física que rompe con lo convencional, como un tentador postre recién horneado con su sutil asimetría artesanal.

✦ Equilibrio Perfecto: Mientras busca una marcada estética visual de subcultura y texturas táctiles, garantiza por completo la adaptabilidad responsiva tanto para dispositivos de escritorio como móviles, asegurando que el texto principal sea siempre claro y fácil de leer.

Código ajustado a mano · Sin dependencias externas · Una experiencia pura y artesanal lista para usar.
CAVEDUCK READY
HANDCRAFTED

Comentarios del creador

【Estética Subcultural】:Dark Academia × Ocultismo Abisal, una mezcla de grimorios de brujería clásica e instrumentos de latón náutico.
【Objeto Físico / Fragmento de Escena】:Un "Círculo de Invocación de Astrolabio de Latón" en el fondo de un naufragio, con una "Tira de Pergamino de Encantamiento" arrugada por el agua atada con cadenas debajo.
【Colores Temáticos】:Azul Abisal #061428 | Azul Marea #12385A | Cian Fosforescente #5FC4D2 | Latón de Naufragio #C9A45C | Pergamino Empapado #D9D3BC




EX·ABYSSIS·SURGIMUS

✶ HTML ✶
✶ CSS ✶
aqua
ignis

Mechanism of Deep Ocean
Asistente HTML de Ayan
Estructura Clásica de las Profundidades Marinas × Generador de Páginas Dedicado
Ⅰ
Claude Opus 5.5

✦ Resonancia Preferida: Se recomienda usar Opus 5.5 con prioridad para la estructura inicial y el diseño de alta precisión.

II
Gemini 3.8 Flash

✦ Respuesta a Anomalías: Cambie a Gemini 3.8 para continuar guiando la generación y asegurar la integridad del ritual.

Encantamiento de Resonancia Continua

Mantén el diseño existente y corrige los párrafos del cuerpo, no ignores el tema principal del contenido que he especificado.

Continúa generando HTML desde la parte truncada.


【Estética Subcultural】:HUD de Transmisión de Combate / Tale of the Tape (Panel de Datos de Confrontación de Atributos Pre-Combate)
【Objeto Físico / Fragmento de Escena】:Un "Panel de Confrontación de Atributos Pre-Combate" deslizándose en la pantalla de transmisión: placa del nombre del luchador a la izquierda, VS diagonal en el centro, barra de salud del retador multilingüe a la derecha, barra de decisión del árbitro en la parte inferior.
【Colores Temáticos】:#0B0B0D (Negro de Ring), #F2F2EE (Blanco de Foco), #FF2A3D (Rojo de Advertencia), #FFD400 (Amarillo de Árbitro)

1
0
● LIVE TALE OF THE TAPE / MAIN EVENT RD.01
RED CORNER / RED CORNER
Asistente HTML de Ayan
HTML Assistant
THE HTML GENERATOR
VS
BLUE CORNER / RETADOR MULTILINGÜE
ENGLISHK.O. ✔
ESPAÑOLNICE
한국어STATUS: ACTIVE
日本語READY
中文BREAK LIMIT
JUDGE CARD:
UNANIMOUS DECISION
FIGHTER PROFILE / ESPECIFICACIONES TÉCNICAS DEL LUCHADOR

El Asistente HTML de Ayan es un generador visual de HTML/CSS puro diseñado específicamente para páginas de personajes. El sistema central se basa en prompts en chino tradicional como punto de partida, y las versiones en otros idiomas han sido revisadas manualmente palabra por palabra y optimizadas lógicamente. Ya sea en chino simplificado, inglés, coreano, japonés o español, tiene una compatibilidad y estabilidad completas, pudiendo liberar con precisión el poder de diseño en cualquier escenario lingüístico, asegurando el funcionamiento fluido de la estructura visual.

#HTML_GENERATOR #MANUAL_VERIFIED #MULTI_LANGUAGE_OPTIMIZED #TRADITIONAL_CHINESE_ORIGIN

【Estética Subcultural】:Espacio Liminal × Poolcore × Documental de Simulación de Terror Analógico
【Objeto Físico / Fragmento de Escena】:Grabación de CCTV de una piscina interior vacía a primera hora de la mañana (CAM-03), con una nota escrita a mano del vigilante de turno.
【Colores Temáticos】:#1E2A2B, #7FA3A0, #C9CFC7, #B8A86A, #9C3B33

REC  CAM-03 / PISCINA INTERIOR B2 03:33:07 AM
██/██/19██
PROFUNDIDAD DEL AGUA 2.4M
Asistente HTML de Ayan
HTML Assistant
▲ Norma Especial ── Este generador solo está diseñado para operar exclusivamente en la plataforma CAVEDUCK
〔Lista de Traspaso Nocturno: Declaración de Posicionamiento y Uso del Sistema〕

1. El "Asistente HTML de Ayan" es esencialmente un generador HTML dedicado para Caveduck, diseñado para proporcionar a los creadores de la plataforma soporte de diseño visual y de código.

2. La maquetación, la compatibilidad de etiquetas y los fragmentos de escena de esta herramienta están diseñados en torno al entorno de Caveduck. No transfiera, desvíe o mueva el HTML generado aquí a otras plataformas de roleplay de IA para su exhibición.

3. Aunque Ayan Assistant no tiene el poder o los medios para impedir las acciones del usuario, se declara sincera y claramente: respete los límites del entorno de diseño original y úselo solo en Caveduck.
TERMINAL ID: CD-STATION-01 SIGNAL: RESTRICTED DOMAIN ONLY

【Estética Subcultural】:Cómics Americanos de la Era de Plata (Impresión de Puntos × Líneas de Tinta de Pluma × Burbujas de Diálogo)
【Objeto Físico / Fragmento de Escena】:Una página de arte original de cómic amarillenta, con una columna de texto pequeño de "Página de Copyright Indicia" y un cuadro de exención de responsabilidad.
【Colores Temáticos】:Negro Tinta #15110E | Beige Periódico Viejo #EFDDB4 | Rojo Impresión #C42A1C | Amarillo Mostaza #E6AE2C | Azul Acero #1E5A85

No.0110¢
Asistente HTML de Ayan
THE AMAZING CODE-SMITH ★ ONE TAG AT A TIME!
¡Atención! ¡Este es un generador de mundos visuales especialmente construido!
POW!
¡Hola! Soy el Asistente HTML de Ayan, ¡diseñado para crear maquetación y código para tus PNJ! Ya sea una tarjeta de personaje o una cosmovisión, ¡puedes darle forma única aquí!
IDENTIDAD Y RESPONSABILIDADES // IDENTITY
Ayan es un asistente dedicado de generación visual HTML, enfocado en transformar texto en un lenguaje visual web con textura.
SOBRE CRÉDITO ★ DESEOS DE AGRADECIMIENTO
Aunque no es un requisito estricto, si deseas incluir "Co-construido por el Asistente de Ayan" o atribuir la fuente en la página, ¡Ayan estará muy feliz! ¡Me encanta ver los hermosos resultados que todos crean!
CO-CONSTRUCTED WITH AYAN HTML ASSISTANT. Esta página fue generada con la colaboración del Asistente HTML de Ayan. Los creadores son libres de compartir, modificar y publicar. Si puedes indicar la fuente del diseño, ¡Ayan se sentirá muy complacido y te expresará su sincero agradecimiento! ¡SIGUE CREANDO Y DISFRUTA DE LA AVENTURA!

Mensaje del Creador

Asistente de HTML ah-Yan es un generador de HTML adecuado tanto para principiantes como para usuarios experimentados.
Ah-Yan, el creador original, proviene del área del arte y diseño gráfico, y asegura con confianza que la calidad visual de este bot es excelente.
Asistente de HTML ah-Yan organizará los temas estéticos, escenarios y paletas de colores, facilitando llevar el resultado completo a otras IA para modificaciones posteriores.
También incluye notas jerárquicas como <!-- Nota --> para facilitar las modificaciones manuales por parte de usuarios humanos.

Se recomienda usar Claude Opus 5.5 / Gemini 4 Argon para la 1.ª respuesta y Gemini 3.8 Flash / DeepSeek V4 Pro para la 2.ª respuesta.

  • El diseño de Opus 5.5 es sumamente estético y nunca genera maquetaciones aburridas tipo informe. Es muy confiable, pero el límite de salida de Caveduck es reducido, por lo que es muy probable que la respuesta se corte.
  • Para la segunda respuesta, escribe Continúa generando el HTML desde la parte truncada y usa Gemini / DeepSeek Pro. Su amplia capacidad de salida finalizará el código sin problemas. Pedirle a Opus que continúe es inútil: volverá a cortarse.

Como he configurado la IA para que concentre toda su atención en el diseño artístico, tiende a ser descuidada con la redacción del texto, por lo que podría alterar o ignorar los escritos que preparaste con antelación.
Si no deseas corregirlo manualmente y prefieres que la IA incruste el contenido por ti, ingresa lo siguiente al usar Gemini en la 2.ª respuesta: Mantén el diseño existente, corrige los párrafos de texto y no ignores el tema principal del contenido que he especificado.

Contenido Adicional

0 comentarios