SkillProof tested Claude skills

Styleseed Design Review

Valuta codice UI 0-100 su 7 assi di design e restituisce una lista di correzioni prioritarie con citazione di riga

di bitjaru · bitjaru/styleseed

Promosso ★ 9.2/10

Styleseed Design Review — Valuta codice UI 0-100 su 7 assi di design e restituisce una lista di correzioni prioritarie con citazione di riga

Cosa fa

Revisiona codice UI React/Tailwind/HTML contro una rubrica di sette categorie (coerenza, colore, gerarchia, layout, stati, scrittura UX, movimento), lo valuta 0-100, e restituisce una lista di correzioni ordinate per guadagno di punteggio con numeri di riga citati. Si attiva quando un'interfaccia appare generica o generata dall'AI, quando si desidera un punteggio di design pre-ship, o quando si chiede di rendere l'UI più rifinita. Rubrica autocontenuta incorporata nel corpo della SKILL; revisiona e raccomanda ma non modifica automaticamente.

Rapporto di test

Recuperata SKILL.md tramite API GitHub/raw; il frontmatter viene analizzato con nome+descrizione, e tre URL referenziati (LICENSE, engine/RULESETS.md, plugin.json) hanno restituito tutti 200. Installata in una HOME temporanea in modo pulito (SKILL.md atterrata in ~/.claude/skills/styleseed-design-review/SKILL.md); nessun script, nessun odore di sicurezza. Per l'output ho scritto un Dashboard.tsx di 32 righe seminato con AI-tells e prodotto due revisioni: la mia prosa baseline ha segnalato la maggior parte degli AI-tells ma non ha fornito punteggio, numeri di riga, né ordinamento, e ha mancato il problema numero/unità 2:1 e la tabella non incorniciata; la revisione skill-rubrica l'ha valutato 38/100 F con deduzioni citate per categoria e una lista di correzioni ordinate per guadagno di punteggio (+17/+10/+9/+8).

Testato il: 2026-07-21 · Claude Code 2.x (agent harness)

Installazione

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.

Comandi e prompt di esempio

  • /styleseed-design-reviewValuta codice UI 0-100 su 7 assi di design e restituisce una lista di correzioni prioritarie con citazione di riga

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →