skills.rest
Lichens-Innovation
Lichens-InnovationOFFICIAL
Explore all skills by this author →
WebsiteGitHub

react-files-structure-standards

Enforce kebab-case naming and feature folder structure in React/TypeScript projects.

Updated Feb 20, 2026
Search Tags:#typescript#refactoring#react#kebab-case#folder-structure#project-standards#file-naming
One-click install
npx skills add https://github.com/Lichens-Innovation/ai-dev-tools --skill react-files-structure-standards
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-files-structure-standards
Source: https://github.com/Lichens-Innovation/ai-dev-tools/tree/main/skills/react-files-structure-standards
Command: npx skills add https://github.com/Lichens-Innovation/ai-dev-tools --skill react-files-structure-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Enforces consistent file and folder naming and top-level structure for React/TypeScript projects, helping teams avoid drift and confusion as projects scale.

Core Features & Use Cases

  • Enforce kebab-case file and folder names across the codebase.
  • Recommend and document a feature-oriented folder structure to improve navigation and maintainability.
  • Provide guidance for auditing and renaming existing files to align with standards.

Quick Start

Normalize your React/TypeScript project by applying the naming and structure rules defined in this skill.

Frequently Asked Questions about react-files-structure-standards

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

FAQPage Schema
How do I enforce kebab-case file naming conventions in a React project?▼

Enforce kebab-case file naming in React by auditing the project to identify naming inconsistencies, then correcting file and folder names using the provided patterns to guide restructuring.

What is the best way to organize a React folder structure by feature?▼

Organizing a React folder structure by feature involves grouping related files into feature-oriented directories, which improves project navigation and maintainability as the codebase scales.

How do I audit and refactor existing TypeScript file names to match project standards?▼

Audit and refactor TypeScript file names by executing a two-phase workflow that first collects naming violations and then applies corrections to align with established project standards.

Does this file restructuring workflow work with TypeScript projects?▼

Yes, the file restructuring workflow supports React and TypeScript projects by identifying naming inconsistencies and applying kebab-case conventions to standardize the codebase.

Why do file and folder naming inconsistencies cause issues in large React applications?▼

File and folder naming inconsistencies cause drift and confusion in large React applications, making it difficult for teams to navigate the codebase and maintain consistent project standards.

Related Skills

Explore More Software Engineering Skills→
kensauruskensaurus
8

codebase-coherency

Audit codebases for naming, organization, and architectural pattern consistency.

Community
Advanced
motormetricsmotormetrics
21

component-naming

Enforce PascalCase and domain+role naming for React components.

Official
Intermediate
ahandselahandsel
1

file-folder-name-linter

Validate repository file and folder names against kebab-case and extension standards.

Community
Intermediate
onbjergonbjerg
4

rust

Format and lint Rust code with cargo fmt and cargo clippy.

Community
Intermediate