Styleseed Design Review
Scorer UI-kode 0-100 på tværs af 7 design-akser og returnerer en linje-citeret, prioriteret fix-liste
Testet · Virker
Hvad det gør
Gennemgår React/Tailwind/HTML UI-kode mod en syv-kategoriers rubrik (kohærens, farve, hierarki, layout, states, UX-skrivning, bevægelse), scorer den 0-100, og returnerer en fix-liste ordnet efter score-gevinst med citerede linjenumre. Udløses, når et interface ser generisk eller AI-genereret ud, når du ønsker en pre-ship design score, eller når du bliver bedt om at få UI til at se mere poleret ud. Selvstændig rubrik indlejret i SKILL-brødteksten; den gennemgår og anbefaler, men redigerer ikke automatisk.
Testrapport
Hentet SKILL.md via GitHub API/rå; frontmatter parser med navn+beskrivelse, og tre refererede URL'er (LICENSE, engine/RULESETS.md, plugin.json) returnerede alle 200. Installerede rent i en midlertidig HOME (SKILL.md landede i ~/.claude/skills/styleseed-design-review/SKILL.md); ingen scripts, ingen sikkerhedsrisici. Til output skrev jeg en 32-linjers Dashboard.tsx seedet med AI-tells og producerede to anmeldelser: min baseline prose flaggede de fleste tells, men gav ingen score, ingen linjenumre og ingen ordning, og missede 2:1 nummer/enhed-problemet og den ikke-cardede tabel; skill-rubrik-anmeldelsen scorede den 38/100 F med per-kategori linje-citerede fradrag og en fix-liste ordnet efter score-gevinst (+17/+10/+9/+8).
Testet: 2026-07-21 · Claude Code 2.x (agent harness)
Installation
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.
Kommandoer og eksempelprompter
/styleseed-design-reviewScorer UI-kode 0-100 på tværs af 7 design-akser og returnerer en linje-citeret, prioriteret fix-liste
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
Why does this React UI look AI-generatedScore this Tailwind page before I ship itMake this interface look designed, not generated