在 Manus 中运行任何 Skill
一键导入
一键导入
一键在 Manus 中运行任何 Skill
开始使用go-router
星标2
分支0
更新时间2026年4月18日 14:30
go_router 라우팅 패턴. 화면 추가, 딥링크, ShellRoute 작성 시 자동 참조.
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
SKILL.md
readonly菜单
go_router 라우팅 패턴. 화면 추가, 딥링크, ShellRoute 작성 시 자동 참조.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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 일치성 관리.
| name | go-router |
| description | go_router 라우팅 패턴. 화면 추가, 딥링크, ShellRoute 작성 시 자동 참조. |
| globs | client/**/router/**, client/**/app.dart, client/**/routes/** |
final router = GoRouter(
initialLocation: '/',
routes: [
ShellRoute(
builder: (context, state, child) => MainShell(child: child),
routes: [
GoRoute(
path: '/board',
name: 'board',
builder: (context, state) => const BoardPage(),
routes: [
GoRoute(
path: ':boardId',
name: 'board-detail',
builder: (context, state) {
final boardId = state.pathParameters['boardId']!;
return BoardDetailPage(boardId: boardId);
},
),
],
),
],
),
],
);
@riverpod
GoRouter router(Ref ref) {
final authState = ref.watch(authProvider);
return GoRouter(
refreshListenable: authState,
redirect: (context, state) {
final isLoggedIn = authState.isAuthenticated;
final isLoginRoute = state.matchedLocation == '/login';
if (!isLoggedIn && !isLoginRoute) return '/login';
if (isLoggedIn && isLoginRoute) return '/board';
return null;
},
routes: [...],
);
}
// 이동
context.go('/board/123');
context.push('/board/123/land/5');
// 파라미터 전달
context.goNamed('board-detail', pathParameters: {'boardId': '123'});
// 뒤로가기
context.pop();