Design Feel Like Your Own Product
Uczy się 'signature moves' projektanta w Figmie, aby nowe komponenty wyglądały na własnoręcznie wykonane, a nie skopiowane.
Testowano · Działa
Co robi ten skill
Odczytuje plik Figmy przez serwer MCP Figmy, aby zbudować semantyczny model ról kolorów projektanta, sygnatur przestrzeni/promienia i hierarchii informacji, a następnie generuje nowe komponenty z tego zinternalizowanego modelu, zamiast kopiować surowe wartości pikseli. Reaguje, gdy użytkownik udostępnia plik Figmy i prosi o nowe komponenty, pluginy lub interfejs użytkownika, które powinny 'pasować do stylu' lub rozszerzać istniejący system projektowania, i łagodnie degraduje do wklejonych specyfikacji lub zrzutu ekranu, jeśli narzędzia MCP Figmy są niedostępne.
Raport z testu
Uruchomiono mini-zadanie w udokumentowanym trybie awaryjnym skilla Figma-MCP-unavailable: mając tylko wklejone specyfikacje systemu projektowania, wywnioskowano dwupoziomową regułę promienia (6px interaktywny / 8px powierzchnia) i użyto tego samego szesnastkowego kodu dla niebiesko-zielonego koloru zarówno dla przycisku głównego, jak i dla paska statusu 'aktywny', zamiast wymyślać nowy kolor, co jest konkretnie bardziej ugruntowane niż generyczny modal SaaS. Samodzielny, jednoplotowy skill, licencja to CC BY-NC 4.0 non-commercial, ujawniona z góry w README, nie ukryta.
Testowano: 2026-07-15 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/Tiannanzhao/design-feel-like-your-own-product.git mkdir -p ~/.claude/skills cp -r design-feel-like-your-own-product ~/.claude/skills/design-feel-like-your-own-product
Komendy i przykładowe prompty
/design-feel-like-your-own-productUczy się 'signature moves' projektanta w Figmie, aby nowe komponenty wyglądały na własnoręcznie wykonane, a nie skopiowane.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
build a new settings modal that matches our Figma design systemgenerate a component that feels like it came from our own design filematch the spacing and color roles from our Figma when designing this