Styleseed Design Review

Beoordeelt UI-code 0-100 over 7 ontwerpassen en retourneert een lijn-geciteerde, geprioriteerde fixlijst

Door bitjaru · bitjaru/styleseed

Getest · Werkt ★ 9.2/10

Styleseed Design Review — Beoordeelt UI-code 0-100 over 7 ontwerpassen en retourneert een lijn-geciteerde, geprioriteerde fixlijst

Wat het doet

Controleert React/Tailwind/HTML UI-code tegen een zeven-categorieën rubriek (coherentie, kleur, hiërarchie, lay-out, statussen, UX-schrijven, beweging), scoort het 0-100, en retourneert een fixlijst gesorteerd op scorewinst met geciteerde regelnummers. Activeert wanneer een interface er generiek of AI-gegenereerd uitziet, wanneer je een pre-ship designscore wilt, of wanneer gevraagd wordt om UI er gepolijster uit te laten zien. Zelfstandige rubriek ingebed in de SKILL body; het beoordeelt en beveelt aan, maar bewerkt niet automatisch.

Testrapport

SKILL.md opgehaald via de GitHub API/raw; frontmatter parseert met name+description, en drie gerefereerde URL's (LICENSE, engine/RULESETS.md, plugin.json) retourneerden allemaal 200. Schoon geïnstalleerd in een tijdelijke HOME (SKILL.md kwam terecht op ~/.claude/skills/styleseed-design-review/SKILL.md); geen scripts, geen beveiligingsrisico's. Voor de uitvoer schreef ik een 32-regelige Dashboard.tsx gevuld met AI-tells en produceerde twee reviews: mijn baseline proza markeerde de meeste tells maar gaf geen score, geen regelnummers, en geen volgorde, en miste het nummer/eenheid 2:1 probleem en de niet-gecarde tabel; de skill-rubriek review scoorde het 38/100 F met per-categorie lijn-geciteerde aftrekkingen en een fixlijst gesorteerd op scorewinst (+17/+10/+9/+8).

Getest op: 2026-07-21 · Claude Code 2.x (agent harness)

Installatie

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.

Commando's en voorbeeldprompts

  • /styleseed-design-reviewBeoordeelt UI-code 0-100 over 7 ontwerpassen en retourneert een lijn-geciteerde, geprioriteerde fixlijst

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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