Toolverse
All skills

stac-screen-builder

by StacDev

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

Quick info

Author
StacDev
Category
Frontend
Views
3

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

  1. 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.
  2. Poproś skill o przetłumaczenie wymagań na trasy, stany i akcje Stac DSL. Skill zaproponuje strukturę ekranu na podstawie Twoich potrzeb.
  3. 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.
  4. Zdefiniuj akcje (nawigacja, obsługa formularzy, żądania sieciowe) używając action-recipes.md — skill zaproponuje gotowe receptury dla typowych scenariuszy.
  5. Zastosuj style i kolory z style-recipes.md oraz semantykę nawigacji z navigation-patterns.md, aby zapewnić spójność z resztą aplikacji.
  6. Poproś skill o wygenerowanie pliku ekranu — skill zwróci prawidłowy kod Stac DSL ze znacznikami @StacScreen lub @StacThemeRef, gotowy do wstawienia do projektu.

Related skills