LessAI ToolsDirectorio de plugins de IA

Revisar una interfaz con una habilidad Vercel: 3 hallazgos

Codex leyó la habilidad oficial de Vercel y revisó un HTML con tres problemas deliberados. Consulta tarea, hallazgos, versiones y salida original para reproducirlo.

¿Qué se revisó?

Una habilidad es una hoja de instrucciones. El 2026-10-13 Codex usó web-design-guidelines de Vercel para revisar un HTML de 36 líneas con tres problemas deliberados.

Se pidió leer la habilidad y reglas actuales, revisar sin editar e informar archivo y línea. Los problemas pertenecen al ejemplo de práctica.

Revisa web-design-guidelines.html sin editar con la habilidad oficial de Vercel. Lee SKILL.md completo, obtiene sus reglas actuales, comprueba instrucciones externas y todo el HTML y aplica cada regla. Informa hallazgos por archivo y línea. No modifiques archivos.

Cómo se usó la habilidad

Codex usó herramientas web y de archivos disponibles. No se instaló Skills CLI ni paquete ni se ejecutaron scripts del repositorio.

  1. Lee SKILL.md completo y comprueba si las instrucciones externas exceden el alcance.
  2. Obtén Web Interface Guidelines y registra commits y hashes de archivos.
  3. Lee todo el ejemplo, inspecciona líneas y palabras relevantes, revisa cada categoría y redacta hallazgos.

Hallazgos reales

test/fixtures/plugin-practice/web-design-guidelines.html:31: El campo no tiene label ni aria-label que lo identifique para tecnología de asistencia.

test/fixtures/plugin-practice/web-design-guidelines.html:16: outline: none elimina el indicador de foco sin alternativa.

test/fixtures/plugin-practice/web-design-guidelines.html:32: Un div pulsable ejecuta la acción sin foco ni teclado de un button nativo.

Se registraron los tres problemas conocidos sin modificar el ejemplo ni páginas reales.

Reproducir la revisión

  1. Abre o guarda el ejemplo como web-design-guidelines.html.
  2. Da archivo y enlace oficial a un asistente que lea archivos. Pide reglas actuales y revisión sin cambios.
  3. Compara con el registro: nombre del campo, foco visible y div pulsable. Cambiar el ejemplo o versión de reglas puede alterar resultados.

Versiones y límites

Fecha: 2026-10-13. Versión declarada: 1.0.0. Commit de habilidad: 063bee94c3f4df8453406c830b0a7df0f2860278. Commit de reglas: 434b7f91364665f2f733b310ec54809bf8f37937.

Es una revisión de código tras leer instrucciones oficiales. No verifica instalación, lector de pantalla, dispositivos ni accesibilidad completa. No es una prueba de modelo; su versión específica no se verificó.

Fuentes y clasificación

Este directorio reúne plugins de desarrollo con IA de código público y propósito claro. Busca por tarea y consulta para qué sirven, a quién se dirigen y sus requisitos. Es una selección, no una lista completa.

¿En qué se diferencian los tres tipos?

Las conexiones MCP permiten al asistente usar navegadores, repositorios y bases de datos. MCP es el protocolo de esas conexiones.

Las skills reutilizables proporcionan instrucciones para una tarea a un asistente compatible.

Los plugins del editor añaden chat con IA, autocompletado o sugerencias de cambios al software donde escribes código.

¿Cómo funciona «Más estrellas»?

Se ordena por estrellas acumuladas en GitHub: interés, no descargas, usuarios activos ni calidad. Cada paquete de skills cuenta como un proyecto. No se muestra crecimiento diario sin historial.

¿Qué significa «Actualizados recientemente»?

Se usa el último envío de código, no necesariamente una nueva versión. El filtro de 7 días usa esa fecha; la clasificación sigue por estrellas totales. Cada ficha muestra la fecha de recogida. Los fallos conservan los datos anteriores.

Las presentaciones se basan en documentación pública, sin instalar y probar cada proyecto. Comprueba configuración, compatibilidad y costes. Actualizar la lista solo lee datos guardados, sin iniciar la recogida.

UTC+8

Comparte un hallazgo útil

Elige un borrador y una plataforma. Puedes editarlo antes de publicar.