Retheme

Tillämpar en godkänd designlinje på en React+Tailwind-sida, tokens-först, med en bygg- + skärmbildskontroll efter varje pass.

av aahil62 · aahil62/unslop

Fungerar med konfiguration ★ 8.0/10

Retheme — Tillämpar en godkänd designlinje på en React+Tailwind-sida, tokens-först, med en bygg- + skärmbildskontroll efter varje pass.

Vad den gör

Del av Unslop-pluginets audit -> interview -> retheme-pipeline: tar en godkänd unslop/LANE.md och re-tematiserar en levererad React+Tailwind-sida pass för pass (tokens, typografi, sektioner, states/motion, exit audit), vilket kräver en ren byggnation och nya skärmbilder efter varje pass. Utlöses vid 'retheme', 'apply the lane', eller efter att /unslop:interview producerar en godkänd linje.

Testrapport

SKILL.md förlitar sig på ${CLAUDE_PLUGIN_ROOT}/rules/anti-slop-checklist.md, /scripts/screenshot.mjs och /rules/client-report.md, varav ingen finns inuti skills/retheme/ - de finns i pluginets rot (rules/, scripts/), så en ren `cp -r skills/retheme` enligt denna benchmarks installationsmetod levererar en färdighet som inte kan köra sin egen obligatoriska bygg- + skärmbildsverifiering eller checklista; projektets verkliga, dokumenterade installationsväg är `/plugin marketplace add aahil62/unslop` + `/plugin install unslop@unslop`, vilket löses korrekt.

Testad: 2026-07-15 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/aahil62/unslop
cd unslop
mkdir -p ~/.claude/skills
cp -r skills/retheme ~/.claude/skills/retheme

Kommandon och exempelprompter

  • /rethemeTillämpar en godkänd designlinje på en React+Tailwind-sida, tokens-först, med en bygg- + skärmbildskontroll efter varje pass.

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

  • Apply our approved design lane to this React Hero component's tokens
  • Retheme this Tailwind site pass by pass and screenshot after each step
  • Update the typography pass on our site per the approved LANE.md