How are review results formatted?

Results are presented in a structured report grouped by severity (Errors, Warnings, Nits) including the file path, line number, and a suggested fix.

Does it check for testing standards?

Yes, it verifies that tests use node:test and Hono's testClient, ensuring compliance with data-driven test case patterns and proper imports.

How does it handle React component reviews?

It enforces specific naming conventions (e.g., EntityAddForm), checks for the use of shared UI components like FormCard and SearchCombobox, and validates data fetching via useSuspenseQuery.

Can it identify import errors?

It checks for environment-specific import rules, such as ensuring .js extensions in backend files and enforcing the use of #/ and @/ aliases.

What backend frameworks does this skill support?

This skill is specifically tuned for Hono-based backends, checking for sub-app routing patterns, zValidator usage, and Drizzle ORM schema conventions.

Hono & React Monorepo Code Reviewer

Name: Hono & React Monorepo Code Reviewer
Author: raulnq

byraulnq

0•

Collaboration Tools

Conducts automated, multi-layered code reviews for Hono and React monorepos based on specific project conventions and architectural patterns.

This skill acts as an automated auditor for modern TypeScript monorepos using Hono for the backend and React for the frontend. It enforces strict architectural patterns, such as Drizzle ORM schemas, Zod validation styles, and specific React component structures like FormCard and SearchCombobox. By analyzing full file contexts rather than just diffs, it identifies subtle convention violations, import errors, and best practice deviations across database migrations, API endpoints, and UI components, ensuring a consistent and high-quality codebase that adheres to established project standards.

Key Features

01Strict Type Safety Checks: Ensures TypeScript strict mode compliance and specific Zod validation patterns.

02Comprehensive Backend Auditing: Validates Hono route structures, Drizzle ORM schemas, and proper status code usage.

03Automated Test Validation: Verifies node:test implementation and data-driven testing patterns.

04Standardized Severity Reporting: Generates structured reviews categorized by Error, Warning, and Nit with a final PASS/FAIL verdict.

05Frontend Convention Enforcement: Checks React component naming, data fetching patterns (Suspense), and UI helper usage.

060 GitHub stars

Use Cases

01Auditing frontend components for correct use of shared UI libraries, error boundaries, and search params.

02Pre-submission PR checks to ensure adherence to complex monorepo architectural standards.

03Validating backend migration and schema consistency between Drizzle models and Zod schemas.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add raulnq/dev-factory-hub review-code

For use in Claude.ai and ChatGPT