Toolverse
All skills

windsurf-local-dev-loop

by jeremylongshore

Configure Windsurf local development with hot reload and testing.\nUse when setting up a development environment, configuring test workflows,\nor establishing a fast iteration cycle with Windsurf.\nTrigger with phrases like \

Installation

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

Installation

Quick info

Category
Frontend

About this skill

Configure Windsurf local development with hot reload and testing.\nUse when setting up a development environment, configuring test workflows,\nor establishing a fast iteration cycle with Windsurf.\nTrigger with phrases like \

How to use

  1. Upewnij się, że masz Windsurf zainstalowany i uwierzytelniony, projekt otwarty w edytorze, Node.js 18+ lub Python 3.10+, oraz Git zainicjalizowany w katalogu projektu.

  2. Utwórz plik .windsurfrules w katalogu głównym projektu i zdefiniuj w nim kontekst projektu — język, framework, narzędzia do testowania, menedżer pakietów oraz konwencje kodowania (np. komponenty serwera domyślnie, walidacja Zod, obsługa błędów wzorem Result pattern).

  3. Utwórz plik .codeiumignore w katalogu głównym, aby wykluczyć z indeksowania AI foldery takie jak node_modules, .next, dist, build, coverage oraz pliki .env.

  4. Skonfiguruj Turbo mode w Windsurf — włącz Cascade do szybkiej edycji kodu, aktywuj Previews do podglądu zmian w IDE bez przełączania się między oknami.

  5. Zintegruj terminal — używaj poleceń npm lub pnpm do uruchamiania testów, buildowania i commitowania zmian bezpośrednio z Windsurf, tworząc zamkniętą pętlę edycja-podgląd-test.

  6. Wyzwól skill frazami takimi jak "windsurf dev setup", "windsurf local development" lub "develop with windsurf", aby AI pomogło w konfiguracji i optymalizacji przepływu pracy.

Related skills