Can this skill help with refactoring legacy code?

Yes, it is designed to identify anti-patterns and code smells, providing specific refactoring guidance to align older codebases with modern best practices.

Does it provide guidance on project file structure?

Yes, it includes a standardized directory layout for Next.js and React projects to ensure consistent organization of components, hooks, and utilities.

Which languages and frameworks does this skill support?

This skill is specifically optimized for TypeScript and JavaScript, with deep integration for React, Node.js, and Next.js development environments.

How does it handle state management and performance?

It provides patterns for proper React state updates, memoization techniques (useMemo, useCallback), and lazy loading strategies for heavy components.

Does it include API design standards?

Absolutely. It covers REST API conventions, consistent response formatting, and robust input validation strategies using schemas like Zod.

Coding Standards & Best Practices

Name: Coding Standards & Best Practices
Author: MomoChenisMe

byMomoChenisMe

0•

開発者ツール

Implements universal coding standards and architectural patterns for TypeScript, JavaScript, React, and Node.js projects to ensure maintainable, high-quality code.

This skill equips Claude with a comprehensive framework for writing clean, efficient, and standardized code across the modern web stack. It enforces core software engineering principles like DRY, KISS, and YAGNI while providing specific guidance on TypeScript type safety, React component architecture, and RESTful API design. By activating this skill, developers can automate code reviews, refactor legacy codebases into modern patterns, and ensure consistent naming conventions and file structures across their entire team, ultimately reducing technical debt and improving long-term project scalability.

主な機能

01Provides structural patterns for Node.js and Next.js applications

02Enforces TypeScript type safety and naming conventions

030 GitHub stars

04Optimizes performance through memoization and lazy loading patterns

05Implements React functional component and custom hook best practices

06Standardizes error handling and asynchronous execution logic

ユースケース

01Onboarding new contributors to a project with strict architectural requirements

02Automating code reviews to detect common code smells and anti-patterns

03Refactoring complex legacy JavaScript into type-safe, modular TypeScript

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add momochenisme/copilot-sdk-test coding-standards

For use in Claude.ai and ChatGPT

Download Skill