Resonance Design Designer

Dyrektor projektowania UI oparty na pierwszych zasadach: kolor OKLCH, rzemiosło optyczne, fizyka ruchu, pełne pokrycie stanów.

Autor: manusco · manusco/resonance

Działa po konfiguracji ★ 8.4/10

Resonance Design Designer — Dyrektor projektowania UI oparty na pierwszych zasadach: kolor OKLCH, rzemiosło optyczne, fizyka ruchu, pełne pokrycie stanów.

Co robi ten skill

Dogłębna procedura dyrektora projektowego obejmująca kolor percepcyjny (OKLCH/APCA), systemy typograficzne i przestrzenne, fizykę ruchu, optyczne/podświadome detale rzemieślnicze oraz listę kontrolną przeciwko 'AI-slop', wsparta 21 dokumentami referencyjnymi. Uruchamia się na konfigurację systemu projektowego, specyfikację UI, audyty 'to wygląda generycznie/AI-wykonane', przejścia udoskonalające i pracę z wieloma płótnami/pokryciem stanów; wyraźnie odracza kod implementacji i długie teksty marketingowe do siostrzanych umiejętności.

Raport z testu

Samodzielna biblioteka referencyjna (21 plików, wszystkie obecne i naprawdę szczegółowe: rzeczywiste wartości OKLCH, APCA nad WCAG2, koncentryczne promienie, cyfry tabelaryczne, wyraźny katalog "slop") przetrwa kopiowanie dosłowne i jest materialnie lepsza niż ogólne wskazówki projektowe — ale własny krok 'Operating Standard' umiejętności odczytuje AGENTS.md, a jego krok pamięci odczytuje/zapisuje .resonance/02_memory.md, z których oba znajdują się poza folderem umiejętności i są nieobecne po zwykłym `cp`; własny README repozytorium wyraźnie mówi 'bez mostu standard operacyjny i pamięć nigdy nie docierają do modelu', a rzeczywisty punkt wejścia natywny dla Claude-Code (.claude/skills/design/SKILL.md) to 4-liniowy stub, który po prostu mówi 'go read .agents/skills/design/designer/SKILL.md' — zepsuty w momencie skopiowania samego.

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

Instalacja

git clone https://github.com/manusco/resonance
cd resonance
mkdir -p ~/.claude/skills
cp -r .agents/skills/design/designer ~/.claude/skills/resonance-design-designer

Komendy i przykładowe prompty

  • /resonance-design-designerDyrektor projektowania UI oparty na pierwszych zasadach: kolor OKLCH, rzemiosło optyczne, fizyka ruchu, pełne pokrycie stanów.

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

  • This UI looks generic and AI-made, give it a real design pass
  • Set up an OKLCH color system and full state coverage for this app
  • Audit my design system against an anti-slop checklist