Poker Game Router
Use this skill as a lightweight dispatcher. Keep context small: decide which skill(s) to use, then load only the chosen skill(s) and relevant files.
Repo landmarks
- App Router entry:
app/layout.tsx, app/page.tsx, app/providers.tsx
- Theme system:
app/theme.ts
- Web3/thirdweb client:
app/thirdwebclient.ts, app/components/WalletButton.tsx
- SIWE auth:
app/hooks/useWalletAuth.ts, app/contexts/AuthContext.tsx, app/hooks/server_actions.ts
- WebSocket/game state:
app/contexts/WebSocketProvider.tsx, app/contexts/AppStoreProvider.tsx, app/hooks/server_actions.ts
- Chat/media:
app/components/NavBar/Chat/, app/hooks/useTenor.ts, app/api/tenor/route.ts
- Poker hand eval:
app/lib/poker/pokerHandEval.ts
- Build hygiene:
package.json scripts, .eslintrc.json, .prettierrc, .husky/pre-commit
Skill selection (decision tree)
Pick the minimal set; multiple can apply.
UI, layout, theme, Chakra components
Use chakra-design-system when:
- Editing
app/theme.ts or Chakra tokens/variants
- Adding/modifying UI components under
app/components/
- Fixing responsive layout, spacing, typography, color, dark/light mode
- Improving a11y for Chakra components (focus, aria, keyboard)
Web3, wallets, thirdweb, embedded wallet, SIWE
Use web3-thirdweb-siwe when:
- Touching wallet connect flows, account state, auth cookies/session
- Working with
thirdweb/react hooks (useActiveAccount, useActiveWallet, etc)
- Debugging auth loops, signature issues, disconnect behavior, or CSP issues
- Updating
next.config.js CSP headers related to thirdweb embedded wallet
“Quality bar” / production readiness
Use frontend-quality-bar when:
- Doing UI polish passes, UX consistency, performance, accessibility
- Adding new components/features that should meet a consistent standard
- Preparing a PR/merge, or doing broad refactors
Use project rules and MCP
- Read
.cursor/rules/frontend-guidelines.mdc for the repo’s frontend expectations.
- Read
.cursor/rules/thirdweb.mdc for thirdweb rules and documentation pointers.
- See
.cursor/mcp.json for MCP servers that can fetch thirdweb/Chakra documentation on demand.
1---2name: poker-game-router3description: Route requests for the Stacked Poker Next.js frontend repo to the right repo skill (Chakra UI/theme, thirdweb/SIWE auth, WebSockets/game state, chat/media, poker hand eval, QA/release). Use at the start of most tasks in this repo to decide which skill(s) to apply.4---5
6# Poker Game Router
7
8Use this skill as a lightweight dispatcher. Keep context small: decide which skill(s) to use, then load only the chosen skill(s) and relevant files.
9
10## Repo landmarks
11
12- App Router entry: `app/layout.tsx`, `app/page.tsx`, `app/providers.tsx`
13- Theme system: `app/theme.ts`
14- Web3/thirdweb client: `app/thirdwebclient.ts`, `app/components/WalletButton.tsx`
15- SIWE auth: `app/hooks/useWalletAuth.ts`, `app/contexts/AuthContext.tsx`, `app/hooks/server_actions.ts`
16- WebSocket/game state: `app/contexts/WebSocketProvider.tsx`, `app/contexts/AppStoreProvider.tsx`, `app/hooks/server_actions.ts`
17- Chat/media: `app/components/NavBar/Chat/`, `app/hooks/useTenor.ts`, `app/api/tenor/route.ts`
18- Poker hand eval: `app/lib/poker/pokerHandEval.ts`
19- Build hygiene: `package.json` scripts, `.eslintrc.json`, `.prettierrc`, `.husky/pre-commit`
20
21## Skill selection (decision tree)
22
23Pick the minimal set; multiple can apply.
24
25### UI, layout, theme, Chakra components
26
27Use `chakra-design-system` when:
28- Editing `app/theme.ts` or Chakra tokens/variants
29- Adding/modifying UI components under `app/components/`
30- Fixing responsive layout, spacing, typography, color, dark/light mode
31- Improving a11y for Chakra components (focus, aria, keyboard)
32
33### Web3, wallets, thirdweb, embedded wallet, SIWE
34
35Use `web3-thirdweb-siwe` when:
36- Touching wallet connect flows, account state, auth cookies/session
37- Working with `thirdweb/react` hooks (`useActiveAccount`, `useActiveWallet`, etc)
38- Debugging auth loops, signature issues, disconnect behavior, or CSP issues
39- Updating `next.config.js` CSP headers related to thirdweb embedded wallet
40
41### “Quality bar” / production readiness
42
43Use `frontend-quality-bar` when:
44- Doing UI polish passes, UX consistency, performance, accessibility
45- Adding new components/features that should meet a consistent standard
46- Preparing a PR/merge, or doing broad refactors
47
48## Use project rules and MCP
49
50- Read `.cursor/rules/frontend-guidelines.mdc` for the repo’s frontend expectations.
51- Read `.cursor/rules/thirdweb.mdc` for thirdweb rules and documentation pointers.
52- See `.cursor/mcp.json` for MCP servers that can fetch thirdweb/Chakra documentation on demand.
53
majiayu000