twd-setup
TWD Project Setup Guide
You are helping set up TWD (Test While Developing), an in-browser validation system for SPAs. Follow these steps carefully.
Supported frameworks: React, Vue, Angular, Solid.js, Astro (with React), React Router (Framework Mode) Not compatible with: Next.js App Router, SSR-first architectures
Security Context
- Package provenance:
twd-jsandtwd-relayare published on npm by maintainerbrikev. Source code: BRIKEV/twd and BRIKEV/twd-relay. License: MIT. - Dev-only scope: All TWD code is guarded by
import.meta.env.DEVand is tree-shaken out of production builds. TWD never runs in production. - Network scope (twd-relay): twd-relay operates exclusively on
localhostvia a WebSocket on the local Vite dev server. It makes no external network connections.
Note: This skill provides user-directed setup guidance. The code blocks below are instructions for the developer to follow — they are not autonomously executed commands. This skill has no tool access and cannot run commands on its own.
Step 1: Install TWD
More from brikev/twd
twd-test-writer
TWD test writing context — teaches AI agents how to write correct TWD (Test While Developing) in-browser tests. Use this when writing, reviewing, or modifying TWD test files (*.twd.test.ts).
24twd-tester
TWD test runner agent — runs in-browser tests via twd-relay, reads failures, fixes issues, and re-runs until green. Use when you want to execute and validate existing TWD tests.
22twd
TWD orchestrator agent — automatically sets up TWD, writes in-browser tests, runs them, and fixes failures in a single command. Use when you want comprehensive in-browser validation for your app or a specific feature.
18