forge-studiov2

Figma MCP 로 디자인을 픽셀 퍼펙트로 구현. 토큰 추출 → 테마 매핑 → 정확한 레이아웃 → 스크린샷 diff 검증 루프. Flutter/React 공용.

Flutter 외부/BaaS API 연동 풀 파이프라인. 계약 → retrofit 코드젠 → dio 인터셉터(auth/retry) → Result 매핑 → repository → 오프라인 캐시. dio-retrofit 스킬 심화.

TanStack Query v5 패턴 (React). 서버 상태 패칭/캐시/뮤테이션/낙관적 업데이트.

Supabase BaaS 연동 패턴 (Flutter). 인증/DB/리얼타임/스토리지/RLS.

Auth.js v5 (NextAuth) 패턴. 세션/미들웨어/Server Action 가드.

Cross-stack API 계약 동기화. NestJS DTO ↔ Flutter DTO 일치성 관리.

Dio+Retrofit API 통신 패턴. API 클라이언트, 인터셉터 작성 시 자동 참조.

Use when writing Flutter integration/E2E tests or driving running simulators — Playwright-style patterns built on flutter_driver + mcp__dart tools.

상용 에러 핸들링 패턴. Result 타입, AppError 계층, ErrorBoundary, 사용자 에러 표시.

Freezed Entity/DTO 패턴. 데이터 모델 작성 시 자동 참조.

go_router 라우팅 패턴. 화면 추가, 딥링크, ShellRoute 작성 시 자동 참조.

상용 로깅 패턴. 구조화된 로그, 레벨별 처리, Crashlytics 연동.

Next.js App Router 패턴. Server Components, Server Actions, 데이터 페칭.

Riverpod 상태관리 패턴. provider/controller 작성 시 자동 참조.

Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.

(Mobile-First · Touch-First · Platform-Respectful)

NestJS 인증 패턴. Passport JWT, OAuth, Guard, 토큰 관리.

NestJS 모듈 패턴. Controller, Service, DTO, Module 구조.

Prisma 스키마, 쿼리, 관계, 마이그레이션 패턴.

풀스택 코드 리뷰 체크리스트. Flutter/NestJS/Prisma/Next.js 전체 검수.