Is this skill suitable for team collaboration?

Absolutely. It defines clear project structures and naming conventions that help teams maintain a 'single source of truth' for code style and organization.

Does it include guidance on API design?

Yes, it provides standardized REST API conventions, including consistent response structures and input validation using schemas.

What frameworks and languages does this skill support?

This skill is specifically designed for the TypeScript/JavaScript ecosystem, with deep integration for React, Node.js, and modern frameworks like Next.js.

How does it improve application performance?

The skill includes best practices for React memoization, lazy loading of components, and optimized database query patterns to minimize resource usage.

TypeScript & React Coding Standards

Name: TypeScript & React Coding Standards
Author: oabdelmaksoud

byoabdelmaksoud

0•

Developer Tools

Establishes universal coding standards and architectural best practices for modern TypeScript, React, and Node.js development.

This skill acts as a comprehensive quality framework for full-stack JavaScript and TypeScript projects. It provides Claude with a rigorous set of guidelines based on industry-leading principles like DRY, KISS, and YAGNI, ensuring that all generated code is readable, maintainable, and highly performant. From specific naming conventions and immutability patterns to complex React component structures and REST API design, this skill helps developers maintain a consistent codebase while avoiding common anti-patterns like magic numbers and deep nesting.

Key Features

010 GitHub stars

02Guides project organization and performance optimizations like memoization and lazy loading.

03Enforces core software principles including DRY, KISS, and YAGNI for cleaner logic.

04Defines React best practices for hooks, component structure, and state management.

05Outlines robust error handling and type-safety patterns using TypeScript and Zod.

06Provides standardized naming conventions for variables, functions, and project files.

Use Cases

01Onboarding developers by providing a clear, interactive reference for team-specific coding expectations.

02Standardizing a new project's codebase to ensure consistent quality across a development team.

03Refactoring legacy JavaScript or TypeScript code to align with modern best practices and patterns.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw coding-standards

For use in Claude.ai and ChatGPT

Key Features

010 GitHub stars

02Guides project organization and performance optimizations like memoization and lazy loading.

03Enforces core software principles including DRY, KISS, and YAGNI for cleaner logic.

04Defines React best practices for hooks, component structure, and state management.

05Outlines robust error handling and type-safety patterns using TypeScript and Zod.

06Provides standardized naming conventions for variables, functions, and project files.

Use Cases

01Onboarding developers by providing a clear, interactive reference for team-specific coding expectations.

02Standardizing a new project's codebase to ensure consistent quality across a development team.

03Refactoring legacy JavaScript or TypeScript code to align with modern best practices and patterns.