How does this skill handle React state management?

It promotes functional state updates to avoid stale closures and provides patterns for efficient memoization using useMemo and useCallback.

What frameworks and languages are supported?

This skill is optimized for TypeScript, JavaScript, React, and Node.js, including specific patterns for Next.js App Router projects.

Can it detect anti-patterns in existing code?

Yes, the skill is designed to identify code smells such as deep nesting, magic numbers, and overly long functions.

Does it provide guidance on API design?

Yes, it includes standards for RESTful conventions, consistent JSON response formats, and robust schema validation using Zod.

Does it include testing standards?

It enforces the AAA (Arrange, Act, Assert) pattern and provides guidelines for descriptive, meaningful test naming.

Full-Stack Coding Standards

Name: Full-Stack Coding Standards
Author: webcrafters-belgium

bywebcrafters-belgium

0•

Developer Tools

Enforces universal best practices and architectural patterns for TypeScript, React, and Node.js to ensure high-quality, maintainable codebases.

This skill provides a comprehensive framework of universal coding standards and implementation patterns specifically tailored for modern web development stacks. It guides Claude to prioritize readability, simplicity (KISS), and modularity (DRY) while enforcing strict TypeScript type safety, React component best practices, and robust API design. By integrating these industry-standard principles, developers can automate code reviews, maintain architectural consistency across projects, and minimize technical debt through self-documenting code and proven error-handling strategies.

Key Features

01Provides optimized React component and custom hook structures

02Implements strict TypeScript type safety and error handling

03Defines RESTful API conventions and Zod-based input validation

040 GitHub stars

05Enforces core software principles including DRY, KISS, and YAGNI

06Standardizes naming conventions and immutability patterns

Use Cases

01Establishing a consistent architectural blueprint for new project setups

02Automating code reviews to ensure compliance with modern JavaScript and React standards

03Refactoring legacy code into modern, type-safe, and readable structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add webcrafters-belgium/webcrafters-studio coding-standards

For use in Claude.ai and ChatGPT

Download Skill