S
stac-screen-builder
Build Stac DSL screens and themes from product requirements with safe defaults and reusable templates. Use when users ask to create or refactor StacScreen files, map UI requirements to Stac widgets/actions/styles, or scaffold new screen/theme files.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Build Stac DSL screens and themes from product requirements with safe defaults and reusable templates. Use when users ask to create or refactor StacScreen files, map UI requirements to Stac widgets/actions/styles, or scaffold new screen/theme files.
How to use
- Przygotuj wymagania dla nowego ekranu — określ nazwę ekranu (zalecany format snake_case), pożądane interakcje (nawigacja, formularze, żądania sieciowe, zmiany stanu) oraz czy potrzebny jest motyw referencyjny.
- Poproś skill o przetłumaczenie wymagań na trasy, stany i akcje Stac DSL. Skill zaproponuje strukturę ekranu na podstawie Twoich potrzeb.
- Wybierz odpowiednie widgety, odwołując się do dostępnych referencji — skill wykorzysta widget-selector.md do mapowania komponentów interfejsu na dostępne widgety Stac.
- Zdefiniuj akcje (nawigacja, obsługa formularzy, żądania sieciowe) używając action-recipes.md — skill zaproponuje gotowe receptury dla typowych scenariuszy.
- Zastosuj style i kolory z style-recipes.md oraz semantykę nawigacji z navigation-patterns.md, aby zapewnić spójność z resztą aplikacji.
- Poproś skill o wygenerowanie pliku ekranu — skill zwróci prawidłowy kod Stac DSL ze znacznikami @StacScreen lub @StacThemeRef, gotowy do wstawienia do projektu.