📦

ux-prototyping

Name: ux-prototyping
Author: Emz1998

Revisión del contenido r1 Seguro ⚡ Contiene scripts⚙️ Comandos externos

Crear prototipos UX interactivos

Los equipos necesitan validar flujos rápidamente antes de que comience el trabajo de ingeniería. Esta skill convierte especificaciones de UX en prototipos HTML interactivos con pantallas, estados e interacciones básicas.

Compatible con: Claude Codex Code(CC)

📊 73 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "ux-prototyping" from https://skillstore.io/skills/emz1998-ux-prototyping.md and its manifest at https://skillstore.io/api/skills/emz1998-ux-prototyping/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.

Detalle Markdown GET /skills/emz1998-ux-prototyping.md Manifest firmado GET /api/skills/emz1998-ux-prototyping/manifest Lockfile firmado GET /api/skills/emz1998-ux-prototyping/lockfile

Pruébalo

Usando "ux-prototyping". Especificación UX para un gestor de tareas con inicio de sesión, dashboard, modal para crear tarea y vista de detalle.

Resultado esperado:

Un único prototipo HTML con pantallas de bienvenida, login, dashboard, creación de tarea, estado vacío y detalle de tarea.

Usando "ux-prototyping". Solicitud para validar un flujo de checkout móvil con errores de pago.

Resultado esperado:

Un prototipo responsive que muestra revisión del carrito, envío, pago, confirmación, tarjeta rechazada y rutas de reintento.

Usando "ux-prototyping". Un diseñador UX pide estados vacío, de carga y de error para un flujo de búsqueda.

Resultado esperado:

Un prototipo que demuestra carga con skeleton, resultados vacíos, errores de validación en línea y vistas de confirmación de éxito.

Auditoría de seguridad

Seguro

v6 • 9/7/2026 Abrir el informe versionado

The only confirmed issue is a medium client-side XSS risk in assets/prototype-template.html where form values are rendered with innerHTML. The remaining static findings are false positives from Markdown backticks, JavaScript template literals, CSS border styles, and local array lookup. No prompt injection or malicious intent was found.

Archivos escaneados

644

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Elementos de revisión de capacidades (1)

Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.

Medio

assets/prototype-template.html:505

innerHTML assignment (XSS risk)

listContainer.innerHTML = state.items.map(item => `

createItem reads title and description from inputs and stores them in state.items, then renderItems interpolates those values into listContainer.innerHTML. A crafted title or description can inject HTML or event handlers in the prototype.

Factores de riesgo

⚡ Contiene scripts (1)

assets/prototype-template.html:505

⚙️ Comandos externos (16)

assets/prototype-template.html:428 assets/prototype-template.html:433 assets/prototype-template.html:505-513 SKILL.md:12 SKILL.md:15 SKILL.md:21-36 SKILL.md:36-47 SKILL.md:47 SKILL.md:49-52 SKILL.md:52-54 SKILL.md:54-59 SKILL.md:59-62 SKILL.md:62-86 SKILL.md:86-107 SKILL.md:107-121 SKILL.md:121

Auditado por: codex Ver historial de auditorías →

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/emz1998-ux-prototyping/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/emz1998-ux-prototyping/security.svg)](https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-ux-prototyping/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/emz1998-ux-prototyping.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

Emz1998. (2026). ux-prototyping security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-ux-prototyping/audits/6

Cita BibTeX

@techreport{emz1998-emz1998-ux-prototyping-2026,
  author = {Emz1998},
  title = {ux-prototyping security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/emz1998-ux-prototyping/audits/6},
  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: "ux-prototyping security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "Emz1998"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/emz1998-ux-prototyping/audits/6"
identifiers:
  - type: other
    value: "skillstore:emz1998-ux-prototyping:audit:6"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Validar flujos de onboarding

Convierte una especificación de UX en pantallas clicables para revisión de stakeholders antes de comprometer recursos de ingeniería.

Probar estados de interacción

Previsualiza estados vacío, de carga, de error y de éxito para comprobar si el flujo se siente completo.

Demostrar un concepto de app

Crea un prototipo HTML portable para sesiones de feedback sin construir servicios backend.

Prueba estos prompts

Crear un prototipo básico

Crea un prototipo HTML interactivo a partir de specs/architecture/ux.md. Incluye las pantallas principales, la navegación y los estados vacíos.

Prototipar un flujo específico

Construye un prototipo para el flujo de onboarding en [path]. Incluye validación de formularios y estados de éxito, error y recuperación.

Refinar el comportamiento de interacción

Actualiza el prototipo para que las transiciones de pantalla, el comportamiento de modales, los botones deshabilitados y el feedback de validación coincidan con la especificación UX.

Validar estados complejos

Crea un prototipo de validación completo para [feature]. Cubre rutas principales, secundarias, de carga, parciales, de error y de reversión.

Mejores prácticas

Proporciona la ruta de la especificación UX y nombra primero el flujo de usuario principal.
Enumera los estados requeridos, incluidos los casos vacío, de carga, de error y de éxito.
Revisa el texto y las interacciones del prototipo generado antes de usarlo en investigación.

Evitar

Pedir código de producción, integración backend o persistencia en base de datos.
Proporcionar solo preferencias visuales sin recorridos de usuario ni requisitos de pantalla.
Compartir prototipos con usuarios no confiables antes de revisar el JavaScript generado.

Preguntas frecuentes

¿Qué crea esta skill?

Crea un único prototipo HTML con estilos y scripts en línea para validación UX.

¿Puede usar mi especificación UX existente?

Sí. Proporciona la ruta de la especificación o pega los detalles relevantes del flujo.

¿El resultado está listo para producción?

No. Está pensado para validación, revisión y demos.

¿Necesita un backend?

No. Simula datos e interacciones dentro del prototipo.

¿Puedo probar flujos móviles?

Sí. Pide un viewport móvil e incluye las restricciones del dispositivo objetivo.

¿Qué herramientas de IA pueden usarla?

Está listado para Claude, Codex y Claude Code.

Detalles del desarrollador

Autor

Emz1998

Licencia

MIT

Revisión de Skillstore

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/Emz1998/avaris-ai/tree/master/.claude/skills/ux-prototyping

Ref.

26421118b848d9f1efc0aa169d8a7a9e7e0a877e

Actualidad del mantenimiento

22/7/2026

Uso

7 descargas · 227 vistas

Estructura de archivos

📁 assets/

📄 prototype-template.html

📄 SKILL.md