원클릭으로
forge-studiov2
forge-studiov2에는 mstagon에서 수집한 skills 20개가 있으며, 저장소 수준 직업 범위와 사이트 내 skill 상세 페이지를 제공합니다.
이 저장소의 skills
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 전체 검수.