coding-standards

Enforce TypeScript/React naming conventions, import orders, and linting standards.

1|Updated Jun 15, 2025
One-click install
npx skills add https://github.com/einja-inc/einja-management-template --skill coding-standards-einja-inc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: coding-standards
Source: https://github.com/einja-inc/einja-management-template/tree/main/.claude/skills/einja-coding-standards
Command: npx skills add https://github.com/einja-inc/einja-management-template --skill coding-standards-einja-inc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a centralized, team-approved set of TypeScript/React coding standards to improve readability, consistency, and maintainability across a codebase.

Core Features & Use Cases

  • Enforced naming conventions for components, variables, and types to ensure uniformity.
  • Unified guidance on imports, styling, lint rules, and code organization for TS/React projects.
  • Use case: when onboarding new developers or refactoring legacy code, apply the standards to accelerate reviews and reduce conflicts.

Quick Start

Apply the coding standards to a TypeScript/React project by integrating the guideline checklist into your CI workflow or editor configuration and running a one-time audit to align existing code with the rules.

Frequently Asked Questions about coding-standards

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

FAQPage Schema
How do I enforce consistent TypeScript and React coding standards across my team?▼

To enforce consistent TypeScript and React coding standards, apply a centralized set of naming conventions, import orders, and linting rules. This ensures uniformity and maintainability across your codebase, especially during onboarding or legacy refactoring.

What naming conventions should I use for TypeScript and React components?▼

For TypeScript and React components, use enforced naming conventions for components, variables, and types. Applying these standardized conventions ensures uniformity and improves readability across your entire frontend codebase.

How do I organize imports and lint rules in a Next.js project?▼

Organize imports and lint rules in a Next.js project by applying unified guidance on import orders, styling, and code organization. This aligns your TypeScript and React code with team-approved standards.

Can I integrate these coding standards into my existing CI workflow?▼

Yes, you can integrate coding standards into your CI workflow by incorporating the guideline checklist into your editor configuration or CI pipeline. Running a one-time audit helps align existing code with the rules.

When do I need to apply standardized TypeScript coding rules?▼

You need to apply standardized TypeScript coding rules when onboarding new developers or refactoring legacy code. Implementing these standards accelerates code reviews and reduces style-based conflicts.

Are these React coding standards suitable for legacy codebases?▼

Yes, these React coding standards are suitable for legacy codebases. Running a one-time audit aligns existing code with the rules, reducing conflicts and accelerating reviews during refactoring workflows.