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.