What is the primary benefit of using this skill during development?

It helps keep your test setup files under 10 lines by ensuring dependencies are explicit and easy to mock, leading to more maintainable and less brittle test suites.

How does this skill improve React testing?

It identifies 'impure' patterns like fetch() calls or direct service imports inside components and suggests extracting them into hooks or injecting them as props, allowing for simpler test setups.

Does this skill support the Dependency Inversion Principle?

Yes, it specifically checks for tight coupling and recommends depending on abstractions rather than concrete implementations to satisfy DIP requirements.

Which specific code anti-patterns does it detect?

It flags direct imports of database instances, 'new' keyword usage inside classes for services, global config access, and non-deterministic logic like Date.now().

Testable Code Architecture Reviewer

Name: Testable Code Architecture Reviewer
Author: thkt

bythkt

•

セキュリティとテスト

Reviews TypeScript and React codebases to identify anti-patterns and improve testability through dependency injection.

概要

The Testable Code Architecture skill functions as an automated design reviewer that specializes in making TypeScript and React applications easier to test. It scans code for common testability hurdles—such as hard-coded service instances, direct database imports, and side effects buried within UI components—and provides actionable refactoring patterns. By encouraging dependency injection and the separation of pure logic from infrastructure, this skill helps developers create mock-friendly architectures that significantly reduce the complexity of unit and integration testing.

主な機能

Provides specific refactoring paths for decoupling logic from external APIs.
Identifies hard-coded dependencies and suggests constructor or parameter injection.
3 GitHub stars
Flags global state and environmental access like Date.now() for better abstraction.
Enforces the Dependency Inversion Principle (DIP) to simplify test setups.
Detects side effects in React components and recommends extraction to hooks or services.

ユースケース

Refactoring a legacy React component to enable easier unit testing without deep mock chains.
Decoupling business logic from infrastructure-specific code like database drivers and network fetchers.
Performing automated code reviews to ensure new TypeScript services follow dependency injection best practices.

概要

主な機能

Provides specific refactoring paths for decoupling logic from external APIs.
Identifies hard-coded dependencies and suggests constructor or parameter injection.
3 GitHub stars
Flags global state and environmental access like Date.now() for better abstraction.
Enforces the Dependency Inversion Principle (DIP) to simplify test setups.
Detects side effects in React components and recommends extraction to hooks or services.

ユースケース

Refactoring a legacy React component to enable easier unit testing without deep mock chains.
Decoupling business logic from infrastructure-specific code like database drivers and network fetchers.
Performing automated code reviews to ensure new TypeScript services follow dependency injection best practices.