Styleseed Design Review

Ocenia kod UI w skali 0-100 w 7 osiach projektowych i zwraca listę poprawek z odniesieniami do linii, uporządkowaną priorytetowo

Autor: bitjaru · bitjaru/styleseed

Testowano · Działa ★ 9.2/10

Styleseed Design Review — Ocenia kod UI w skali 0-100 w 7 osiach projektowych i zwraca listę poprawek z odniesieniami do linii, uporządkowaną priorytetowo

Co robi ten skill

Przegląda kod UI React/Tailwind/HTML pod kątem siedmiokategoriowej rubryki (spójność, kolor, hierarchia, układ, stany, pisanie UX, ruch), ocenia go w skali 0-100 i zwraca listę poprawek uporządkowaną według wzrostu punktacji z cytowanymi numerami linii. Uruchamia się, gdy interfejs wygląda generycznie lub jest generowany przez AI, gdy chcesz uzyskać ocenę projektu przed wysyłką lub gdy zostaniesz poproszony o dopracowanie UI. Samodzielna rubryka osadzona w treści SKILL; przegląda i rekomenduje, ale nie edytuje automatycznie.

Raport z testu

Pobrano SKILL.md za pośrednictwem GitHub API/raw; frontmatter jest parsowany z name+description, a trzy odwołane adresy URL (LICENSE, engine/RULESETS.md, plugin.json) wszystkie zwróciły 200. Zainstalowano czysto w tymczasowym HOME (SKILL.md wylądował w ~/.claude/skills/styleseed-design-review/SKILL.md); brak skryptów, brak zagrożeń bezpieczeństwa. Dla wyjścia napisałem 32-liniowy Dashboard.tsx z zaszczepionymi „AI-tells” i wygenerowałem dwie recenzje: moja bazowa proza oznaczyła większość „tells”, ale nie podała oceny, numerów linii ani kolejności, i przegapiła problem stosunku liczby/jednostki 2:1 oraz tabelę bez kart; recenzja zgodna z rubryką umiejętności oceniła ją na 38/100 F z odliczeniami cytowanymi według kategorii i listą poprawek uporządkowaną według wzrostu punktacji (+17/+10/+9/+8).

Testowano: 2026-07-21 · Claude Code 2.x (agent harness)

Instalacja

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.

Komendy i przykładowe prompty

/styleseed-design-reviewOcenia kod UI w skali 0-100 w 7 osiach projektowych i zwraca listę poprawek z odniesieniami do linii, uporządkowaną priorytetowo

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →