aibdd.auto.ts.it.code-quality

Official

Enforce React IT test quality with SOLID, TS, MSW.

Authorzenbuapps
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: aibdd.auto.ts.it.code-quality
Download link: https://github.com/zenbuapps/zenbu-powers/archive/main.zip#aibdd-auto-ts-it-code-quality

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.