Styleseed Design Review

Scorer UI-kode 0-100 på tvers av 7 designakser og returnerer en linje-siterte, prioriterte fiksliste

av bitjaru · bitjaru/styleseed

Bestått ★ 9.2/10

Styleseed Design Review — Scorer UI-kode 0-100 på tvers av 7 designakser og returnerer en linje-siterte, prioriterte fiksliste

Hva den gjør

Reviderer React/Tailwind/HTML UI-kode mot en syv-kategoriers rubrikk (koherens, farge, hierarki, layout, tilstander, UX-skriving, bevegelse), scorer den 0-100, og returnerer en fiksliste ordnet etter poenggevinst med siterte linjenumre. Utløses når et grensesnitt ser generisk eller AI-generert ut, når du ønsker en pre-ship design score, eller når du blir bedt om å få UI til å se mer polert ut. Selvstendig rubrikk innebygd i SKILL-brødteksten; den reviderer og anbefaler, men redigerer ikke automatisk.

Testrapport

Hentet SKILL.md via GitHub API/rå; frontmatter parser med navn+beskrivelse, og tre refererte URL-er (LICENSE, engine/RULESETS.md, plugin.json) returnerte alle 200. Installert i en midlertidig HOME rent (SKILL.md landet på ~/.claude/skills/styleseed-design-review/SKILL.md); ingen skript, ingen sikkerhetslukt. For utdata skrev jeg en 32-linjers Dashboard.tsx seedet med AI-utsagn og produserte to revisjoner: min baseline prosa flagget de fleste utsagn, men ga ingen score, ingen linjenumre, og ingen ordning, og savnet nummer/enhet 2:1 problemet og den ukortede tabellen; ferdighets-rubrikk revisjonen scoret den 38/100 F med per-kategori linje-siterte trekk og en fiksliste ordnet etter poenggevinst (+17/+10/+9/+8).

Testet på: 2026-07-21 · Claude Code 2.x (agent harness)

Installer

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å tvers av 7 designakser og returnerer en linje-siterte, prioriterte fiksliste

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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