Agent skill
poker-game-router
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.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/design/poker-game-router-stacked-labs-poker-game
SKILL.md
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.jsonscripts,.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.tsor 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/reacthooks (useActiveAccount,useActiveWallet, etc) - Debugging auth loops, signature issues, disconnect behavior, or CSP issues
- Updating
next.config.jsCSP 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.mdcfor the repo’s frontend expectations. - Read
.cursor/rules/thirdweb.mdcfor thirdweb rules and documentation pointers. - See
.cursor/mcp.jsonfor MCP servers that can fetch thirdweb/Chakra documentation on demand.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?