Gagan Gill
Community@gagandeepgill
Gagan Gill's skill registry covers React/Next.js frontend engineering, accessibility, performance, testing, and deterministic puzzle-game design for a browser arcade.
Agent Skills by Gagan Gill
Showing 23 vetted skills indexed across 1 GitHub repositories.
gagandeepgillreact-patterns
Guides writing and reviewing React 18/19 components using hooks discipline, RSC boundaries, and composition patterns.
gagandeepgillpuzzle-design
Guides design decisions for daily puzzles and engine-builder game mechanics.
gagandeepgillfrontend-a11y
Implements accessibility patterns for React and Next.js components including ARIA, forms, and keyboard navigation.
gagandeepgillpwa-shell
Documents the service worker caching, update flow, and offline strategy for an installable PWA.
gagandeepgilldaily-seeded-runs
Implements deterministic daily puzzle modes using UTC date keys and seeded random number generation.
gagandeepgillfixing-motion-performance
Audit and fix CSS and JavaScript animation performance issues like layout thrashing and jank.
gagandeepgillreact-performance
Organizes 70+ React and Next.js performance optimization rules across eight priority categories.
gagandeepgillpayload-engine
Documents the Payload game engine architecture, simulation rules, and content declaration workflow.
gagandeepgillcreate-design-md
Create or update a DESIGN.md documenting a product's design language from repository or URL evidence.
gagandeepgillgame-feel
Guides animation, audio, and feedback tuning for legible game juice in browser games.
gagandeepgillbaseline-ui
Reviews and fixes UI code against opinionated Tailwind CSS and accessibility constraints.
gagandeepgilltypescript-game-state
Applies TypeScript conventions for modelling game state with discriminated unions, branded ids, and pure engine functions.
gagandeepgillgame-typography
Applies the arcade's Fraunces and Outfit type system to game UI text and numbers.
gagandeepgille2e-testing
Implements Playwright E2E test suites with Page Object Model, CI integration, and flaky test handling.
gagandeepgillverify-puzzle-game
Runs and verifies browser games through builds, scripted bot play, and completion gates.
gagandeepgillfixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, and focus management.
gagandeepgillreact-testing
Write behavior-focused React component and hook tests with Testing Library, Vitest, and MSW.
gagandeepgilltdd-workflow
Enforces test-driven development with RED-GREEN-refactor cycles and 80% coverage gates.
gagandeepgillimprove-ui
Audit a product surface against its design system and write implementation plans for verified UI problems.
gagandeepgillfrontend-patterns
Implements React component, state management, performance, and accessibility patterns in TypeScript.
gagandeepgilldesign-system
Generates design token systems and audits UI codebases for visual consistency.
gagandeepgillfixing-metadata
Audit and fix HTML metadata including titles, canonical URLs, Open Graph tags, and JSON-LD.
gagandeepgillgame-audio
Documents the synthesized Web Audio sound vocabulary and playback constraints for the Payload arcade game.
Frequently Asked Questions About Gagan Gill
FAQPage SchemaWhat tasks can I accomplish with Gagan Gill's skill registry?▼
You can write and review React 18/19 components, optimize Next.js performance, fix accessibility and metadata issues, run Playwright E2E and React Testing Library suites, enforce TDD with 80%+ coverage, and design deterministic daily puzzle games with seeded runs, game feel, audio cues, and PWA offline support.
Who are these skills designed for?▼
Frontend engineers and game developers working in React, Next.js, and TypeScript. They suit developers building accessible interactive UIs, maintaining a browser arcade with engine-builder puzzles like Payload and Ledger Lane, and reviewers auditing performance, design systems, or WCAG compliance.
How do the game-development skills work in practice?▼
Skills like payload-engine, daily-seeded-runs, and typescript-game-state document a marble-simulation engine with discriminated-union state, branded ids, and a renderer-free pure rules core. verify-puzzle-game drives real browser runs and bot-played full games to confirm balance before shipping.
Are these skills open source and what do they cost?▼
The fixing-metadata skill explicitly ships under the MIT license at version 1.0.1, and several skills carry ECC or community origin metadata. No paid licensing or usage fees are indicated anywhere in the manifest.
What prerequisites and dependencies do these skills assume?▼
Skills assume a React/Next.js and TypeScript codebase, with testing stacks including Vitest/Jest, React Testing Library, MSW, axe, and Playwright. Game skills target the specific arcade repository structure, including src/game types, public/sw.js, and the Payload engine.