Open-source verification stack for AI-assisted Vite & TypeScript apps (headless Playwright QA, 92-rule security scanner & 72-rule UI linter)

[avivgerz-hue]

Hey everyone! I built three free, open-source TypeScript CLI & MCP tools that pair with Vitest to catch the browser runtime, security, and UI issues AI coding agents leave behind in Vite and TypeScript apps:

1. ghost-qa — Zero-config headless Playwright QA engine that tests your live local dev server (http://localhost:5173 / http://localhost:3000) across 8 runtime traps (console/page crashes, failed 4xx/5xx network requests, DOM collisions, accessibility, Core Web Vitals, broken links, SEO, and dark/light parity) on Desktop, Tablet, and Mobile:
   npx -y ghost-qa test http://localhost:5173
   Repo: https://github.com/avivgerz-hue/ghost-qa

2. vibe-shield — 92-rule static security scanner for TypeScript, VITE_* client env exposures, API routes, Supabase, Drizzle/Prisma, and MCP/Skill files (SKILL.md, .cursorrules, mcp.json):
   npx -y @vibefoundry/vibe-shield@latest scan .
   Repo: https://github.com/avivgerz-hue/vibe-shield

3. unslop — 72-rule static UI & CSS design craft linter (WCAG 2.1 AA/AAA + APCA contrast math, typography hierarchy, spatial grid rhythm, and 10 studio design archetypes):
   npx -y unslop-mcp audit .
   Repo: https://github.com/avivgerz-hue/unslop

All three run locally in seconds with npx and also work as MCP servers and Agent Skills (SKILL.md). Feedback and edge-case reports are very welcome!