Does it support Next.js specific project structures?

Yes, it includes built-in presets for Next.js layer aliases, mapping 'app' to 'core' and 'pages' to 'views' automatically.

Can I customize the source directory it analyzes?

Yes, you can specify the source path as a parameter or define it within the .fsd-architect.json configuration file.

What naming conventions does the tool recognize?

The skill automatically detects and categorizes kebab-case, camelCase, and PascalCase naming patterns across your slices.

What happens if my project doesn't fully follow FSD yet?

The detector will identify which layers exist and mark missing ones as 'not found,' providing a clear gap analysis for incremental migration.

FSD Layer Detector

Name: FSD Layer Detector
Author: jhlee0409

byjhlee0409

•

Developer Tools

Analyzes and maps project directory structures following the Feature-Sliced Design (FSD) architectural methodology.

The Layer Detector skill automates the discovery and analysis of your project's architecture based on Feature-Sliced Design (FSD) principles. It scans source directories to identify standard layers like entities, features, and widgets, detects internal slices and segments, and evaluates naming conventions and public API patterns. Whether you are migrating to FSD or maintaining a large-scale frontend application, this tool provides a clear map of your codebase's architectural health and consistency, supporting both standard FSD and Next.js specific configurations.

Key Features

01Automated naming convention detection for kebab-case, camelCase, and PascalCase

02Automatic detection of standard FSD layers including app, pages, widgets, features, entities, and shared

03Granular slice and segment analysis within each architectural layer

04Built-in support for Next.js layer aliases such as 'core' and 'views'

05Verification of Public API entry points and barrel export patterns

062 GitHub stars

Use Cases

01Identifying missing public APIs or inconsistent segment naming across large-scale frontend projects

02Onboarding new developers by generating a structural map of the project's features and entities

03Auditing an existing codebase for FSD architectural compliance and consistency

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jhlee0409/claude-plugins layer-detector

For use in Claude.ai and ChatGPT

Download Skill