Zara Zhang Frontend Slides
Zara Zhang crea Slides frontend de calidad
Descripción
Recomendado por
淡苍
Por qué recomendamos esta habilidad
Esta habilidad crea impresionantes presentaciones HTML ricas en animaciones sin dependencias, evitando la 'AI slop' genérica para obtener diseños verdaderamente distintivos. Garantiza que cada diapositiva encaje perfectamente en el viewport, ofreciendo una experiencia pulida y profesional.
Esta habilidad está diseñada para generar presentaciones HTML con animaciones ricas y sin dependencias —presentaciones que se ejecutan directamente en un navegador sin necesidad de instalación o configuración adicional. Es especialmente adecuada para profesionales que necesitan crear rápidamente presentaciones con un estilo visual único y animaciones fluidas, como especialistas en marketing, educadores, desarrolladores y cualquier persona que desee transmitir información a través de contenido visual atractivo. El punto fuerte de esta herramienta reside en su proceso de diseño altamente personalizable y su enfoque en la experiencia del usuario. Genera de forma inteligente propuestas de diseño basadas en el objetivo, la duración y el contenido de la presentación seleccionados por el usuario, así como en el 'vibe' deseado. Los usuarios pueden optar por un proceso de diseño guiado —recibiendo tres vistas previas de estilo al describir sus preferencias emocionales— o simplemente seleccionar su estilo preferido directamente de una lista de ajustes predefinidos. Al aprovechar la generación de imágenes por IA, las capacidades de búsqueda web en tiempo real y el acceso a la base de conocimiento personal del usuario, esta habilidad garantiza que las presentaciones generadas sean visualmente impactantes y ricas en contenido. El resultado final es un archivo HTML independiente que contiene todo el CSS y JavaScript necesarios, lo que garantiza una visualización perfecta en cualquier navegador moderno. Ofrece no solo tipografía y esquemas de colores estéticos, sino también animaciones meticulosamente elaboradas, diseñadas para proporcionar a la audiencia una experiencia visual inmersiva.
Habilidades relacionadas
Ver todo
Página webCreador de páginas explorables
Un informe explica. Una página permite que la gente descubra por sí misma. YouMind ya puede crear páginas web. Explorable Explainer decide qué construir: convierte una investigación, un conjunto de datos o un tema en una única página interactiva en la tradición de los gráficos de redacción y las explicaciones explorables: narrativa impulsada por el desplazamiento, gráficos reales, controles que puedes mover y fuentes que puedes consultar. Planifica antes de codificar. Primero apruebas un plan de construcción: la pregunta que responde la página, la revelación — el momento en que el lector debería sentir "oh" — una estructura de desplazamiento de cinco a ocho secciones, de dos a cuatro interacciones, cada una justificada por lo que el lector aprende al moverla, y un contrato de datos que enumera cada número y de dónde proviene. Luego crea un único archivo HTML autocontenido sin paso de compilación. Marcado semántico. Todos los números en una única constante DATA editable al principio. Revelaciones de desplazamiento que no se rompen en un teléfono. Cada control es un elemento de formulario real, operativo con teclado, con texto en vivo que describe su valor actual. La accesibilidad está integrada, no añadida: contraste 4.5:1, anillos de enfoque visibles, texto alternativo en todas partes, ningún significado transmitido solo por el color, movimiento reducido respetado, diseño adaptable desde 360px. Antes de entregarlo, realiza una autoevaluación de cinco puntos e informa honestamente de los resultados: ¿la revelación realmente funciona?, ¿la página sigue siendo legible con JavaScript desactivado?, ¿el orden de tabulación es lógico?, ¿cada número es trazable?, ¿hay alguna animación que el lector quiera detener? Dos reglas que no romperá: nunca inventa datos para que un gráfico se vea bien, y te avisa cuando tus números contradicen tu borrador. Para investigadores, analistas, periodistas, educadores, fundadores independientes y consultores que quieren que su trabajo sea explorado en lugar de hojeado.
Página webWeb de luz suave diurna
Sistema de diseño web de estilo de luz suave diurna: lienzo de azul cielo claro (#ebf5ff), tipografía de exhibición muy grande con peso de fuente fijo en 500 (máximo 148px en responsive), tarjetas con esquinas redondeadas de 32px y píldoras de 9999px, botón CTA sólido de color casi negro #181d27, bloques de colores pastel e ilustraciones 3D flotantes con textura de arcilla. La profundidad se logra únicamente con el desplazamiento de tonos de color del lienzo a las tarjetas, y estas no tienen ninguna sombra. Es adecuado para necesidades como «estilo de luz suave diurna», «página de aterrizaje con ilustraciones 3D», «lienzo azul claro», «estilo de tarjetas redondeadas», «sitio web SaaS», «estilo Linear/Framer», etc. Incluye restricciones de accesibilidad y diseño responsive.
Página webEstilo Fashion Creative Design
Sistema de diseño web de estilo editorial de moda y póster: lienzo de papel crema cálido (#fffef7), títulos extragrandes con peso de fuente 300 (64–84px), fotografía a sangre, sin sombras, tarjetas con esquinas rectas + botones con esquinas redondeadas tipo píldora de 1440px. Adecuado para necesidades como «estilo de diseño de moda», «maquetación de revista», «estilo póster», «página web de álbum de arte», «portafolio de estudio», «página de galería», etc. Puede transformar cualquier contenido en una página de estilo editorial de alta costura.
Zara Zhang Frontend Slides
Zara Zhang crea Slides frontend de calidad
Descripción
Recomendado por
淡苍
Por qué recomendamos esta habilidad
Esta habilidad crea impresionantes presentaciones HTML ricas en animaciones sin dependencias, evitando la 'AI slop' genérica para obtener diseños verdaderamente distintivos. Garantiza que cada diapositiva encaje perfectamente en el viewport, ofreciendo una experiencia pulida y profesional.
Esta habilidad está diseñada para generar presentaciones HTML con animaciones ricas y sin dependencias —presentaciones que se ejecutan directamente en un navegador sin necesidad de instalación o configuración adicional. Es especialmente adecuada para profesionales que necesitan crear rápidamente presentaciones con un estilo visual único y animaciones fluidas, como especialistas en marketing, educadores, desarrolladores y cualquier persona que desee transmitir información a través de contenido visual atractivo. El punto fuerte de esta herramienta reside en su proceso de diseño altamente personalizable y su enfoque en la experiencia del usuario. Genera de forma inteligente propuestas de diseño basadas en el objetivo, la duración y el contenido de la presentación seleccionados por el usuario, así como en el 'vibe' deseado. Los usuarios pueden optar por un proceso de diseño guiado —recibiendo tres vistas previas de estilo al describir sus preferencias emocionales— o simplemente seleccionar su estilo preferido directamente de una lista de ajustes predefinidos. Al aprovechar la generación de imágenes por IA, las capacidades de búsqueda web en tiempo real y el acceso a la base de conocimiento personal del usuario, esta habilidad garantiza que las presentaciones generadas sean visualmente impactantes y ricas en contenido. El resultado final es un archivo HTML independiente que contiene todo el CSS y JavaScript necesarios, lo que garantiza una visualización perfecta en cualquier navegador moderno. Ofrece no solo tipografía y esquemas de colores estéticos, sino también animaciones meticulosamente elaboradas, diseñadas para proporcionar a la audiencia una experiencia visual inmersiva.
Habilidades relacionadas
Ver todoPágina webCreador de páginas explorables
Un informe explica. Una página permite que la gente descubra por sí misma. YouMind ya puede crear páginas web. Explorable Explainer decide qué construir: convierte una investigación, un conjunto de datos o un tema en una única página interactiva en la tradición de los gráficos de redacción y las explicaciones explorables: narrativa impulsada por el desplazamiento, gráficos reales, controles que puedes mover y fuentes que puedes consultar. Planifica antes de codificar. Primero apruebas un plan de construcción: la pregunta que responde la página, la revelación — el momento en que el lector debería sentir "oh" — una estructura de desplazamiento de cinco a ocho secciones, de dos a cuatro interacciones, cada una justificada por lo que el lector aprende al moverla, y un contrato de datos que enumera cada número y de dónde proviene. Luego crea un único archivo HTML autocontenido sin paso de compilación. Marcado semántico. Todos los números en una única constante DATA editable al principio. Revelaciones de desplazamiento que no se rompen en un teléfono. Cada control es un elemento de formulario real, operativo con teclado, con texto en vivo que describe su valor actual. La accesibilidad está integrada, no añadida: contraste 4.5:1, anillos de enfoque visibles, texto alternativo en todas partes, ningún significado transmitido solo por el color, movimiento reducido respetado, diseño adaptable desde 360px. Antes de entregarlo, realiza una autoevaluación de cinco puntos e informa honestamente de los resultados: ¿la revelación realmente funciona?, ¿la página sigue siendo legible con JavaScript desactivado?, ¿el orden de tabulación es lógico?, ¿cada número es trazable?, ¿hay alguna animación que el lector quiera detener? Dos reglas que no romperá: nunca inventa datos para que un gráfico se vea bien, y te avisa cuando tus números contradicen tu borrador. Para investigadores, analistas, periodistas, educadores, fundadores independientes y consultores que quieren que su trabajo sea explorado en lugar de hojeado.
Página webWeb de luz suave diurna
Sistema de diseño web de estilo de luz suave diurna: lienzo de azul cielo claro (#ebf5ff), tipografía de exhibición muy grande con peso de fuente fijo en 500 (máximo 148px en responsive), tarjetas con esquinas redondeadas de 32px y píldoras de 9999px, botón CTA sólido de color casi negro #181d27, bloques de colores pastel e ilustraciones 3D flotantes con textura de arcilla. La profundidad se logra únicamente con el desplazamiento de tonos de color del lienzo a las tarjetas, y estas no tienen ninguna sombra. Es adecuado para necesidades como «estilo de luz suave diurna», «página de aterrizaje con ilustraciones 3D», «lienzo azul claro», «estilo de tarjetas redondeadas», «sitio web SaaS», «estilo Linear/Framer», etc. Incluye restricciones de accesibilidad y diseño responsive.
Página webEstilo Fashion Creative Design
Sistema de diseño web de estilo editorial de moda y póster: lienzo de papel crema cálido (#fffef7), títulos extragrandes con peso de fuente 300 (64–84px), fotografía a sangre, sin sombras, tarjetas con esquinas rectas + botones con esquinas redondeadas tipo píldora de 1440px. Adecuado para necesidades como «estilo de diseño de moda», «maquetación de revista», «estilo póster», «página web de álbum de arte», «portafolio de estudio», «página de galería», etc. Puede transformar cualquier contenido en una página de estilo editorial de alta costura.
Encuentra tu próxima habilidad favorita
Explora más habilidades de IA seleccionadas para investigación, creación y trabajo cotidiano.