Styleseed Design Review

Scorer UI-kode 0-100 på tværs af 7 design-akser og returnerer en linje-citeret, prioriteret fix-liste

Af bitjaru · bitjaru/styleseed

Testet · Virker ★ 9.2/10

Styleseed Design Review — Scorer UI-kode 0-100 på tværs af 7 design-akser og returnerer en linje-citeret, prioriteret fix-liste

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-generated
  • Score this Tailwind page before I ship it
  • Make this interface look designed, not generated