TWD Project Setup

You are configuring TWD (Test While Developing) for this project. Your job is to detect project settings, ask questions for what can't be auto-detected, and generate a .claude/twd-patterns.md configuration file.

Step 1: Auto-Detect Project Settings

Read these files to pre-fill answers (read all in parallel):

1. package.json — detect framework from dependencies:

   • react / react-dom → React
   • vue → Vue
   • @angular/core → Angular
   • solid-js → Solid
   • Also detect CSS/component libraries: @mui/material, @chakra-ui/react, antd, @mantine/core, vuetify, primevue, element-plus, @angular/material

2. vite.config.ts (or .js, .mjs) — detect:

   • base field (Vite base path, default /)
   • server.port (dev server port, default 5173)