Does it provide guidance on project organization?

It defines a clear directory structure for Next.js and React projects, including specific naming conventions for components, hooks, and utility files.

How does this skill handle React state management?

It enforces the use of functional updates to prevent stale state in async scenarios and promotes immutability using spread operators rather than direct mutation.

What frameworks and languages does this skill support?

The skill is optimized for the modern full-stack ecosystem, specifically targeting TypeScript, JavaScript, React, Node.js, and Next.js applications.

Can this skill help with backend API development?

Yes, it includes standardized REST API conventions, Zod schema validation patterns, and consistent JSON response structures for robust backend services.

How does it assist in writing better tests?

The skill enforces the AAA (Arrange-Act-Assert) pattern and provides standards for descriptive test naming to ensure test suites remain readable and maintainable.

Universal Coding Standards

Name: Universal Coding Standards
Author: fabioeducacross

byfabioeducacross

0•

开发者工具

Enforces industry-standard best practices and architectural patterns for TypeScript, JavaScript, React, and Node.js development.

This skill serves as a comprehensive architectural compass for modern web development, providing Claude with a rigorous framework for code quality. It implements foundational principles such as DRY, KISS, and YAGNI while offering specific, actionable patterns for TypeScript type safety, immutable state management, and React component structure. By integrating this skill, developers can ensure consistency across their codebase, reduce technical debt through early code smell detection, and follow standardized API design and testing protocols that facilitate long-term maintainability.

主要功能

01Performance optimization techniques including memoization, lazy loading, and efficient DB queries

02Strict TypeScript type safety patterns and naming conventions for variables and functions

03Automated code smell detection for deep nesting, magic numbers, and over-engineered logic

04React best practices for functional components, custom hooks, and optimized state management

050 GitHub stars

06Standardized API design using REST conventions and Zod-based input validation

使用场景

01Performing automated code reviews to identify anti-patterns and suggest refactors to clean code

02Establishing a consistent architectural baseline for new greenfield TypeScript and React projects

03Onboarding developers to a unified standard for file organization and API response structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fabioeducacross/designsystem-vuexy coding-standards

For use in Claude.ai and ChatGPT

Download Skill