How does this skill improve API development?

It defines clear RESTful conventions, standardized response formats, and robust input validation using schema libraries like Zod.

What languages and frameworks does this skill support?

This skill provides comprehensive standards and patterns primarily for TypeScript, JavaScript, React, and Node.js development.

Does it include React-specific architecture patterns?

Yes, it covers functional component structures, custom hooks, state management strategies, and efficient conditional rendering patterns.

Can it help identify technical debt or code smells?

Absolutely. It includes specific guidance on detecting and fixing anti-patterns such as magic numbers, deep nesting, and overly long functions.

Does it provide guidance on project file structure?

Yes, it includes a standardized directory layout for modern full-stack applications, specifically optimized for Next.js App Router projects.

Modern Web Coding Standards

Name: Modern Web Coding Standards
Author: claudiodearaujo

byclaudiodearaujo

0•

Developer Tools

Enforces universal coding standards and industry best practices for TypeScript, JavaScript, React, and Node.js development.

This skill provides a comprehensive framework for writing high-quality, maintainable code across the modern web stack. It integrates core software engineering principles like DRY, KISS, and YAGNI with specific implementation patterns for TypeScript type safety, React component architecture, and robust API design. By applying these standards, developers can ensure consistent naming conventions, efficient error handling, and optimized performance across their projects, significantly reducing technical debt and improving long-term project scalability.

Key Features

01Project structure and file organization guidelines for Next.js and Node.js environments

02Comprehensive TypeScript and JavaScript naming conventions and type safety patterns

03Automated code smell detection for identifying long functions, deep nesting, and magic numbers

04Standardized API design patterns for RESTful services and Zod-based input validation

05React-specific best practices for functional components, custom hooks, and state management

060 GitHub stars

Use Cases

01Refactoring legacy JavaScript code to align with modern immutability and async/await patterns

02Standardizing a new TypeScript or React project's codebase to ensure consistency from day one

03Conducting code reviews with a standardized checklist for performance, readability, and security

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter cc-skill-coding-standards

For use in Claude.ai and ChatGPT

Download Skill