UX Tools — SURA Investments

Suite de herramientas UX en producción para SURA Investments.

Productos

Producto	Descripción	URL
UX Benchmark	Análisis comparativo de experiencia de usuario para productos digitales	benchmark.html
UXFLOW	Motor de documentación técnica UX automatizada: flujos, criterios de aceptación, tablas y assets para Figma	uxflow.html

Preview

UX Benchmark — en producción

Estructura

index.html          → Dashboard / hub con tabs de productos
benchmark.html      → App: UX Benchmark (embed Figma)
uxflow.html         → App: UXFLOW Auto-Doc Engine
.github/workflows/
  ci.yml            → Validación automática para PRs y main
  deploy.yml        → Deploy formal a GitHub Pages mediante artifact
scripts/
  validate-static.js → Smoke check de HTML, assets y sintaxis JS
css/
  tokens.css        → Design tokens (variables, colores, tipografía)
  base.css          → Reset, grain overlay, scrollbar
  nav.css           → Navegación y footer compartidos
  dashboard.css     → Estilos del dashboard (index.html)
  benchmark.css     → Estilos de Benchmark (benchmark.html)
  uxflow.css        → Estilos de UXFLOW (uxflow.html)
js/
  dashboard.js      → KPIs, actividad y búsqueda del dashboard
  benchmark.js      → App benchmark: evaluación, notas, resultados, screenshots
  admin.js          → Content manager: dimensiones, sesiones y export
  uxflow.js         → Motor de generación, clipboard, historial

Deploy

El sitio se publica automáticamente con GitHub Pages desde main mediante GitHub Actions:

• CI valida referencias HTML y sintaxis JS en cada PR y push
• Deploy to GitHub Pages genera un artifact y publica solo si la validación pasa

https://vientonorte.github.io/uxtools/