skills.rest
rajeshyg
rajeshygCOMMUNITY
Explore all skills by this author →
GitHub

Coding Standards Skill

Enforce JavaScript/JSX coding standards for React components and hooks.

Updated Nov 22, 2025
Search Tags:#code quality#automation#maintainability#coding best practices#JavaScript style#React standards#AI code generation
One-click install
npx skills add https://github.com/rajeshyg/TeluguTutor --skill coding-standards-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Coding Standards Skill
Source: https://github.com/rajeshyg/TeluguTutor/tree/main/.claude/skills/coding-standards
Command: npx skills add https://github.com/rajeshyg/TeluguTutor --skill coding-standards-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that all code generated or modified by an AI agent adheres to established best practices for readability, consistency, simplicity, and maintainability. It eliminates the need for manual code reviews focused on style and common pitfalls, allowing developers to focus on logic.

Core Features & Use Cases

  • Naming Conventions: Enforces clear and descriptive naming for variables, functions, and files (camelCase, PascalCase, UPPER_SNAKE_CASE).
  • React Best Practices: Guides on component structure, hook usage, state management, and performance optimizations (e.g., useMemo, useCallback).
  • Error Handling & Testing: Provides guidelines for robust error handling, user-friendly messages, and systematic testing (unit, component, E2E).
  • Use Case: When an AI agent is building a new React component, this Skill ensures it uses functional components, places hooks at the top level, uses useState for local state, and includes appropriate error handling and test structures, all without explicit instruction from the user.

Quick Start

Review the provided React component 'GraphemeCard.jsx' against the project's coding standards, focusing on hook usage and state management.

Frequently Asked Questions about Coding Standards Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce coding standards in JavaScript and React code?▼

Coding standards enforcement applies naming conventions (camelCase for variables, UPPER_SNAKE_CASE for constants), functional programming patterns, and React best practices like functional components and hook guidelines to ensure consistency across your codebase without manual review overhead.

What naming conventions should I use for JavaScript variables, functions, and constants?▼

Use descriptive camelCase for variables and functions, PascalCase for React components, and UPPER_SNAKE_CASE for constants. These conventions improve readability and maintain consistency across your JavaScript and JSX code.

Can I use this to review React components for best practices?▼

Yes. The Skill evaluates React components for functional component patterns, proper hook placement at the top level, appropriate state management with useState, and clean structure, making it ideal for code reviews focused on React standards.

How do coding standards improve code maintainability?▼

Consistent naming, pure functions, single responsibility principles, and intent-based comments reduce cognitive load during maintenance. Standardized code reviews focused on logic rather than style let developers concentrate on functionality.

Does this work with AI-generated code?▼

Yes. The Skill is designed to ensure AI-generated or modified JavaScript and JSX code adheres to best practices for readability, consistency, and maintainability, eliminating manual style reviews.

What error handling and testing guidelines does this Skill enforce?▼

The Skill provides guidelines for robust error handling with user-friendly messages and systematic testing including unit, component, and end-to-end tests, ensuring generated code handles failures gracefully.

Related Skills

Explore More Software Engineering Skills→
koralliskorallis
90

standards-enforcement

Configure ESLint, Prettier, and Husky to enforce coding standards.

Community
Intermediate
pascallammerspascallammers
1

standards-enforcement

Configure ESLint, Prettier, and Husky to enforce coding standards.

Community
Intermediate
mauriciodelriomauriciodelrio
3

code-quality-rules

Configure ESLint, Prettier, or Biome with strict linting rules for React projects.

Community
Advanced
ryan-nguyen-01ryan-nguyen-01
4

skill-tooling-linting

Configure linting and formatting tooling for TypeScript and JavaScript projects.

Community
Intermediate