pat

Trace paths on a grid from start to goal with expanding sizes.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/youto720/pat --skill pat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pat
Source: https://github.com/youto720/pat/tree/main
Command: npx skills add https://github.com/youto720/pat --skill pat

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, react-dom, @vitejs/plugin-react, autoprefixer, postcss, tailwindcss, typescript, vite, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The 'pat' game Skill unit offers an engaging challenge to users looking to improve their grid tracing and puzzle-solving skills.

Core Features & Use Cases

  • Grid Tracing: A game where you trace a path from start to goal on a grid, with expanding grid sizes as you progress.
  • Dynamic Difficulty: Grid sizes expand with each goal achieved, offering an increasing challenge.
  • Responsive Design: Adapted for both mobile and desktop experiences.

Quick Start

Start playing the 'pat' game to test your tracing skills. The game begins with a 4x6 grid and expands as you reach the goal.

Frequently Asked Questions about pat

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is grid tracing in a puzzle game context?

Grid tracing in a puzzle game requires drawing a continuous path from a starting point to a goal across a grid. The 'pat' game challenges users to solve these tracing puzzles while dynamically expanding the grid size as goals are achieved.

How do I play the 'pat' grid tracing game?

To play the 'pat' grid tracing game, trace a path from the start to the goal on a 4x6 grid. As you progress and achieve each goal, the grid size dynamically expands, offering an increasing challenge for your tracing skills.

Does the 'pat' puzzle game support mobile and desktop responsive design?

Yes, the 'pat' puzzle game features a responsive design adapted for both mobile and desktop experiences. It utilizes React, TypeScript, Vite, and Tailwind CSS to ensure the grid tracing interface renders correctly across different screen sizes.

Do I need React and TypeScript to run this grid tracing puzzle game?

Yes, you need React, TypeScript, Vite, and Tailwind CSS to run this grid tracing puzzle game. These dependencies are required for rendering the interface and managing the state of the dynamically expanding grid paths.

How does the 'pat' game increase difficulty during grid tracing?

The 'pat' game increases difficulty during grid tracing by dynamically expanding the grid size with each goal achieved. Starting from a 4x6 grid, the puzzle area grows progressively larger, demanding more complex path tracing skills.