Styleseed Design Review
Beoordeelt UI-code 0-100 over 7 ontwerpassen en retourneert een lijn-geciteerde, geprioriteerde fixlijst
Getest · Werkt
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-generatedScore this Tailwind page before I ship itMake this interface look designed, not generated