Coding Standards Skill

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.