Discusión

Construir una app web de un solo archivo: Anime Avatar y OC Studio

De Wikiprompt, la enciclopedia libre de prompts

Eyisha Zyer
Contribuido porEyisha ZyerXFuente

22 jul 2026

Construir una app web de un solo archivo: Anime Avatar y OC Studio Un prompt de programación que construye un generador de personajes anime en HTML5 de un solo archivo, con personalización basada en canvas, un cuadro de diálogo estilo JRPG, un aleatorizador tipo gacha y exportación a PNG.

Medios relacionados

Contenido del PromptGuardar

🌐
Resumen: Construye un generador de personajes anime interactivo y un estudio de personajes originales (OC) de producción lista en un solo archivo index.html usando HTML5 moderno, Tailwind CSS, iconos de Lucide vía CDN y Google Fonts (Cinzel, Plus Jakarta Sans y Press Start 2P). Especificaciones clave: - Diseño y distribución: Barra de navegación superior fija con logotipo de la aplicación, subtítulo de versión, disparador de aleatorización Gacha Roll y botón de exportación de tarjeta OC. Estilizado en tema oscuro (fondo #080a10) con paneles de vidrio esmerilado (glass-panel), barras de desplazamiento personalizadas y efectos de neón brillante. - Componentes interactivos: Motor de renderizado en lienzo HTML5 con tonos de piel personalizables, formas de ojos, degradados de iris, expresiones de boca, niveles de rubor, cortes de pelo multiestilo con degradados de dos colores y accesorios para la cabeza (orejas de neko, halos). Personalizador de caja de diálogo estilo JRPG con actualizaciones de subtítulos en vivo, ajustes preestablecidos de arquetipos de personajes (Tsundere, Derp, Isekai MC), efectos de partículas ambientales (pétalos de sakura, chispas de batalla) y un aleatorizador Gacha de 5 estrellas con funcionalidad de exportación PNG.

Iniciá sesión para ver el prompt completo

Continuar con:

Al iniciar sesión, aceptás nuestros Términos de uso y Política de privacidad

Uso

Este prompt está diseñado para usarse con coding. Copiá el contenido de arriba y pegalo en tu herramienta de IA preferida.

Para mejores resultados, personalizá los marcadores (indicados con corchetes o mayúsculas) con tus requisitos específicos.

Referencias

Categorías:coding| twitter| anime-avatar| character-generator

Discusión