create-element

Skill do szybkiego tworzenia nowych elementów interfejsu dla rejestru tryelements.dev. Obsługuje komponenty bazowe (przyciski, pola wejścia, karty), integracje z usługami (Clerk, Stripe, Uploadthing) oraz komponenty tematyczne w stylu shadcn. Zawiera gotowe szablony, schemat rejestracji i wzorce implementacji. Automatycznie pobiera najnowszą dokumentację zależności przez Context7 MCP przed kodowaniem.

1. Uruchom skrypt scaffoldingu, podając kategorię i nazwę nowego elementu: bun run .claude/skills/create-element/scripts/scaffold-element.ts [kategoria] [nazwa]. Skill wygeneruje strukturę plików i plik konfiguracyjny rejestracji.
2. Otwórz wygenerowany komponent i zaimplementuj logikę UI, kierując się wzorcami z pliku references/component-patterns.md. Jeśli komponent używa bibliotek zewnętrznych (np. radix-ui, next-themes, cmdk), przejdź do kroku 3.
3. Przed implementacją zależności użyj Context7 MCP do pobrania aktualnej dokumentacji: najpierw rozwiąż identyfikator biblioteki (np. "radix-ui"), następnie zapytaj o konkretne API lub wzorce, które potrzebujesz.
4. Po zakończeniu implementacji uruchom build rejestracji i serwer deweloperski: bun run build:registry && bun run dev. Skill zarejestruje nowy element w systemie.
5. Jeśli tworzysz komponent logo z wariantami (ikona, logotyp, ciemny/jasny motyw), użyj zamiast tego skill'u dedykowanego logo-with-variants.
6. Przetestuj komponent w lokalnym środowisku deweloperskim i upewnij się, że pojawia się w rejestrze tryelements.dev.