@mandujs/cli 0.18.10 → 0.19.1

package/README.ko.md

@@ -23,22 +23,30 @@ bun add -D @mandujs/cli
 ## 빠른 시작
 
 ```bash
-# 새 프로젝트 생성
-bunx @mandujs/cli init my-app
-cd my-app
+# 대화형 모드 (권장)
+bunx @mandujs/cli init
+
+# 비대화형 모드
+bunx @mandujs/cli init my-app --yes
 
 # 개발 서버 시작
+cd my-app
 bun run dev
 ```
 
+대화형 모드에서는 프로젝트 이름, 템플릿, 의존성 설치 여부를 묻습니다.
+`--yes` / `-y` 플래그로 프롬프트를 건너뛸 수 있고, `--no-install`로 자동 설치를 비활성화합니다.
+
 ## 명령어
 
-### `mandu init <project-name>`
+### `mandu init [project-name]`
 
-새 Mandu 프로젝트를 생성합니다.
+새 Mandu 프로젝트를 생성합니다. 이름 생략 시 대화형 모드로 진입합니다.
 
 ```bash
-bunx @mandujs/cli init my-app
+bunx @mandujs/cli init           # 대화형
+bunx @mandujs/cli init my-app    # 비대화형 (기본 옵션)
+bunx @mandujs/cli init my-app --yes --no-install  # 설치 건너뛰기
 ```
 
 생성되는 구조:
@@ -220,6 +228,18 @@ bun test           # 테스트 실행
 bun test --watch   # 감시 모드
 ```
 
+## AI 에이전트 통합
+
+`mandu init` 시 MCP(Model Context Protocol) 설정이 자동 생성됩니다:
+
+| 에이전트 | 설정 파일 | 자동 설정 |
+|----------|-----------|-----------|
+| Claude Code | `.mcp.json` | Yes |
+| Claude Desktop | `.claude.json` | Yes |
+| Gemini CLI | `.gemini/settings.json` | Yes |
+
+`@mandujs/mcp` 서버가 `mandu_negotiate`, `mandu_generate_scaffold`, `mandu_guard` 등의 도구를 제공하여 AI 에이전트가 아키텍처를 자동으로 스캐폴딩, 검증, 유지합니다.
+
 ## 요구 사항
 
 - Bun >= 1.0.0
@@ -228,6 +248,7 @@ bun test --watch   # 감시 모드
 ## 관련 패키지
 
 - [@mandujs/core](https://www.npmjs.com/package/@mandujs/core) - 핵심 런타임
+- [@mandujs/mcp](https://www.npmjs.com/package/@mandujs/mcp) - MCP 서버
 
 ## 라이선스
 

package/README.md

@@ -30,11 +30,15 @@ bunx @mandujs/cli init my-app
 ### 1. Create a New Project
 
 ```bash
-bunx @mandujs/cli init my-app
-cd my-app
-bun install
+# Interactive mode (recommended)
+bunx @mandujs/cli init
+
+# Non-interactive mode
+bunx @mandujs/cli init my-app --yes
 ```
 
+The interactive mode asks for project name, template selection, and whether to install dependencies. Use `--yes` / `-y` to skip prompts. Use `--no-install` to skip automatic `bun install`.
+
 ### 2. Start Development Server
 
 ```bash
@@ -101,7 +105,7 @@ That's it!
 
 | Command | Description |
 |---------|-------------|
-| `mandu init [name]` | Create new project |
+| `mandu init [name]` | Create new project (interactive / `--yes` for non-interactive) |
 | `mandu dev` | Start dev server (FS Routes + HMR) |
 | `mandu build` | Build for production |
 
