folder-structure

Organize frontend folders using domain-first and fractal architecture.

8|2|Updated Nov 1, 2023

Search Tags:#ddd #domain-driven-design #folder-structure #frontend-architecture #fractal-architecture #import-guidelines

Ready to run

npx skills add https://github.com/Let-s-intern/lets-intern-client --skill folder-structure

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: folder-structure
Source: https://github.com/Let-s-intern/lets-intern-client/tree/main/.claude/skills/folder-structure
Command: npx skills add https://github.com/Let-s-intern/lets-intern-client --skill folder-structure

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

렛츠커리어 프런트엔드 프로젝트에서 폴더 구조의 체계를 확립하고 유지보수성을 높이기 위해 자동 활성화를 제공한다. 도메인 우선(DDD)과 프랙탈 아키텍처 원칙을 적용해 파일 위치 결정, import 구조 설계, 계층 간 의존성 관리 등을 안내한다.

Core Features & Use Cases

도메인 우선 구조 도입: src 폴더를 도메인별로 분리하고 각 도메인에 ui/ hooks/ types/ utils/ 등 레이어를 명시적으로 구성한다.
프랙탈 재귀 적용: 도메인이 복잡해지면 하위 도메인을 만들어 동일한 패턴을 재현한다.
독립 삭제 가능: 도메인 폴더를 독립적으로 삭제해도 타 영역에 영향이 없도록 설계한다.
자동 활성화 가이드: 새 파일이나 컴포넌트를 만들 때 자동으로 적용되도록 문서를 명시한다.

Quick Start

새 파일이나 컴포넌트를 만들 때 도메인 우선 구조와 프랙탈 재귀 원칙에 따라 폴더 구조를 구성하라.

Frequently Asked Questions about folder-structure

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

FAQPage Schema

How do I organize a frontend folder structure using domain-driven design?▼

Organize frontend folder structure using domain-driven design by separating the src directory into domain folders, each containing explicit ui, hooks, types, and utils layers for clear domain separation and maintainability.

What is fractal architecture in frontend projects?▼

Fractal architecture in frontend projects is a recursive folder structure pattern where complex domains create sub-domains that replicate the same ui, hooks, types, and utils layers to maintain consistent scalability.

How do I manage import guidelines and dependencies across domain folders?▼

Manage import guidelines and dependencies by designing independent domain folders that can be safely deleted without impacting other areas, ensuring strict layer separation and controlled cross-domain imports.

When should I apply a domain-first folder structure to my frontend architecture?▼

Apply a domain-first folder structure to frontend architecture when teams need clear domain separation, layered structure management, and recursive sub-domain expansion to handle growing project complexity.

How do I structure a new component file in a domain-first architecture?▼

Structure a new component file in a domain-first architecture by placing it inside the appropriate domain folder and assigning it to the correct layer, such as ui or hooks, following fractal recursion rules.