Back to Skills

project-structure

KubrickCode
Updated Today
123 views
1
1
View on GitHub
Developmentreact

About

This skill provides standardized project structure templates for various project types including monorepos, NestJS, React, Go, and NPM packages. It ensures scalable architecture with clear module separation, consistent naming conventions, and organized file placement strategies. Use it when designing new project structures, setting up folder hierarchies, or establishing directory naming conventions.

Quick Install

Claude Code

Recommended
Plugin CommandRecommended
/plugin add https://github.com/KubrickCode/ai-config-toolkit
Git CloneAlternative
git clone https://github.com/KubrickCode/ai-config-toolkit.git ~/.claude/skills/project-structure

Copy and paste this command in Claude Code to install this skill

Documentation

Project Structure Guide

모노레포

project-root/
├── src/                         # 모든 서비스/앱
├── infra/                       # 통합 인프라
├── docs/                        # 문서
├── .devcontainer/               # Dev Container 설정
├── .github/                     # 워크플로우, 템플릿
├── .vscode/                     # VSCode 설정
├── .claude/                     # Claude 설정
├── .gemini/                     # Gemini 설정
├── package.json                 # 루트 package.json. 릴리즈, 버전 관리용
├── go.work                      # Go 워크스페이스 (go 사용 시)
├── justfile                     # Just 태스크 러너
├── .gitignore
├── .prettierrc
├── .prettierignore
└── README.md

NestJS

project-root/
├── src/
│   ├── domains/
│   ├── common/
│   ├── config/
│   ├── database/
│   ├── app.module.ts
│   └── main.ts
├── tests/
├── package.json
└── tsconfig.json

React

project-root/
├── src/
│   ├── pages/              # 페이지별 모듈
│   ├── domains/            # 도메인 공용 코드
│   ├── components/         # 공용 UI 컴포넌트
│   ├── layouts/            # 레이아웃 관련
│   ├── libs/               # 기능 라이브러리 (auth, api, theme)
│   ├── shared/             # 순수 유틸리티
│   ├── app.tsx
│   └── main.tsx
├── public/
├── package.json
├── vite.config.ts
└── tsconfig.json

Next.js

project-root/
├── app/
│   ├── (routes)/           # 페이지 (route groups)
│   ├── actions/            # Server Actions (내부 변경)
│   └── api/                # API Routes (외부 통합 전용)
├── components/             # 공유 컴포넌트
├── lib/                    # 유틸리티 및 클라이언트
├── public/                 # 정적 에셋
├── middleware.ts           # Edge/Node.js 미들웨어
├── next.config.js
├── package.json
└── tsconfig.json

Go

project-root/
├── cmd/                    # 실행 진입점 (main.go)
├── internal/               # 비공개 패키지
├── pkg/                    # 공개 패키지
├── configs/                # 설정 파일
├── scripts/                # 유틸리티 스크립트
├── tests/                  # 통합 테스트
├── docs/                   # 문서
├── go.mod
└── go.sum

NPM

project-root/
├── cli/                        # CLI 실행 진입점
├── internal/                   # 비공개 패키지
├── pkg/                        # 공개 패키지
├── configs/                    # 설정 파일
├── scripts/                    # 유틸리티 스크립트
├── tests/                      # 통합 테스트
├── docs/                       # 문서
├── dist/                       # 빌드 결과물
├── package.json
├── tsconfig.json
└── README.md

IDE Extension

project-root/
├── extension/                   # Extension 진입점 (activate/deactivate)
├── internal/                    # 비공개 패키지
├── pkg/                         # 공개 패키지
├── view/                        # WebView (있을 경우)
├── configs/                     # 설정 파일
├── scripts/                     # 유틸리티 스크립트
├── tests/                       # 통합 테스트
├── public/                      # 정적 리소스 (아이콘 등)
├── dist/                        # 빌드 결과물
├── package.json
├── tsconfig.json
└── .vscodeignore

Chrome Extension

project-root/
├── background/                  # Service Worker (Background Script)
├── content/                     # Content Scripts
├── popup/                       # Popup (Extension UI)
├── internal/                    # 비공개 패키지
├── pkg/                         # 공개 패키지
├── configs/                     # 설정 파일
├── scripts/                     # 유틸리티 스크립트
├── tests/                       # 통합 테스트
├── public/                      # 정적 리소스
├── dist/                        # 빌드 결과물
├── package.json
└── tsconfig.json

GitHub Repository

KubrickCode/ai-config-toolkit
Path: .claude.kr/skills/project-structure

Related Skills

content-collections

Meta

This skill provides a production-tested setup for Content Collections, a TypeScript-first tool that transforms Markdown/MDX files into type-safe data collections with Zod validation. Use it when building blogs, documentation sites, or content-heavy Vite + React applications to ensure type safety and automatic content validation. It covers everything from Vite plugin configuration and MDX compilation to deployment optimization and schema validation.

View skill

langchain

Meta

LangChain is a framework for building LLM applications using agents, chains, and RAG pipelines. It supports multiple LLM providers, offers 500+ integrations, and includes features like tool calling and memory management. Use it for rapid prototyping and deploying production systems like chatbots, autonomous agents, and question-answering services.

View skill

cloudflare-turnstile

Meta

This skill provides comprehensive guidance for implementing Cloudflare Turnstile as a CAPTCHA-alternative bot protection system. It covers integration for forms, login pages, API endpoints, and frameworks like React/Next.js/Hono, while handling invisible challenges that maintain user experience. Use it when migrating from reCAPTCHA, debugging error codes, or implementing token validation and E2E tests.

View skill

project-structure

Meta

This skill provides comprehensive project structure guidelines and best practices for organizing codebases across various project types. It offers standardized directory patterns for monorepos, web frameworks, backend services, and libraries to ensure scalable, maintainable architecture. Use it when designing new project structures, organizing monorepo workspaces, or establishing code organization conventions for teams.

View skill