Constructor de UI de Chat de Personajes de IA

Es una herramienta personalizada que te permite jugar en el mundo deseado en tiempo real durante la producción y, al mismo tiempo, crear y modificar la interfaz de usuario en tiempo real.
1
59
7
 
 
 
 
 
Pub. 2026-11-01 | Actualizado en 2026-11-03

🏷️ Nombre del personaje (Name)
🛠️ Creador de UI de chat de personajes de IA

■ 💡 Breve descripción (Short Description)
Una herramienta de creación de UI personalizada todo en uno que, al describir el mundo deseado, genera un estado de HUD virtual y un mapa táctico 2D, y transfiere el diseño final de la plantilla de UI completada a través de comentarios de chat en tiempo real directamente al creador.

■ 📖 Anuncio de guía y descripción detallada (Long Description / Introduction)

[👑 Guía maestra autorizada por el creador]
Crea plantillas de UI para tu personaje de forma fácil y precisa con solo chatear. Haz clic y listo.

🎯 Objetivo principal del bot
Admite de manera integral la [Especificación del mundo ➔ Descripción del estilo de interfaz ➔ Modificación del diseño a través de comentarios de chat en tiempo real] deseada por el creador, y diseña directamente el código fuente de la plantilla de UI óptima para incrustar en el prompt y el libro de historia de tu personaje de IA en uso.

⚙️ Funciones principales
Analiza en tiempo real la narrativa del mundo y los parámetros de descripción de la interfaz que ingresa el creador, y compone (Renderiza) en el flujo de salida inferior un registro de estado limpio y un mapa táctico virtual que no rompen la relación de aspecto.

🎁 Beneficios de la introducción
"Una herramienta de creación personalizada completa que el creador manipula y refina directamente"
La eficiencia de generación de plantillas para creadores de bots de chat de personajes de IA se maximiza, el proceso de codificación de marcado complejo se simplifica y los efectos visuales de tu personaje aumentan drásticamente.

🛠️ Cómo usar (Solo para creadores)
Si te gusta el formato de UI completado en tiempo real mientras chateas, simplemente haz clic en el botón [Modificar] del turno correspondiente para copiar todo el código de texto limpio de la pared interior y úsalo incrustándolo directamente en el prompt de tu personaje de IA o en los activos del libro de historia.
Detecta de forma autónoma el estado (TIER A/B/C) del entorno frontend de 20 plataformas multiplataforma, creando de forma autónoma el diseño visual más seguro y legible, desde cajas de acordeón HTML de gama alta hasta diagramas de caracteres de mosaico Unicode limpios para salas solo de texto.

[⚙️ Ejemplos de comandos de palabras clave para activar el voltaje de operación]
El creador puede combinar libremente los siguientes parámetros narrativos durante el proceso de prueba de UI para inyectarlos. El sistema modifica y produce de forma fija la estructura en tiempo real tan pronto como usted la ingresa.

💻 Diseño de pantalla virtual y control de plataforma
└ Ejemplo de entrada 1: "Pon la UI grande con una sensación de fantasía oscura medieval"
└ Ejemplo de entrada 2: "Comprime la UI pequeña con un tema ciberpunk"
└ Ejemplo de entrada 3: "Ocultar (apagar) la UI en la pantalla"
└ Ejemplo de entrada 4 (Orientación de plataforma): "Compila con el estándar para la plataforma Umai", "Genera al estilo de código JSX personalizado para Elin", "Actualiza combinando principalmente áreas de marcado HTML genérico para Janitor", "Compila sin romper con el estándar de la plataforma Crack Babe"
└ Ejemplo de entrada 5 (Control de pestillo plegable): "Permite que el usuario pliegue y despliegue la ventana de estado/ventana de clase/página de introducción, etc., pero bloquéala en estado plegado (detalles por defecto cerrado) cuando se muestre por primera vez."

🎨 Elementos visuales de tema en tiempo real y control de color en línea
└ Ejemplo de entrada 1: "Cambia el color de la etiqueta del título de la ventana de estado a rojo carmesí"
└ Ejemplo de entrada 2: "Cambia el color de la fuente de la pared interior a verde fluorescente"
└ Ejemplo de entrada 3: "Cambia el color de fondo de toda la caja de la consola a negro azabache absoluto (#000000)"

📊 Modificación de estadísticas de recursos en tiempo real y registro de equipos
└ Ejemplo: "Ajusta la vitalidad al 88%, reduce el maná al 45%, activa la fatiga al 12% y equipa [Espada larga de acero], [Armadura de cuero de aventurero] al equipo que posees."

🗺️ Consulta y salida de mapa táctico virtual en tiempo real
└ Ejemplo: "Despliega el terreno de los escalones de piedra cubiertos de niebla de la entrada de las ruinas antiguas actuales como un mapa de mosaicos tácticos 2D."

Capaz de responder hasta 12 comandos simultáneamente:

🎲 Intentar en la práctica

📜 ✦ [ Estado de despliegue del núcleo mágico arcano ] CORE-LV.4
Concentración de éter [ 84.5% ]
[ ████████░░ ]
⚡ Buff activo: Canto rápido II (Duración 120 segundos)
🛡️ Fase de barrera: Barrera de distorsión espacial (Integridad 100%)

LAST_SYNC: Sincronización arcana completada

Ejemplo de entrada 2) "¿Puedes crear una UI que cubra toda la pantalla y que todos tus chats aparezcan en ella, con los chats dentro de burbujas de diálogo como KakaoTalk?"

─── Inicio de la sesión de comunicación táctica de hoy ───
Consola de administración
"Todos los diálogos y registros se empaquetan y envían de esta manera dentro de las especificaciones de burbujas de mensajería. La alineación del texto y la legibilidad se conservan perfectamente incluso en el modo de interfaz de pantalla completa."
Consola de administración
"El vagabundo subterráneo actual se esconde detrás de la esquina debido a la presión de la barrera de proyección de maná. Se dispone de una bifurcación táctica para un ataque sorpresa o una maniobra de flanqueo."
📊 Datos biométricos del sujeto

- Sujeto: economoney [Espadachín errante Nv.14]

- Vitalidad: [ ████████░░ ] (88%)

- Maná: [ ████░░░░░░ ] (45%)

- Fatiga: [ █░░░░░░░░░ ] (14%)

- Inventario: Espada larga de acero, Armadura de cuero de aventurero

[ MESSENGER_STREAM_READY ] Envoltura de burbujas de diálogo completada en todas las áreas. Esperando la siguiente instrucción de acción táctica.

Comentarios del creador

Ayudante para crear la interfaz de usuario del personaje

0 comentarios