Claude Skills by konamgil

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.

Performance optimization patterns for Mandu applications. Use when optimizing slot handlers, Island components, bundle size, or Bun runtime. Triggers on tasks involving async/await, Promise.all, lazy loading, caching, or performance.

Security best practices for Mandu applications. Use when implementing authentication, authorization, input validation, or protecting against common vulnerabilities. Triggers on guard, auth, CSRF, XSS, or security tasks.

Mandu Slot API for writing business logic. Use when creating API handlers, implementing authentication guards, adding lifecycle hooks, or working with request/response context. Triggers on tasks involving Mandu.filling(), ctx.ok(), ctx.error(), .guard(), .get(), .post(), or slot files.

Tailwind CSS v4 integration and Island styling patterns for Mandu Framework

Testing patterns for Mandu applications. Use when writing unit tests, integration tests, or E2E tests. Triggers on test, spec, Bun test, Playwright, or testing tasks.

UI component library integration and accessibility patterns

REST API 생성. CRUD/인증/업로드 엔드포인트. 'API', 'endpoint', 'CRUD' 시 자동 호출

Mandu 피처 생성. 페이지/API/Island 스캐폴딩. '만들어줘', 'create', 'add page' 시 자동 호출

에러 진단+수정. 빌드실패/하얀화면/Island안됨/API에러/CSS깨짐 시 자동 호출

프로덕션 배포 파이프라인. Docker/CI-CD/nginx

Mandu 개념 설명. Island/Filling/Guard/Contract/Slot/SSR/ISR 등 '뭐야'/'어떻게' 시 자동 호출

파일 시스템 라우팅 규칙. layout에 html/head/body 금지. app/ 폴더, page.tsx, route.ts, layout.tsx, [id] 작업 시 자동 호출.

Guard 아키텍처 가이드. 위반 수정/프리셋 선택/레이어 규칙. guard violation 시 자동 호출

Island import 규칙. 반드시 @mandujs/core/client에서 import. "use client", .island.tsx, useState, hydration 작업 시 자동 호출.

Lint 가이드 — 가드레일의 한 축. oxlint 셋업 / 실행 / type-aware / lefthook 통합. "lint 켜줘", "코드 스타일 검사", lint 에러 발생 시 자동 호출.

스펙 우선 생성 워크플로우. "만들어줘", 피처/리소스/라우트 추가 시 자동 호출. contract → generate 순서를 강제하고 생성 직후 verify loop 로 전이. granular 도구 (add_route + create_contract + generate) 를 손으로 엮지 않는다.

빌드/배포 파이프라인 워크플로우. "배포", "deploy", release 전 자동 호출. deploy.check 는 fail-fast 게이트. deploy.preview 로 프로덕션 리허설. manual build + guard + seo 나열 대신 aggregate 도구 사용.

MCP 도구 오케스트레이션 라우터 (always-on). 108개 MCP 도구 중 상황에 맞는 워크플로우 skill 선택, 집계>세분 우선순위, anti-pattern 카탈로그. MCP 도구 호출 직전 자동 참조.

세션 시작 / 상태 파악 워크플로우. "현 상태", "무슨 일 있었어?", "어디서부터 시작?", 세션 재진입, 긴 대화 복귀 시 자동 호출. 개별 진단 도구를 순차 호출하지 않고 ai_brief 로 집계한다.

위험 변경 트랜잭션 래퍼. 마이그레이션 / 대규모 리팩터 / refactor_* 도구 / "돌이킬 수 없는 변경" 시 자동 호출. history_snapshot + tx_begin 필수, verify green 이면 tx_commit, 아니면 tx_rollback.

편집 후 검증 루프. 파일 편집 직후, "check 해줘", stop-hook 자동 호출. ate_auto_pipeline + guard_check + doctor 를 병렬로. 개별 ate_* 도구로 수동 분해 금지 — 실패했을 때만 drill-down.

Filling API 레퍼런스. ctx 메서드, 라이프사이클 훅, 미들웨어 체인. Mandu.filling(), ctx.ok(), .guard(), slot 파일 작업 시 자동 호출.

End-to-end TypeScript engineering skill for designing, implementing, reviewing, and refactoring production-grade TS codebases. Use when tasks involve TypeScript architecture, advanced typing, strict safety, API/schema typing, React/Node/Nest/Express/Fastify patterns, testing, linting, migration, or code review in .ts/.tsx projects.

Canonical Mandu workflow for safe agent-driven application changes.

Define and preserve typed Mandu API contracts.

Author Mandu pages and APIs through the app directory convention.

Resolve Mandu architecture violations without weakening policy.

Keep Mandu server rendering and client islands deterministic.

Select and run evidence-bearing Bun tests for Mandu changes.

Canonical Mandu workflow for safe agent-driven application changes.

Define and preserve typed Mandu API contracts.

Author Mandu pages and APIs through the app directory convention.

Resolve Mandu architecture violations without weakening policy.

Keep Mandu server rendering and client islands deterministic.

Select and run evidence-bearing Bun tests for Mandu changes.

Canonical Mandu workflow for safe agent-driven application changes.

Define and preserve typed Mandu API contracts.

Author Mandu pages and APIs through the app directory convention.

Resolve Mandu architecture violations without weakening policy.

Keep Mandu server rendering and client islands deterministic.

Select and run evidence-bearing Bun tests for Mandu changes.