Menu
Mandu 피처 생성. 페이지/API/Island 스캐폴딩. '만들어줘', 'create', 'add page' 시 자동 호출
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Canonical Mandu agent workflow. Use first in Mandu projects before direct source edits so Codex, Claude Code, Gemini CLI, and other agents follow the same context -> plan -> apply -> verify -> repair loop.
React composition patterns for Mandu applications. Use when designing Island components, managing shared state, or building reusable component APIs. Triggers on compound components, context providers, boolean props, or component architecture tasks.
Production deployment patterns for Mandu applications
File-system based routing for Mandu. Use when creating pages, API routes, layouts, or dynamic routes. Triggers on tasks involving app/ folder, page.tsx, route.ts, layout.tsx, [id], [...slug], or URL patterns.
Architecture guard system for Mandu. Use when checking layer dependencies, enforcing architecture rules, or validating file locations. Triggers on tasks involving architecture, layers, dependencies, or guard commands.
Island Hydration pattern for Mandu. Use when creating interactive components, client-side state, or partial hydration. Triggers on tasks involving "use client", client.tsx, useState, useEffect, Island, or hydration.
| name | mandu-create-feature |
| description | Mandu 피처 생성. 페이지/API/Island 스캐폴딩. '만들어줘', 'create', 'add page' 시 자동 호출 |
Mandu 프로젝트에 새 피처를 생성하는 5단계 워크플로우. MCP 도구 파이프라인을 통해 페이지, API, Island을 자동 스캐폴딩합니다.
MCP 도구 mandu_negotiate를 호출하여 피처 요구사항을 분석합니다.
mandu_negotiate({ description: "사용자 프로필 페이지와 편집 기능" })
결과: 필요한 라우트, 컴포넌트, API 엔드포인트 목록이 반환됩니다.
분석 결과를 바탕으로 mandu_add_route로 라우트를 생성합니다.
mandu_add_route({ path: "/users/[id]", type: "page" })
mandu_add_route({ path: "/api/users/[id]", type: "api" })
파일 생성 규칙:
app/users/[id]/page.tsxapp/api/users/[id]/route.tsapp/users/layout.tsxmandu_create_contract로 API 계약을 정의합니다.
mandu_create_contract({
name: "user",
methods: ["get", "patch"],
fields: { name: "string", email: "string", avatar: "string?" }
})
생성 위치: src/shared/contracts/user.contract.ts
mandu_generate로 전체 스캐폴드를 생성합니다.
mandu_generate({ spec: negotiateResult })
생성되는 파일:
.mandu/generated/server/ - 서버 코드.mandu/generated/web/ - 클라이언트 코드spec/slots/*.slot.ts - 서버 데이터 로더app/**/*.island.tsx - Island 컴포넌트mandu_guard_heal로 생성된 코드의 아키텍처 규칙 준수를 검증합니다.
mandu_guard_heal({ autofix: true })
위반 사항이 있으면 자동 수정을 시도합니다.
negotiate → add_route(page) → generate
negotiate → add_route(page) → add_route(api) → create_contract → generate → guard_heal
negotiate → add_route(page) → generate → island 파일에 "use client" 확인
mandu_negotiate부터 시작 (분석 없이 직접 생성하지 않기)mandu_guard_heal로 검증<html>/<head>/<body> 태그 사용 금지@mandujs/core/client에서 importmandu-mcp-create-flow — MCP 도구 오케스트레이션 순서 (negotiate → contract → generate)mandu-mcp-verify — 생성 직후 자동 검증 루프