.agents/skills/game-development/game-design/SKILL.md
Game design principles. GDD structure, balancing, player psychology, progression.
npx skillsauth add sidjamyl/GAMES-JTI- game-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Design thinking for engaging games.
Every game needs a fun 30-second loop:
1. ACTION → Player does something
2. FEEDBACK → Game responds
3. REWARD → Player feels good
4. REPEAT
| Genre | Core Loop | |-------|-----------| | Platformer | Run → Jump → Land → Collect | | Shooter | Aim → Shoot → Kill → Loot | | Puzzle | Observe → Think → Solve → Advance | | RPG | Explore → Fight → Level → Gear |
| Section | Content | |---------|---------| | Pitch | One-sentence description | | Core Loop | 30-second gameplay | | Mechanics | How systems work | | Progression | How player advances | | Art Style | Visual direction | | Audio | Sound direction |
| Type | Driven By | |------|-----------| | Achiever | Goals, completion | | Explorer | Discovery, secrets | | Socializer | Interaction, community | | Killer | Competition, dominance |
| Schedule | Effect | Use | |----------|--------|-----| | Fixed | Predictable | Milestone rewards | | Variable | Addictive | Loot drops | | Ratio | Effort-based | Grind games |
Too Hard → Frustration → Quit
Too Easy → Boredom → Quit
Just Right → Flow → Engagement
| Strategy | How | |----------|-----| | Dynamic | Adjust to player skill | | Selection | Let player choose | | Accessibility | Options for all |
| Type | Example | |------|---------| | Skill | Player gets better | | Power | Character gets stronger | | Content | New areas unlock | | Story | Narrative advances |
| ❌ Don't | ✅ Do | |----------|-------| | Design in isolation | Playtest constantly | | Polish before fun | Prototype first | | Force one way to play | Allow player expression | | Punish excessively | Reward progress |
Remember: Fun is discovered through iteration, not designed on paper.
development
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
tools
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
development
Three.js game development. Use for 3D web games, WebGL rendering, game mechanics, physics integration, character controllers, camera systems, lighting, animations, and interactive 3D experiences in the browser.