mstagon

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.