visual-engine-skill
Crear experiencias visuales accesibles
Las experiencias visuales pueden volverse inconsistentes, lentas o inaccesibles entre páginas. Esta habilidad guía las actualizaciones de animaciones, galerías, demos y Three.js con restricciones de seguridad claras.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "visual-engine-skill" from https://skillstore.io/skills/cleanexpo-visual-engine-skill.md and its manifest at https://skillstore.io/api/skills/cleanexpo-visual-engine-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "visual-engine-skill". Agrega un nuevo efecto de haz a la galería de inspiración.
Resultado esperado:
Un plan de implementación acotado que cubre actualizaciones de registro, cambios de página, comportamiento de movimiento reducido y pasos de QA visual.
Usando "visual-engine-skill". Revisa una animación hero propuesta para el lanzamiento.
Resultado esperado:
Una revisión práctica que señala seguridad del movimiento, riesgos de rendimiento, alcance de página y comprobaciones de accesibilidad requeridas.
Usando "visual-engine-skill". Crea un concepto de demo visual 3D para la página del motor.
Resultado esperado:
Un plan de concepto conciso con alcance del componente, comportamiento de interacción, salvaguardas de rendimiento y ubicación de la demo.
Auditoría de seguridad
SeguroNo confirmed security issues were found. The static analyzer matched Markdown inline code backticks and ordinary safety prose in SKILL.md, not shell execution or reconnaissance behavior.
Factores de riesgo
⚙️ Comandos externos (11)
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/cleanexpo-visual-engine-skill?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/cleanexpo-visual-engine-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cleanexpo-visual-engine-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/cleanexpo-visual-engine-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citas académicas (APA · BibTeX · CFF)
Cita APA
CleanExpo. (2026). visual-engine-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8Cita BibTeX
@techreport{cleanexpo-cleanexpo-visual-engine-skill-2026,
author = {CleanExpo},
title = {visual-engine-skill security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "visual-engine-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CleanExpo"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cleanexpo-visual-engine-skill/audits/8"
identifiers:
- type: other
value: "skillstore:cleanexpo-visual-engine-skill:audit:8"
description: "Skillstore immutable audit report identifier"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: AltoLo que puedes crear
Agregar animaciones de página
Usa la habilidad para agregar efectos visuales a landing pages mientras preservas las restricciones de accesibilidad y rendimiento.
Revisar conceptos visuales
Usa la habilidad para alinear la galería de inspiración y las experiencias demo con las categorías de animación admitidas.
Comprobar la seguridad del movimiento
Usa la habilidad para verificar el soporte de movimiento reducido, los límites de temporización y las restricciones de parpadeo antes del lanzamiento.
Prueba estos prompts
Revisa los cambios de Visual Experience Engine para comprobar el soporte de movimiento reducido, los riesgos de parpadeo y los problemas de duración de las animaciones.
Agrega un nuevo ajuste predefinido de animación con un nombre fácil de entender y conéctalo al registro visual relevante y a la superficie demo.
Actualiza la página de demos para mostrar un nuevo efecto visual, incluidos valores predeterminados seguros y un comportamiento claro para usuarios con movimiento reducido.
Diseña un plan de componente visual Three.js que encaje con el alcance del motor visual y evite scripts pesados que bloqueen.
Mejores prácticas
- Empieza asignando los cambios a los archivos del motor visual dentro del alcance.
- Comprueba el comportamiento de movimiento reducido para cada cambio de animación.
- Mantén la temporización de las animaciones por encima de 0.5 segundos y evita el parpadeo rápido.
Evitar
- Agregar efectos pesados que bloquean el renderizado.
- Usar zoom o rotación desorientadores como interacción predeterminada.
- Cambiar páginas no relacionadas fuera del alcance del motor visual.