Design Elevation
Dyscyplina projektowa Tailwind-token dla dowolnych wyników wizualnych — pulpitów nawigacyjnych, PPTX, HTML, raportów.
Testowano · Działa
Co robi ten skill
Biblioteka referencyjna tokenów projektowych i zasad (skale kolorów/typografii/odstępów, ruchy elewacji, framework funkcjonalno-percepcyjny Kholmatovej, plus nadpisania dla Trimble Modus, IBM Carbon, Shopify Polaris, Adobe Spectrum, Salesforce Lightning), które Claude stosuje przy tworzeniu dowolnego artefaktu wizualnego. Uruchamia się na każde żądanie prezentacji, pulpitu nawigacyjnego, strony HTML, PDF lub wizualizacji danych; jest to wskazówka dla prompta, a nie narzędzie wykonywalne, więc cała jego wartość leży w precyzji instrukcji, których Claude przestrzega.
Raport z testu
Zbudowano ten sam pulpit nawigacyjny KPI z 3 kartami dwukrotnie — raz od podstaw, raz ściśle według zasad Tailwind-token umiejętności — a różnica jest konkretna: hierarchia tekstu gray-900/500/400 zamiast czystej czerni, shadow-sm zamiast ostrego cienia, semantyczne akcenty emerald/rose zamiast dosłownej czerwieni/zieleni, tabular-nums na każdej metryce i linia źródłowa text-xs, której bazowy model nigdy nie pomyślał dodać.
Testowano: 2026-07-14 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/cuellarfr/design-skills cd design-skills mkdir -p ~/.claude/skills cp -r design-elevation ~/.claude/skills/design-elevation
Komendy i przykładowe prompty
/design-elevationDyscyplina projektowa Tailwind-token dla dowolnych wyników wizualnych — pulpitów nawigacyjnych, PPTX, HTML, raportów.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
Build an HTML KPI dashboard using proper Tailwind design tokensRedesign this PPTX slide with real elevation and spacing scalesApply IBM Carbon-style color and type discipline to this report