web-design-guidelines
Revisar interfaces web según las directrices de diseño
Los equipos necesitan comprobaciones consistentes de UI, accesibilidad y UX antes del lanzamiento. Esta skill aplica las Web Interface Guidelines a los archivos seleccionados e informa hallazgos concisos.
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 "web-design-guidelines" from https://skillstore.io/skills/zhanlincui-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/zhanlincui-web-design-guidelines/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 "web-design-guidelines". Revisar una página de precios para detectar problemas con las directrices.
Resultado esperado:
- app/pricing/page.tsx:58 - Las acciones primaria y secundaria son visualmente equivalentes. Aclara la ruta principal.
- app/pricing/page.tsx:91 - La comparación de funciones usa solo color. Añade etiquetas de texto para el estado.
Usando "web-design-guidelines". Auditar una biblioteca de componentes para evaluar la calidad de interacción.
Resultado esperado:
- components/Dialog.tsx:34 - El manejo del foco no está descrito. Verifica la entrada por teclado, escape y el comportamiento de retorno del foco.
- components/Card.tsx:76 - Los detalles que solo aparecen en hover pueden ocultar información a usuarios táctiles.
Auditoría de seguridad
Riesgo medioThe markdown backtick detections are false positives: they are inline formatting and a fenced URL block. The hardcoded WebFetch URL is confirmed as a low network risk, and the larger concern is reliance on mutable remote content as instructions.
Preocupaciones de seguridad confirmadas (1)
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.
Factores de riesgo
⚙️ Comandos externos (2)
🌐 Acceso a red (1)
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/zhanlincui-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/zhanlincui-web-design-guidelines?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/zhanlincui-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zhanlincui-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/zhanlincui-web-design-guidelines.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
ZhanlinCui. (2026). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5Cita BibTeX
@techreport{zhanlincui-zhanlincui-web-design-guidelines-2026,
author = {ZhanlinCui},
title = {web-design-guidelines security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-design-guidelines security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "ZhanlinCui"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:zhanlincui-web-design-guidelines:audit:5"
description: "Skillstore immutable audit report identifier"
Comparar variantes
7 variantes instalablesCada autor sigue siendo un skill instalable independiente. La variante recomendada se ordena según la evidencia de Skillstore.
Por qué esta variante es la primera
shreyam1008-web-design-guidelines
2026-10-04
vercel-labs-web-design-guidelines
2026-09-09
zhanlincui-web-design-guidelines
2026-09-09
antvu-web-design-guidelines
2026-10-24
antfu-web-design-guidelines
2026-10-24
supercent-io-web-design-guidelines
2026-09-09
sickn33-web-design-guidelines
2026-09-09
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: AltoLo que puedes crear
Revisión de UI previa al merge
Comprobar archivos de componentes y páginas para detectar problemas con las directrices antes de abrir o fusionar una pull request.
Soporte de QA de diseño
Comparar pantallas implementadas con expectativas de calidad de interfaz y prácticas de accesibilidad.
Auditoría de estándares del equipo
Ejecutar revisiones de interfaz consistentes en varios proyectos sin reescribir listas locales de revisión.
Prueba estos prompts
Revisa src/app/page.tsx según las Web Interface Guidelines y enumera hallazgos concisos con referencias a archivo y línea.
Revisa todos los componentes en src/components para detectar problemas de accesibilidad, espaciado, layout, copy e interacción usando las directrices actuales.
Revisa los archivos de UI modificados en esta rama según las directrices. Agrupa los hallazgos por severidad e incluye sugerencias de corrección.
Revisa archivos de app, componentes y design-system para detectar infracciones repetidas de las directrices. Identifica riesgos sistémicos y recomienda correcciones a nivel de equipo.
Mejores prácticas
- Proporciona los archivos específicos o patrones glob que representan el flujo de usuario.
- Permite que la skill obtenga directrices solo desde fuentes confiables y revisadas.
- Solicita agrupación por severidad cuando la revisión cubra muchos archivos.
Evitar
- No pidas una revisión de todo el repositorio cuando solo cambió una pantalla.
- No trates los hallazgos de las directrices como requisitos automáticos de producto.
- No obtengas fuentes de directrices no revisadas ni pegues instrucciones remotas a ciegas.
Preguntas frecuentes
¿Qué revisa esta skill?
¿Edita mi código?
¿Por qué necesita acceso a la red?
¿Puedo usarla en Codex?
¿Puede revisar capturas de pantalla?
¿Cómo debería manejar proyectos grandes?
Detalles del desarrollador
Autor
ZhanlinCuiLicencia
MIT
Versión del autor
v1.0.0
Revisión de Skillstore
r1
Repositorio
https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/vercel-web-design-guidelinesRef.
88a205c7f635a966e31156313b590d59007c5caa
Actualidad del mantenimiento
22/7/2026
Uso
129 descargas · 197 vistas
Estructura de archivos
📄 SKILL.md