twd-setup

Guides users through installing and configuring the Braze SDK for cross-platform push notifications and analytics in mobile and web apps.

58|4|Updated Sep 4, 2025
One-click install
npx skills add https://github.com/BRIKEV/twd --skill twd-setup
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: twd-setup
Source: https://github.com/BRIKEV/twd/tree/main/skills/twd-setup
Command: npx skills add https://github.com/BRIKEV/twd --skill twd-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill guides users through the installation and configuration of TWD (Test While Developing), an in-browser testing system, simplifying the integration of automated testing into web development workflows.

Core Features & Use Cases

  • TWD Installation: Provides commands to install the twd-js package.
  • Mock Service Worker Setup: Guides users on initializing the MSW for API mocking.
  • Framework Integration: Offers specific setup instructions for various frameworks like React, Vue, Angular, and Solid.js.
  • Vite Configuration: Includes steps for adding the TWD HMR plugin to Vite.
  • AI Coding Tool Integration: Explains how to generate configuration files for AI tools to ensure TWD context is maintained.

Quick Start

Follow the steps in this guide to install and configure TWD in your project.

Frequently Asked Questions about twd-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up in-browser testing for my SPA?

To set up in-browser testing for your SPA, install the twd-js package and configure TWD (Test While Developing) by initializing a mock service worker, integrating your framework, and adding the Vite HMR plugin to your project.

What is TWD and how does it work for web development?

TWD (Test While Developing) is an in-browser testing system for SPAs that simplifies automated testing integration into web development workflows. It uses a mock service worker for API mocking and a Vite HMR plugin to facilitate testing during development.

Does TWD work with Vue, Angular, and Solid.js frameworks?

Yes, TWD works with Vue, Angular, and Solid.js frameworks. It provides framework-specific integration instructions to ensure the in-browser testing system functions correctly across these different SPA development environments.

How do I configure API mocking with a mock service worker in TWD?

To configure API mocking in TWD, you need to initialize the mock service worker (MSW) during the setup process. The TWD configuration guides you through the steps to mock APIs for your in-browser testing environment.

How do I configure AI coding tools to maintain TWD context?

To configure AI coding tools to maintain TWD context, you need to generate specific configuration files during the TWD setup. This ensures that your AI coding assistants understand and maintain the in-browser testing context.

Why do I need a Vite HMR plugin for in-browser testing?

You need the Vite HMR plugin to integrate TWD (Test While Developing) with Vite's hot module replacement. This ensures the in-browser testing system updates and runs correctly during your SPA development workflow.