Styleseed Design Review

Hodnotí UI kód 0-100 napříč 7 designovými osami a vrací prioritizovaný seznam oprav s citovanými řádky

od bitjaru · bitjaru/styleseed

Otestováno · Funguje ★ 9.2/10

Styleseed Design Review — Hodnotí UI kód 0-100 napříč 7 designovými osami a vrací prioritizovaný seznam oprav s citovanými řádky

Co umí

Revize React/Tailwind/HTML UI kódu proti sedmikategoriální rubrice (koherence, barva, hierarchie, rozvržení, stavy, UX psaní, pohyb), hodnotí jej 0-100 a vrací seznam oprav seřazený podle zisku skóre s citovanými čísly řádků. Spouští se, když rozhraní vypadá genericky nebo AI-generovaně, když chcete designové skóre před odesláním, nebo když jste požádáni, aby UI vypadalo uhlazeněji. Samostatná rubrika je vložena do těla SKILLu; reviduje a doporučuje, ale neprovádí automatické úpravy.

Testovací report

Získal jsem SKILL.md přes GitHub API/raw; frontmatter se parsuje s name+description, a tři odkazované URL (LICENSE, engine/RULESETS.md, plugin.json) všechny vrátily 200. Čistě nainstalováno do dočasného HOME (SKILL.md se umístil na ~/.claude/skills/styleseed-design-review/SKILL.md); žádné skripty, žádné bezpečnostní rizika. Pro výstup jsem napsal 32řádkový Dashboard.tsx s vloženými AI-tells a vytvořil dvě recenze: moje základní próza označila většinu tells, ale nedala žádné skóre, žádná čísla řádků a žádné pořadí, a minula problém číslo/jednotka 2:1 a tabulku bez karty; recenze podle skill-rubriky ji ohodnotila 38/100 F s odpočty citovanými řádky pro každou kategorii a seznamem oprav seřazeným podle zisku skóre (+17/+10/+9/+8).

Testováno: 2026-07-21 · Claude Code 2.x (agent harness)

Instalace

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.

Příkazy a ukázkové prompty

  • /styleseed-design-reviewHodnotí UI kód 0-100 napříč 7 designovými osami a vrací prioritizovaný seznam oprav s citovanými řádky

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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