SkillProof tested Claude skills

Styleseed Design Review

Puntúa código UI 0-100 en 7 ejes de diseño y devuelve una lista de arreglos priorizada con citas de línea.

Por bitjaru · bitjaru/styleseed

Probado · Funciona ★ 9.2/10

Styleseed Design Review — Puntúa código UI 0-100 en 7 ejes de diseño y devuelve una lista de arreglos priorizada con citas de línea.

Qué hace

Revisa código UI React/Tailwind/HTML contra una rúbrica de siete categorías (coherencia, color, jerarquía, diseño, estados, escritura UX, movimiento), lo puntúa 0-100, y devuelve una lista de arreglos ordenada por ganancia de puntuación con números de línea citados. Se activa cuando una interfaz se ve genérica o generada por IA, cuando quieres una puntuación de diseño pre-envío, o cuando se pide que la UI se vea más pulida. La rúbrica autocontenida está incrustada en el cuerpo de SKILL; revisa y recomienda pero no edita automáticamente.

Informe de la prueba

Obtuve SKILL.md vía la API de GitHub/crudo; el frontmatter se analiza con nombre+descripción, y tres URLs referenciadas (LICENSE, engine/RULESETS.md, plugin.json) devolvieron 200. Instalado en un HOME temporal limpiamente (SKILL.md aterrizó en ~/.claude/skills/styleseed-design-review/SKILL.md); sin scripts, sin olores de seguridad. Para la salida, escribí un Dashboard.tsx de 32 líneas sembrado con AI-tells y produje dos revisiones: mi prosa base marcó la mayoría de los tells pero no dio puntuación, ni números de línea, ni orden, y se perdió el problema de número/unidad 2:1 y la tabla no empaquetada; la revisión de la rúbrica de la skill lo puntuó 38/100 F con deducciones citadas por categoría y línea, y una lista de arreglos ordenada por ganancia de puntuación (+17/+10/+9/+8).

Probado el: 2026-07-21 · Claude Code 2.x (agent harness)

Instalación

git clone --depth 1 https://github.com/bitjaru/styleseed.git /tmp/styleseed-design-review-src
mkdir -p ~/.claude/skills
cp -R /tmp/styleseed-design-review-src/skills/styleseed-design-review ~/.claude/skills/styleseed-design-review
# Self-contained: the full rubric lives in SKILL.md, no deps, no scripts, no API keys.
# Skill lives in a subdir of the repo; the full 74-rule reference and components stay in the cloned repo but are not required to run the review.

Comandos y prompts de ejemplo

  • /styleseed-design-reviewPuntúa código UI 0-100 en 7 ejes de diseño y devuelve una lista de arreglos priorizada con citas de línea.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Why does this React UI look AI-generated
  • Score this Tailwind page before I ship it
  • Make this interface look designed, not generated

Informe completo →