Styleseed Design Review

Poängsätter UI-kod 0-100 över 7 designaxlar och returnerar en rad-citerad, prioriterad fixlista

av bitjaru · bitjaru/styleseed

Testad · Fungerar ★ 9.2/10

Styleseed Design Review — Poängsätter UI-kod 0-100 över 7 designaxlar och returnerar en rad-citerad, prioriterad fixlista

Vad den gör

Granskar React/Tailwind/HTML UI-kod mot en sju-kategoriers rubrik (koherens, färg, hierarki, layout, tillstånd, UX-skrivande, rörelse), poängsätter den 0-100, och returnerar en fixlista ordnad efter poängvinst med citerade radnummer. Triggers när ett gränssnitt ser generiskt eller AI-genererat ut, när du vill ha en designpoäng före leverans, eller när du ombeds att göra UI mer polerat. Självförsörjande rubrik inbäddad i SKILL-brödtexten; den granskar och rekommenderar men redigerar inte automatiskt.

Testrapport

Hämtade SKILL.md via GitHub API/rå; frontmatter parsas med namn+beskrivning, och tre refererade URL:er (LICENSE, engine/RULESETS.md, plugin.json) returnerade alla 200. Installerades i en temporär HOME rent (SKILL.md landade på ~/.claude/skills/styleseed-design-review/SKILL.md); inga skript, inga säkerhetslukter. För utdata skrev jag en 32-raders Dashboard.tsx seedad med AI-sägelser och producerade två granskningar: min baslinje prosa flaggade de flesta sägelser men gav ingen poäng, inga radnummer, och ingen ordning, och missade 2:1-problemet med nummer/enhet och den okortade tabellen; färdighetsrubrik-granskningen poängsatte den 38/100 F med per-kategori rad-citerade avdrag och en fixlista ordnad efter poängvinst (+17/+10/+9/+8).

Testad: 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.

Kommandon och exempelprompter

  • /styleseed-design-reviewPoängsätter UI-kod 0-100 över 7 designaxlar och returnerar en rad-citerad, prioriterad fixlista

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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