Superdesign

Steruje Superdesign CLI, aby odtworzyć, a następnie rozgałęzić Twój interfejs użytkownika na płótnie projektowym.

Autor: superdesigndev · superdesigndev/superdesign-skill

Tested · Didn't pass

Superdesign — Steruje Superdesign CLI, aby odtworzyć, a następnie rozgałęzić Twój interfejs użytkownika na płótnie projektowym.

Co robi ten skill

Otacza hostowane płótno projektowe @superdesign/cli: analizuje repozytorium do .superdesign/init/, tworzy pikselowo-idealny szkic reprodukcji istniejącej strony, a następnie rozgałęzia warianty wizualne i całe przepływy stron. Uruchamia się na żądanie przeprojektowania, ekstrakcji systemu projektowego, wariantów UI i przepływów wielostronicowych; wyraźnie nie jest przeznaczony do pracy wyłącznie implementacyjnej. Wymaga konta Superdesign i interaktywnego logowania przez przeglądarkę przed uruchomieniem jakiegokolwiek polecenia.

Raport z testu

Zadanie: wyodrębnić system projektowy z repozytorium i utworzyć szkic strony za pomocą CLI, zgodnie z zaleceniami SKILL.md. Instalacja była uczciwa: `npx --yes @superdesign/cli@latest --version` faktycznie zwróciło 0.5.1, pliki references/SUPERDESIGN.md (551 linii) i references/INIT.md (158 linii) były na miejscu po skopiowaniu. Ale potem ściana: zarówno `list-design-systems`, jak i `create-project --title "SkillProof test"` zwróciły `✗ Not authenticated. Run superdesign login first.` — potrzebne jest konto i interaktywne logowanie przez przeglądarkę, więc NIE sprawdziłem samego wyjścia projektowego i nie przyznaję za to punktów (output=3 — to jest tylko to, co faktycznie zmierzono do ściany autoryzacji). Linia bazowa bez umiejętności (prosząc agenta o ręczne ułożenie wariantów HTML) wyprowadza kod, ale nie szkice na płótnie, więc merytoryczne porównanie jest niemożliwe. Oddzielnie zanotowano: CLI zapisuje `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` przy uruchomieniu, a źródła i `--user-request` zgodnie z dokumentacją trafiają na serwery SuperDesign — jest to deklarowana funkcja produktu i jest ujawniona w references/SUPERDESIGN.md, brak ukrytej eksfiltracji.

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

Instalacja

git clone https://github.com/superdesigndev/superdesign-skill.git
mkdir -p ~/.claude/skills
cp -r superdesign-skill/skills/superdesign ~/.claude/skills/superdesign

Komendy i przykładowe prompty

  • /superdesignSteruje Superdesign CLI, aby odtworzyć, a następnie rozgałęzić Twój interfejs użytkownika na płótnie projektowym.

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

  • Reproduce this page pixel-perfect on a design canvas, then branch variants
  • Extract my repo's design system into a canvas I can iterate on
  • Create alternate visual variants of this whole page flow for review