Retheme

Wendet eine genehmigte Design-Lane auf eine React+Tailwind-Site an, tokens-first, mit einem Build+Screenshot-Check nach jedem Durchlauf.

von aahil62 · aahil62/unslop

Funktioniert mit Setup ★ 8.0/10

Retheme — Wendet eine genehmigte Design-Lane auf eine React+Tailwind-Site an, tokens-first, mit einem Build+Screenshot-Check nach jedem Durchlauf.

Was es kann

Teil der Audit -> Interview -> Retheme-Pipeline des Unslop-Plugins: nimmt eine genehmigte unslop/LANE.md und re-themed eine ausgelieferte React+Tailwind-Site Schritt für Schritt (tokens, typography, sections, states/motion, exit audit), wobei nach jedem Durchlauf ein sauberer Build und neue Screenshots erforderlich sind. Wird ausgelöst bei 'retheme', 'apply the lane' oder nachdem /unslop:interview eine genehmigte Lane erstellt hat.

Testbericht

SKILL.md stützt sich auf ${CLAUDE_PLUGIN_ROOT}/rules/anti-slop-checklist.md, /scripts/screenshot.mjs und /rules/client-report.md, von denen sich keine innerhalb von skills/retheme/ befindet – sie liegen im Plugin-Root (rules/, scripts/), sodass ein einfaches `cp -r skills/retheme` gemäß der Installationsmethode dieses Benchmarks eine Skill liefert, die ihre eigene vorgeschriebene Build+Screenshot-Verifizierung oder Checkliste nicht ausführen kann; der tatsächliche, dokumentierte Installationspfad des Projekts ist `/plugin marketplace add aahil62/unslop` + `/plugin install unslop@unslop`, was korrekt aufgelöst wird.

Getestet am: 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

Befehle & Beispiel-Prompts

  • /rethemeWendet eine genehmigte Design-Lane auf eine React+Tailwind-Site an, tokens-first, mit einem Build+Screenshot-Check nach jedem Durchlauf.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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