baoyu-design to alternatywny skill inspirowany Claude Design — działa lokalnie na dowolnym modelu językowym i generuje mockupy, wireframe'y i prototypy jako samodzielne pliki HTML w twoim repozytorium, bez subskrypcji i tygodniowego limitu.
Z tego artykułu dowiesz się:
- Dlaczego tygodniowy limit Claude Design to realny problem
- Jak działa baoyu-design i co generuje
- Gdzie ma ograniczenia i jak je ocenić przed instalacją
Problem: limit tygodniowy, który boli po 30 minutach
Claude Design — wizualne narzędzie Anthropic do generowania UI — na planie $20 miesięcznie ma limit tygodniowy. Sam spalam go w 30 minut projektowania jednego szablonu. I tyle.
Rynek odpowiedział szybko: open-source odpowiednik zebrał 40 000 gwiazdek na GitHubie w dwa tygodnie. baoyu-design idzie tym samym tropem, ale jako skill wchodzący bezpośrednio w agenta, którego już masz.
Jak działa baoyu-design
Instalacja zajmuje 30 sekund:
npx skills add JimLiu/baoyu-designSkill automatycznie wykrywa agenta (Claude Code, Cursor, Codex). Następnie wpisujesz prompt w języku naturalnym:
Stwórz dashboard do śledzenia zadań — ciemny motyw, mobile-first, po polsku.Artefakt — samodzielny plik HTML — ląduje w katalogu designs/. Możesz go otworzyć offline, wysłać klientowi mailem lub wrzucić do repozytorium i wersjonować gitem.
Pętla edycji wizualnej działa tak: wskazujesz element w podglądzie przeglądarki, mówisz co zmienić, agent edytuje źródło HTML. Bez Figmy, bez żadnego dedykowanego narzędzia.
Co baoyu-design potrafi — poza mockupami
| Tryb | Co generuje |
|---|---|
| Hi-fi mockup | Gotowy UI z komponentami i kolorystyką |
| Wireframe | Szkielet layoutu bez stylizacji |
| Mobile prototype | Interaktywny prototyp w układzie mobilnym |
| Deck | Prezentacja jako plik HTML |
| Animations | Animowane przejścia i micro-interakcje |
Skill obsługuje też import systemu designu z pliku Figma — tokeny, komponenty, UI kit. Co oznacza, że możesz zacząć od istniejącego design systemu klienta i generować komponenty w jego stylu.
Kluczowa różnica od claude.ai/design
Artefakt jest Twój. Nie siedzi w chmurze za subskrypcją — jest w repozytorium.
Na claude.ai/design Twoje projekty są powiązane z kontem i subskrypcją. W baoyu-design każdy artefakt to zwykły plik, który możesz przenieść gdzie chcesz. Wersjonujesz gitem, wysyłasz klientowi mailem, otwierasz offline.
Gdzie ma ograniczenia
Najlepsze wyniki daje z mocniejszymi modelami (Opus 4). Generuje HTML, nie natywne komponenty React ani Swift — co oznacza, że jeśli potrzebujesz handoffu dla dużego teamu z design systemem w Figmie, Figma nadal wygrywa.
| claude.ai/design | baoyu-design | Figma | |
|---|---|---|---|
| Koszt | $20/mies + limit | $0 | $15/mies |
| Artefakty | W chmurze | W repo | W chmurze |
| Edycja offline | Nie | Tak | Nie |
| Handoff dla zespołu | Ograniczony | Brak | Pełny |
| AI-native workflow | Tak | Tak | Nie |
Dla freelancera i developera, który samodzielnie robi mockupy pod klienta — baoyu-design wygrywa. Zero subskrypcji, artefakty pod kontrolą, pełna własność pliku.
Podsumowanie
- baoyu-design to alternatywa dla Claude Design działająca lokalnie na dowolnym LLM — bez tygodniowego limitu, bez strony, bez osobnej subskrypcji,
- artefakty HTML lądują w twoim repo — wersjonujesz, wysyłasz, edytujesz offline,
- instalacja jedną komendą —
npx skills add JimLiu/baoyu-designi gotowe.
Damian Ślimak. Twój Nawigator w chaosie AI.