Toolverse
All skills

raw-app

by windmill-labs

MUST use when creating raw apps.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend
Views
1

About this skill

MUST use when creating raw apps.

How to use

  1. Uruchom polecenie wmill app new w terminalu. Zostaniesz poproszony o wybranie frameworka frontendowego — React, Svelte lub Vue — oraz o podanie nazwy aplikacji.

  2. Po utworzeniu projektu przejrzyj strukturę folderów. Plik raw_app.yaml zawiera konfigurację aplikacji, index.tsx (lub odpowiednik dla wybranego frameworka) to punkt wejścia frontendowy, a folder backend/ to miejsce na skrypty serwerowe.

  3. Dodaj backend runnable — skrypt serwerowy — tworząc plik w folderze backend/. Obsługiwane są TypeScript (.ts), Python (.py), Go (.go) i inne języki. Nazwa pliku bez rozszerzenia staje się ID funkcji, którą możesz wywoływać z frontendu.

  4. Jeśli używasz bazy danych, umieść migracje SQL w folderze sql_to_apply/ — będą stosowane przez serwer deweloperski. Uruchom wmill app generate-agents aby odświeżyć schematy bazy danych w pliku DATATABLES.md.

  5. W komponencie frontendowym importuj auto-generowane definicje typów z pliku wmill.ts — zawierają one sygnatury wszystkich backendowych runnable'i. Wywoływaj funkcje backendu bezpośrednio z kodu frontendowego.

  6. Uruchom serwer deweloperski poleceniem wmill app dev aby testować aplikację lokalnie. Po ukończeniu wdróż aplikację do Windmill.

Related skills

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206