file-naming

The final result is a function of the initial conditions and the decisions made along the way.

3|1|Updated Mar 29, 2026
One-click install
npx skills add https://github.com/ncaq/konoka --skill file-naming-ncaq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: file-naming
Source: https://github.com/ncaq/konoka/tree/main/plugins/web-tasuke/skills/file-naming
Command: npx skills add https://github.com/ncaq/konoka --skill file-naming-ncaq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent file and directory naming in TypeScript and JavaScript projects creates confusion, slows onboarding, and hinders maintainability.

Core Features & Use Cases

  • Provides clear guidelines to use kebab-case for files and directories by default, reducing case-related issues across platforms.
  • Clarifies when PascalCase is appropriate for React component filenames (exported components) and when kebab-case should be kept for consistency.
  • Recommends camelCase for React hooks and other module names to align with common JavaScript conventions, while allowing project-specific variations.
  • Supports a mindset of cross-project consistency, offering a straightforward baseline that teams can adopt and gradually harmonize with existing codebases.

Quick Start

Start by applying kebab-case for new files and directories, use PascalCase for exported React component filenames when appropriate, and adopt camelCase for hooks to align with common patterns.

Frequently Asked Questions about file-naming

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

FAQPage Schema
What is the best way to enforce consistent file naming in a TypeScript project?

The best way to enforce consistent file naming is to apply kebab-case for files and directories by default, while using PascalCase for exported React component filenames and camelCase for hooks to align with common JavaScript conventions.

Should React component filenames use PascalCase or kebab-case?

React component filenames should use PascalCase for exported components to match the component name, while kebab-case should be kept for other files to maintain consistency across the project structure and reduce case-related issues across platforms.

How do I name React hooks files in a JavaScript project?

To name React hooks files in a JavaScript project, use camelCase to align with common JavaScript conventions, while allowing for project-specific variations if existing codebases require a different approach.

Can I apply kebab-case to existing directories without breaking imports?

Yes, you can apply kebab-case to existing directories by adopting a straightforward baseline and gradually harmonizing the project structure, which accommodates existing conventions while reducing case-related issues across platforms.

Why does inconsistent file naming slow down onboarding in JavaScript projects?

Inconsistent file naming in JavaScript projects slows onboarding and hinders maintainability because varying cases across files and directories create confusion, making it difficult for new developers to locate modules and understand project structure.