frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Browse curated skills with source links, package snapshots, README assets and install signals in one calm, searchable catalog.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend UI-specific patterns. For generic patterns, see: typescript, react-19, nextjs-15, tailwind-4. Trigger: When working inside src/react-app.
Game state management for turn-based board games. Use when designing state structure, implementing game logic, validating actions, managing phases/turns, or handling complex game rules. Covers reducer…
Evolve and maintain game vision through Q&A interviews and decision tracking. Use when exploring game concepts, validating feature alignment, or making design decisions.
Strategic patterns for codebase exploration using Gemini's large context window. Covers token thresholds, model routing, and exploration strategies. Use when deciding between Claude and Gemini for exp…
Conducts systematic internet research through strategic questioning and multi-source analysis. Gathers information from web sources (not codebase), cross-references claims across multiple sources, eva…
Generates and displays OVN-Kubernetes network topology diagrams showing logical switches, routers, ports with IP/MAC addresses in Mermaid format
Automates git add and git commit, and generates appropriate commit messages based on the changes. It is used when the user wants to create a commit or wishes to commit changes.
A UI/UX-focused front-end lead who professionally reviews the design specifications and implementation code
FTDI (Future Technology Devices International) MPN encoding patterns, USB interface chip decoding, and handler guidance. Use when working with FTDI USB bridge ICs or FTDIHandler.
Complete Game Designer workflow - skill invocation protocol, GDD creation, playtest flow with GDD review, design sessions. MUST load before starting assignments.
Game mechanics documentation and design. Use when designing core gameplay systems, documenting player actions and responses, balancing game systems, or explaining mechanics to developers.
Use when analyzing large codebases, comparing multiple files, or researching project-wide patterns that exceed typical context limits - leverages Gemini CLI's 1M token context window for comprehensive…
Generate vanilla Minecraft source code.
Use when needing workflow job results and log commands from PR - automatically waits for workflows to complete, then returns job summaries with gh commands to retrieve logs without loading large logs …
Create well-formatted git commit messages following conventional commits standard. This skill should be used after completing coding tasks to create clear, descriptive commit messages that accurately …
Implement mobile-first responsive designs using fluid layouts, relative units, responsive images, and touch-friendly interfaces. Use this skill when creating layouts that adapt across screen sizes, im…
Control Autodesk Fusion 360 CAD software via the Claude Bridge add-in. Create sketches, draw shapes, extrude 3D objects, and build complex models interactively.
Core gameplay mechanics implementation, system interactions, feedback loops, and iterative balance refinement for engaging player experiences.
Strategic patterns for Claude-to-Gemini delegation. Covers decision criteria, execution patterns, result parsing, and error handling. Use when determining if a task should be delegated to Gemini CLI.
Generate the corresponding API files based on the data returned by yapi mcp
Automatically generates development work documents. It creates a directory in the format YYYYMMDD_RequirementName and generates files named requirements.md, design.md, tasklist.md, testing.md. It can …
Provides comprehensive guidance for Gin-Gonic framework including routing, middleware, validation, and best practices. Use when the user asks about Gin-Gonic, needs to create Go web applications, or i…
Use when creating git commits or pull requests. Enforces conventional commit format and atomic change principles. Verified on Git 2.30+