aibdd.auto.ts.it.code-quality

Enforce SOLID, Testing Library, TypeScript, and MSW standards in React integration tests.

1|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/zenbuapps/zenbu-powers --skill aibdd-auto-ts-it-code-quality
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aibdd.auto.ts.it.code-quality
Source: https://github.com/zenbuapps/zenbu-powers/tree/main/skills/aibdd.auto.ts.it.code-quality
Command: npx skills add https://github.com/zenbuapps/zenbu-powers --skill aibdd-auto-ts-it-code-quality

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Integration Test 程式碼品質規範合集。包含 SOLID 設計原則、Component/Hook 組織規範、Testing-Library 最佳實踐、TypeScript 嚴格型別、MSW Handler 品品質。供 refactor 階段嚴格遵守。

Core Features & Use Cases

  • SOLID design principles for components and hooks (Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, Dependency Inversion).
  • Testing-Library best practices: query priority, userEvent usage, async handling, and screen-based queries.
  • TypeScript strict typing and API typings via Zod, with explicit hook and component prop typings.
  • MSW handler quality: test organization, happy path and error handler patterns.

Quick Start

Audit a React integration test module and progressively refactor one component to align with SOLID, TS strictness, and MSW guidelines.

Frequently Asked Questions about aibdd.auto.ts.it.code-quality

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

FAQPage Schema
How do I enforce SOLID principles and strict TypeScript typing in React integration tests?▼

To enforce React integration test quality, audit your modules and refactor components and hooks to align with SOLID design principles, strict TypeScript typing, and explicit prop inference. This ensures robust, maintainable test suites across your project.

What are the best practices for organizing MSW handlers and Testing Library queries in React tests?▼

Testing Library best practices require prioritizing screen-based queries and userEvent usage, while MSW hygiene involves structured test organization with distinct happy path and error handler patterns to ensure maintainable integration tests.

Can I use Zod schemas to enforce explicit type inference for React component props and API typings?▼

Yes, you can enforce explicit type inference for React component props and API typings using Zod schemas. This provides strict TypeScript typing and production-ready component patterns during your integration test refactor phases.

How do I refactor a React integration test module to improve code quality?▼

To refactor React integration tests, progressively refactor one component at a time to align with SOLID guidelines, TypeScript strictness, and MSW handler conventions, ensuring each module meets Testing Library best practices.

Does this React test quality approach work for both component and hook test organization?▼

Yes, this approach enforces quality for both React components and hooks by applying Single Responsibility and Dependency Inversion principles, ensuring structured test organization and robust integration test coverage across both patterns.