Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/konamgil-mandu-create-feature
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: backend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/mandu-create-feature
What's inside
- Skill name
mandu-create-feature- Description
- Mandu 피처 생성. 페이지/API/Island 스캐폴딩. '만들어줘', 'create', 'add page' 시 자동 호출
- License
- MPL-2.0
- Instructions
- 101 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Mandu Create Feature
Mandu 프로젝트에 새 피처를 생성하는 5단계 워크플로우.
MCP 도구 파이프라인을 통해 페이지, API, Island을 자동 스캐폴딩합니다.
## 5-Phase Workflow
### Phase 1: Negotiate (요구사항 분석)
MCP 도구 `mandu_negotiate`를 호출하여 피처 요구사항을 분석합니다.
```
mandu_negotiate({ description: "사용자 프로필 페이지와 편집 기능" })
```
결과: 필요한 라우트, 컴포넌트, API 엔드포인트 목록이 반환됩니다.
### Phase 2: Add Routes (라우트 생성)
분석 결과를 바탕으로 `mandu_add_route`로 라우트를 생성합니다.
```
mandu_add_route({ path: "/users/[id]", type: "page" })
mandu_add_route({ path: "/api/users/[id]", type: "api" })
```
파일 생성 규칙:
- Page: `app/users/[id]/page.tsx`
- API: `app/api/users/[id]/route.ts`
- Layout: `app/users/layout.tsx`
### Phase 3: Create Contracts (타입 계약)
`mandu_create_contract`로 API 계약을 정의합니다.
```
mandu_create_contract({
name: "user",
methods: ["get", "patch"],
fields: { name: "string", email: "string", avatar: "string?" }
})
```
생성 위치: `src/shared/contracts/user.contract.ts`
### Phase 4: Generate Scaffold (코드 생성)
`mandu_generate`로 전체 스캐폴드를 생성합니다.
```
mandu_generate({ spec: negotiateResult })
```
생성되는 파일:
- `.mandu/generated/server/` - 서버 코드
- `.mandu/generated/web/` - 클라이언트 코드
- `spec/slots/*.slot.ts` - 서버 데이터 로더
- `app/**/*.island.tsx` - Island 컴포넌트
### Phase 5: Guard Heal (아키텍처 검증)
`mandu_guard_heal`로 생성된 코드의 아키텍처 규칙 준수를 검증합니다.
```
mandu_guard_heal({ autofix: true })
```
위반 사항이 있으면 자동 수정을 시도합니다.
## Quick Recipes
### 새 페이지 추가
```
negotiate → add_route(page) → generate
```
### 새 API + 페이지
```
negotiate → add_route(page) → add_route(api) → create_contract → generate → guard_heal
```
### Island 추가
```
negotiate → add_route(page) → generate → island 파일에 "use client" 확인
```
## Key Rules
1. 항상 `mandu_negotiate`부터 시작 (분석 없이 직접 생성하지 않기)
2. API 엔드포인트에는 반드시 contract 생성
3. 생성 후 `mandu_guard_heal`로 검증
4. Layout에 `<html>/<head>/<body>` 태그 사용 금지
5. Island 파일은 `@mandujs/core/client`에서 import
## See also
- `mandu-mcp-create-flow` — MCP 도구 오케스트레이션 순서 (`negotiate → contract → generate`)
- `mandu-mcp-verify` — 생성 직후 자동 검증 루프From konamgil/mandu, MPL-2.0.
More from konamgil/mandu
- 0.618score
mandu-composition
mandu
React composition patterns for Mandu applications.
SkillBFreshness: B★ 47Claude Code +9 - 0.618score
mandu-performance
mandu
Performance optimization patterns for Mandu applications.
SkillBFreshness: B★ 47Claude Code +9 - 0.618score
mandu-slot
mandu
Mandu Slot API for writing business logic.
SkillBFreshness: B★ 47Claude Code +9 - 0.618score
mandu-testing
mandu
Testing patterns for Mandu applications.
SkillBFreshness: B★ 47Claude Code +9 - 0.618score
mandu-guard
mandu
Architecture guard system for Mandu.
SkillBFreshness: B★ 47Claude Code +9 - 0.618score
mandu-hydration
mandu
Island Hydration pattern for Mandu.
SkillBFreshness: B★ 47Claude Code +9 - 0.618score
mandu-security
mandu
Security best practices for Mandu applications.
SkillBFreshness: B★ 47Claude Code +9 - 0.618score
mandu-fs-routes
mandu
File-system based routing for Mandu.
SkillBFreshness: B★ 47Claude Code +9 - 0.615score
mandu-mcp-create-flow
konamgil
스펙 우선 생성 워크플로우.
SkillBFreshness: B★ 47Claude Code +9 - 0.615score
mandu-mcp-verify
konamgil
편집 후 검증 루프.
SkillBFreshness: B★ 47Claude Code +9 - 0.615score
mandu-mcp-deploy
konamgil
빌드/배포 파이프라인 워크플로우.
SkillBFreshness: B★ 47Claude Code +9 - 0.615score
mandu-agent-workflow
mandu
Canonical Mandu agent workflow.
SkillBFreshness: B★ 47Claude Code +9
Signals
- Stars
- 47
- Forks
- 3
- Open issues
- 4
- Last commit (this folder)
- Aug 13, 2026 (2 months ago)
- Last release
- May 29, 2026 (5 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MPL-2.0
- Repository
- github.com/konamgil/mandu
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from konamgil
- 0.615score
mandu-mcp-verify
konamgil
편집 후 검증 루프.
SkillBFreshness: B★ 47Claude Code +9 - 0.615score
mandu-mcp-safe-change
konamgil
위험 변경 트랜잭션 래퍼.
SkillBFreshness: B★ 47Claude Code +9 - 0.615score
mandu-mcp-create-flow
konamgil
스펙 우선 생성 워크플로우.
SkillBFreshness: B★ 47Claude Code +9 - 0.615score
mandu-mcp-deploy
konamgil
빌드/배포 파이프라인 워크플로우.
SkillBFreshness: B★ 47Claude Code +9 - 0.612score
mandu-mcp-index
konamgil
MCP 도구 오케스트레이션 라우터 (always-on).
SkillBFreshness: B★ 47Claude Code +9 - 0.612score
mandu-hydration
konamgil
Island import 규칙.
SkillBFreshness: B★ 47Claude Code +9
Cite this page
mandu-create-feature skill. Agent Mart. https://agentmart.dev/skills/konamgil-mandu-create-feature (last updated 2026-10-24)