@@ -162,9 +166,8 @@ That's it!
 ### Modern Workflow (Recommended)
 
 ```bash
-# 1. Create project
-bunx @mandujs/cli init my-app
-cd my-app && bun install
+# 1. Create project (interactive — auto installs dependencies)
+bunx @mandujs/cli init
 
 # 2. Create pages
 # app/page.tsx        → /
@@ -340,6 +343,18 @@ bunx mandu build --minify --sourcemap
 
 ---
 
+## AI Agent Integration
+
+Mandu automatically configures MCP (Model Context Protocol) for AI coding agents during `init`:
+
+| Agent | Config File | Auto-configured |
+|-------|-------------|-----------------|
+| Claude Code | `.mcp.json` | Yes |
+| Claude Desktop | `.claude.json` | Yes |
+| Gemini CLI | `.gemini/settings.json` | Yes |
+
+The `@mandujs/mcp` server provides tools like `mandu_negotiate`, `mandu_generate_scaffold`, `mandu_guard`, and more — enabling AI agents to scaffold, validate, and maintain architecture automatically.
+
 ## Requirements
 
 - Bun >= 1.0.0
@@ -351,4 +366,4 @@ bunx mandu build --minify --sourcemap
 
 ## License
 
-MIT
+MPL-2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mandujs/cli",
-  "version": "0.18.10",
+  "version": "0.19.1",
   "description": "Agent-Native Fullstack Framework - 에이전트가 코딩해도 아키텍처가 무너지지 않는 개발 OS",
   "type": "module",
   "main": "./src/main.ts",

package/src/commands/init.ts

@@ -1,6 +1,9 @@
 import path from "path";
 import fs from "fs/promises";
+import { createInterface } from "readline/promises";
 import { CLI_ERROR_CODES, printCLIError } from "../errors";
+import { startSpinner, runSteps } from "../terminal/progress";
+import { theme } from "../terminal/theme";
 import {
   generateLockfile,
   writeLockfile,
@@ -18,6 +21,8 @@ export interface InitOptions {
   theme?: boolean;
   minimal?: boolean;
   withCi?: boolean;
+  yes?: boolean;
+  noInstall?: boolean;
 }
 
 const ALLOWED_TEMPLATES = ["default", "realtime-chat"] as const;
@@ -199,9 +204,78 @@ async function resolvePackageVersions(): Promise<{ coreVersion: string; cliVersi
   };
 }
 
+interface InteractiveAnswers {
+  name: string;
+  template: AllowedTemplate;
+  install: boolean;
+}
+
+async function runInteractivePrompts(defaults: {
+  name: string;
+  template: string;
+}): Promise<InteractiveAnswers> {
+  const rl = createInterface({
+    input: process.stdin,
+    output: process.stdout,
+  });
+
+  console.log(`\n${theme.heading("🥟 Mandu Init")}\n`);
+
+  // 1. Project name
+  const nameInput = await rl.question(
+    `  프로젝트 이름 ${theme.muted(`(${defaults.name})`)} : `
+  );
+  const name = nameInput.trim() || defaults.name;
+
+  // 2. Template selection
+  console.log(`\n  템플릿 선택:`);
+  for (let i = 0; i < ALLOWED_TEMPLATES.length; i++) {
+    const t = ALLOWED_TEMPLATES[i];
+    const label = t === "default" ? "default (권장)" : t;
+    console.log(`    ${theme.accent(`${i + 1})`)} ${label}`);
+  }
+  const templateInput = await rl.question(
+    `\n  번호 입력 ${theme.muted("(1)")} : `
+  );
+  const templateIndex = parseInt(templateInput.trim(), 10) - 1;
+  const template: AllowedTemplate =
+    templateIndex >= 0 && templateIndex < ALLOWED_TEMPLATES.length
+      ? ALLOWED_TEMPLATES[templateIndex]
+      : (resolveTemplateName(defaults.template) as AllowedTemplate) ?? "default";
+
+  // 3. Install dependencies?
+  const installInput = await rl.question(
+    `\n  의존성 설치 (bun install)? ${theme.muted("(Y/n)")} : `
+  );
+  const install = installInput.trim().toLowerCase() !== "n";
+
+  rl.close();
+  console.log();
+
+  return { name, template, install };
+}
+
 export async function init(options: InitOptions = {}): Promise<boolean> {
-  const projectName = options.name || "my-mandu-app";
-  const requestedTemplate = options.template || "default";
+  const isInteractive = process.stdin.isTTY && !options.yes;
+
+  let projectName: string;
+  let requestedTemplate: string;
+  let shouldInstall: boolean;
+
+  if (isInteractive) {
+    const answers = await runInteractivePrompts({
+      name: options.name || "my-mandu-app",
+      template: options.template || "default",
+    });
+    projectName = answers.name;
+    requestedTemplate = answers.template;
+    shouldInstall = options.noInstall ? false : answers.install;
+  } else {
+    projectName = options.name || "my-mandu-app";
+    requestedTemplate = options.template || "default";
+    shouldInstall = !options.noInstall;
+  }
+
   const template = resolveTemplateName(requestedTemplate);
   const targetDir = path.resolve(process.cwd(), projectName);
 
@@ -214,19 +288,19 @@ export async function init(options: InitOptions = {}): Promise<boolean> {
   // Handle minimal flag (shortcut for --css none --ui none)
   const css: CSSFramework = options.minimal ? "none" : (options.css || "tailwind");
   const ui: UILibrary = options.minimal ? "none" : (options.ui || "shadcn");
-  const theme = options.theme || false;
+  const themeEnabled = options.theme || false;
   const withCi = options.withCi || false;
 
-  console.log(`🥟 Mandu Init`);
-  console.log(`📁 프로젝트: ${projectName}`);
-  console.log(`📦 템플릿: ${template}`);
-  console.log(`🎨 CSS: ${css}${css !== "none" ? " (Tailwind CSS)" : ""}`);
-  console.log(`🧩 UI: ${ui}${ui !== "none" ? " (shadcn/ui)" : ""}`);
-  if (theme) {
-    console.log(`🌙 테마: Dark mode 지원`);
+  console.log(`${theme.heading("🥟 Mandu Init")}`);
+  console.log(`${theme.info("📁")} 프로젝트: ${theme.accent(projectName)}`);
+  console.log(`${theme.info("📦")} 템플릿: ${theme.accent(template)}`);
+  console.log(`${theme.info("🎨")} CSS: ${css}${css !== "none" ? " (Tailwind CSS)" : ""}`);
+  console.log(`${theme.info("🧩")} UI: ${ui}${ui !== "none" ? " (shadcn/ui)" : ""}`);
+  if (themeEnabled) {
+    console.log(`${theme.info("🌙")} 테마: Dark mode 지원`);
   }
   if (withCi) {
-    console.log(`🔄 CI/CD: GitHub Actions 워크플로우 포함`);
+    console.log(`${theme.info("🔄")} CI/CD: GitHub Actions 워크플로우 포함`);
   }
   console.log();
 
@@ -251,64 +325,119 @@ export async function init(options: InitOptions = {}): Promise<boolean> {
     return false;
   }
 
-  console.log(`📋 템플릿 복사 중...`);
-
   const { coreVersion, cliVersion } = await resolvePackageVersions();
 
   const copyOptions: CopyOptions = {
     projectName,
     css,
     ui,
-    theme,
+    theme: themeEnabled,
     coreVersion,
     cliVersion,
   };
 
+  // Run structured steps with progress
+  let mcpResult: McpConfigResult;
+  let lockfileResult: LockfileResult;
+
   try {
-    await copyDir(templateDir, targetDir, copyOptions);
+    await runSteps([
+      {
+        label: "디렉토리 생성",
+        fn: async () => {
+          await fs.mkdir(targetDir, { recursive: true });
+          await fs.mkdir(path.join(targetDir, ".mandu/client"), { recursive: true });
+        },
+      },
+      {
+        label: "템플릿 복사",
+        fn: () => copyDir(templateDir, targetDir, copyOptions),
+      },
+      {
+        label: "설정 파일 생성",
+        fn: async () => {
+          if (withCi) {
+            await setupCiWorkflows(targetDir);
+          }
+          if (css === "none") {
+            await createMinimalLayout(targetDir, projectName);
+          }
+          if (ui === "none") {
+            await createMinimalPage(targetDir);
+          }
+          if (css === "none" || ui === "none") {
+            await updatePackageJson(targetDir, css, ui);
+          }
+        },
+      },
+      {
+        label: "MCP 설정",
+        fn: async () => {
+          mcpResult = await setupMcpConfig(targetDir);
+        },
+      },
+      {
+        label: "Lockfile 생성",
+        fn: async () => {
+          lockfileResult = await setupLockfile(targetDir);
+        },
+      },
+    ]);
   } catch (error) {
-    console.error(`❌ 템플릿 복사 실패:`, error);
+    console.error(`\n${theme.error("❌")} 프로젝트 생성 실패:`, error);
     return false;
   }
 
-  // Create .mandu directory for build output
-  await fs.mkdir(path.join(targetDir, ".mandu/client"), { recursive: true });
-
-  // Setup CI/CD workflows if requested
-  if (withCi) {
-    await setupCiWorkflows(targetDir);
+  // Validate project files
+  const requiredFiles = ["app/page.tsx", "package.json", "tsconfig.json"];
+  const missingFiles: string[] = [];
+  for (const file of requiredFiles) {
+    try {
+      await fs.access(path.join(targetDir, file));
+    } catch {
+      missingFiles.push(file);
+    }
   }
-
-  // Create minimal layout.tsx if css=none (without globals.css import)
-  if (css === "none") {
-    await createMinimalLayout(targetDir, projectName);
+  if (missingFiles.length > 0) {
+    console.log(`\n${theme.warn("⚠")} 누락된 파일: ${missingFiles.join(", ")}`);
   }
 
-  // Create minimal page.tsx if ui=none (without UI components)
-  if (ui === "none") {
-    await createMinimalPage(targetDir);
+  // Auto install dependencies
+  if (shouldInstall) {
+    const stopSpinner = startSpinner("패키지 설치 중 (bun install)...");
+    try {
+      const proc = Bun.spawn(["bun", "install"], {
+        cwd: targetDir,
+        stdout: "inherit",
+        stderr: "inherit",
+      });
+      const exitCode = await proc.exited;
+      if (exitCode === 0) {
+        stopSpinner("패키지 설치 완료");
+      } else {
+        stopSpinner();
+        console.log(`${theme.warn("⚠")} 패키지 설치 실패 (exit code: ${exitCode})`);
+        console.log(`   ${theme.muted("프로젝트 디렉토리에서 직접 'bun install'을 실행해주세요.")}`);
+      }
+    } catch {
+      stopSpinner();
+      console.log(`${theme.warn("⚠")} 패키지 설치를 건너뛰었습니다.`);
+      console.log(`   ${theme.muted("프로젝트 디렉토리에서 직접 'bun install'을 실행해주세요.")}`);
+    }
   }
 
-  // Update package.json to remove unused dependencies
-  if (css === "none" || ui === "none") {
-    await updatePackageJson(targetDir, css, ui);
+  // Success message
+  console.log(`\n${theme.success("✅")} ${theme.heading("프로젝트 생성 완료!")}\n`);
+  console.log(`📍 위치: ${theme.path(targetDir)}`);
+  console.log(`\n${theme.heading("🚀 시작하기:")}`);
+  console.log(`   ${theme.command(`cd ${projectName}`)}`);
+  if (!shouldInstall) {
+    console.log(`   ${theme.command("bun install")}`);
   }
-
-  // Setup .mcp.json for AI agent integration
-  const mcpResult = await setupMcpConfig(targetDir);
-
-  // Generate initial lockfile for config integrity
-  const lockfileResult = await setupLockfile(targetDir);
-
-  console.log(`\n✅ 프로젝트 생성 완료!\n`);
-  console.log(`📍 위치: ${targetDir}`);
-  console.log(`\n🚀 시작하기:`);
-  console.log(`   cd ${projectName}`);
-  console.log(`   bun install`);
-  console.log(`   bun run dev`);
+  console.log(`   ${theme.command("bun run dev")}`);
   console.log(`\n💡 CLI 실행 참고 (환경별):`);
-  console.log(`   bun run dev        # 권장 (로컬 스크립트)`);
-  console.log(`   bunx mandu dev     # PATH에 mandu가 없을 때 대안`);
+  console.log(`   ${theme.command("bun run dev")}        ${theme.muted("# 권장 (로컬 스크립트)")}`);
+  console.log(`   ${theme.command("bunx mandu dev")}     ${theme.muted("# PATH에 mandu가 없을 때 대안")}`);
   console.log(`\n📂 파일 구조:`);
   console.log(`   app/layout.tsx    → 루트 레이아웃`);
   console.log(`   app/page.tsx      → http://localhost:3000/`);
@@ -331,15 +460,16 @@ export async function init(options: InitOptions = {}): Promise<boolean> {
 
   // MCP 설정 안내
   console.log(`\n🤖 AI 에이전트 통합:`);
-  logMcpConfigStatus(".mcp.json", mcpResult.mcpJson, "Claude Code 자동 연결");
-  logMcpConfigStatus(".claude.json", mcpResult.claudeJson, "Claude MCP 로컬 범위");
+  logMcpConfigStatus(".mcp.json", mcpResult!.mcpJson, "Claude Code 자동 연결");
+  logMcpConfigStatus(".claude.json", mcpResult!.claudeJson, "Claude MCP 로컬 범위");
+  logMcpConfigStatus(".gemini/settings.json", mcpResult!.geminiJson, "Gemini CLI 자동 연결");
   console.log(`   AGENTS.md → 에이전트 가이드 (Bun 사용 명시)`);
 
   // Lockfile 안내
   console.log(`\n🔒 설정 무결성:`);
-  if (lockfileResult.success) {
+  if (lockfileResult!.success) {
     console.log(`   ${LOCKFILE_PATH} 생성됨`);
-    console.log(`   해시: ${lockfileResult.hash}`);
+    console.log(`   해시: ${lockfileResult!.hash}`);
   } else {
     console.log(`   Lockfile 생성 건너뜀 (설정 없음)`);
   }
@@ -347,9 +477,12 @@ export async function init(options: InitOptions = {}): Promise<boolean> {
   return true;
 }
 
-async function createMinimalLayout(targetDir: string, projectName: string): Promise<void> {
+async function createMinimalLayout(targetDir: string, _projectName: string): Promise<void> {
   const layoutContent = `/**
  * Root Layout (Minimal)
+ *
+ * - html/head/body 태그는 Mandu SSR이 자동으로 생성합니다
+ * - 여기서는 body 내부의 공통 래퍼만 정의합니다
  */
 
 interface RootLayoutProps {
@@ -358,16 +491,9 @@ interface RootLayoutProps {
 
 export default function RootLayout({ children }: RootLayoutProps) {
   return (
-    <html lang="ko">
-      <head>
-        <meta charSet="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>${projectName}</title>
-      </head>
-      <body>
-        {children}
-      </body>
-    </html>
+    <div className="min-h-screen">
+      {children}
+    </div>
   );
 }
 `;
@@ -458,6 +584,7 @@ interface McpConfigFileResult {
 interface McpConfigResult {
   mcpJson: McpConfigFileResult;
   claudeJson: McpConfigFileResult;
+  geminiJson: McpConfigFileResult;
 }
 
 function logMcpConfigStatus(
@@ -494,7 +621,7 @@ function logMcpConfigStatus(
 }
 
 /**
- * .mcp.json / .claude.json 설정 (AI 에이전트 통합)
+ * .mcp.json / .claude.json / .gemini/settings.json 설정 (AI 에이전트 통합)
  * - 파일 없으면 새로 생성
  * - 파일 있으면 mandu 서버만 추가/업데이트 (다른 설정 유지)
  */
@@ -512,6 +639,8 @@ async function setupMcpConfig(
 ): Promise<McpConfigResult> {
   const mcpPath = path.join(targetDir, ".mcp.json");
   const claudePath = path.join(targetDir, ".claude.json");
+  const geminiDir = path.join(targetDir, ".gemini");
+  const geminiPath = path.join(geminiDir, "settings.json");
 
   const manduServer = {
     command: "bunx",
@@ -601,7 +730,11 @@ async function setupMcpConfig(
   const mcpJson = await updateMcpFile(mcpPath);
   const claudeJson = await updateMcpFile(claudePath);
 
-  return { mcpJson, claudeJson };
+  // Gemini CLI: .gemini/settings.json (프로젝트 스코프)
+  await fs.mkdir(geminiDir, { recursive: true });
+  const geminiJson = await updateMcpFile(geminiPath);
+
+  return { mcpJson, claudeJson, geminiJson };
 }
 
 interface LockfileResult {

package/src/commands/registry.ts

@@ -95,6 +95,8 @@ registerCommand({
       theme: ctx.options.theme === "true",
       minimal: ctx.options.minimal === "true",
       withCi: ctx.options["with-ci"] === "true",
+      yes: ctx.options.yes === "true",
+      noInstall: ctx.options["no-install"] === "true",
     });
   },
 });

package/src/main.ts

@@ -20,7 +20,7 @@ ${theme.heading("🥟 Mandu CLI")} ${theme.muted(`v${VERSION}`)} - Agent-Native
 ${theme.heading("Usage:")} ${theme.command("bunx mandu")} ${theme.option("<command>")} [options]
 
 Commands:
-  init                    새 프로젝트 생성 (Tailwind + shadcn/ui 기본 포함)
+  init                    새 프로젝트 생성 (대화형 / --yes로 비대화형)
   check                   FS Routes + Guard 통합 검사
   routes generate         FS Routes 스캔 및 매니페스트 생성
   routes list             현재 라우트 목록 출력
@@ -76,6 +76,8 @@ Options:
   --theme             init 시 다크모드 테마 시스템 추가
   --minimal           init 시 CSS/UI 없이 최소 템플릿 생성 (--css none --ui none)
   --with-ci           init 시 GitHub Actions CI/CD 워크플로우 포함 (ATE E2E 테스트)
+  --yes, -y             init 시 대화형 프롬프트 건너뛰기 (기존 비대화형 동작)
+  --no-install          init 시 패키지 설치 건너뛰기
   --file <path>       spec-upsert spec 파일/monitor 로그 파일 경로
   --watch             build/guard arch 파일 감시 모드
   --output <path>     routes/openapi/doctor/contract/guard 출력 경로
@@ -173,6 +175,7 @@ export function parseArgs(args: string[]): { command: string; options: Record<st
     q: "quiet",
     v: "verify",
     d: "diff",
+    y: "yes",
   };
 
   for (let i = 0; i < args.length; i++) {

package/templates/default/AGENTS.md

@@ -101,6 +101,19 @@ bun run build   # 프로덕션 빌드
 bun run guard   # 아키텍처 검증
 ```
 
+## AI 에이전트 MCP 설정
+
+이 프로젝트는 `@mandujs/mcp` MCP 서버를 통해 AI 에이전트와 통합됩니다.
+`mandu init` 시 자동으로 설정 파일이 생성됩니다:
+
+| 에이전트 | 설정 파일 | 비고 |
+|----------|-----------|------|
+| Claude Code | `.mcp.json` | 자동 연결 |
+| Claude Desktop | `.claude.json` | 로컬 범위 |
+| Gemini CLI | `.gemini/settings.json` | 자동 연결 |
+
+MCP 서버가 제공하는 도구: `mandu_negotiate`, `mandu_generate_scaffold`, `mandu_guard` 등
+
 ## 기술 스택
 
 - **Runtime**: Bun 1.x

package/templates/realtime-chat/AGENTS.md

@@ -83,11 +83,24 @@ import { Button } from "@/client/shared/ui/button";
 
 ```bash
 bun install     # 최초 설치
-bun run dev     # 개발 서버 (http://localhost:4000)
+bun run dev     # 개발 서버 (http://localhost:3333)
 bun run build   # 프로덕션 빌드
 bun run guard   # 아키텍처 검증
 ```
 
+## AI 에이전트 MCP 설정
+
+이 프로젝트는 `@mandujs/mcp` MCP 서버를 통해 AI 에이전트와 통합됩니다.
+`mandu init` 시 자동으로 설정 파일이 생성됩니다:
+
+| 에이전트 | 설정 파일 | 비고 |
+|----------|-----------|------|
+| Claude Code | `.mcp.json` | 자동 연결 |
+| Claude Desktop | `.claude.json` | 로컬 범위 |
+| Gemini CLI | `.gemini/settings.json` | 자동 연결 |
+
+MCP 서버가 제공하는 도구: `mandu_negotiate`, `mandu_generate_scaffold`, `mandu_guard` 등
+
 ## 기술 스택
 
 - **Runtime**: Bun 1.x

package/templates/realtime-chat/app/layout.tsx

@@ -2,26 +2,19 @@
  * Root Layout
  *
  * 모든 페이지의 공통 레이아웃
- * globals.css를 여기서 임포트
+ * - html/head/body 태그는 Mandu SSR이 자동으로 생성합니다
+ * - 여기서는 body 내부의 공통 래퍼만 정의합니다
+ * - CSS는 Mandu가 자동으로 주입합니다: /.mandu/client/globals.css
  */
 
-import "./globals.css";
-
 interface RootLayoutProps {
   children: React.ReactNode;
 }
 
 export default function RootLayout({ children }: RootLayoutProps) {
   return (
-    <html lang="ko">
-      <head>
-        <meta charSet="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>{{PROJECT_NAME}}</title>
-      </head>
-      <body className="min-h-screen bg-background font-sans antialiased">
-        {children}
-      </body>
-    </html>
+    <div className="min-h-screen bg-background font-sans antialiased">
+      {children}
+    </div>
   );
 }