Pixel Path

Pixel Path turns any two places (optionally via waypoints) into a pixel-art fly-through of the real road. It routes the trip, bakes the real buildings, land cover, landmarks, hills and horizon from OpenStreetMap and elevation data, generates scenery art with RetroDiffusion at a chosen level of detail (sparse, moderate or detailed; estimated up front, quoted exactly for free, budget-capped; free placeholder art also works), builds a page where you zoom along the route and scroll to go faster or slower, and runs a self-check that screenshots the result. Use when someone asks for a "pixel path",

283 stars 19 forksSoftware Development

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add jonwheatley/pixel-path --skill pixel-path

Manual install

git clone --depth 1 https://github.com/jonwheatley/pixel-path.git /tmp/pixel-path
mkdir -p ~/.claude/skills
cp -r /tmp/pixel-path/. ~/.claude/skills/pixel-path

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Pixel Path

Builds a folder you can open or host: `index.html` with `road.js` and `layout.js` (the fly-through), `data/` (the
baked route) and `art/` (the pictures). Plain Node 18+, no npm installs (the self-check uses Playwright if present).
Scripts are in `${CLAUDE_SKILL_DIR}/scripts/`; run them as `node ${CLAUDE_SKILL_DIR}/scripts/<name>.mjs ...`.
Call the trip folder TRIP (e.g. `trips/bath-bristol`). Every step can be rerun and resumes where it stopped.

The result is a first-person camera moving along the real road: the real buildings on their footprints, the real
landmarks at their places, real land cover, hills and horizon. No interface beyond a small credits line. Scroll (or
drag on a touch screen) to speed up, slow down or reverse.

## Before you start, tell the user
- **Only the art costs money**, paid to RetroDiffusion from the user's own account. Routing, map data and the viewer are
  free. Step 1 prints an estimate for their route at each level: **show it to them and let them pick a level (or free
  placeholders) before you bake or generate anything.**
- **No account?** Send them to https://www.retrodiffusion.ai?ref=YBQJM823 and say that **it is an affiliate link**
  (the author of this skill gets a referral). They create an API key and set it in their own terminal:
  `export RETRODIFFUSION_API_KEY=...` (on a Mac they can store it in the Keychain instead:

Read the full skill on GitHub

Details

Skill name: pixel-path
Repository: jonwheatley/pixel-path
Repo updated: 12 October 2026

FAQ

What does the Pixel Path skill do?

How do I install the Pixel Path skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add jonwheatley/pixel-path --skill pixel-path. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Pixel Path popular?

It lives in jonwheatley/pixel-path, which has 283 GitHub stars and 19 forks.

Related skills

Vibex

389

Raja0sama/vibex

Diagrams and checkable docs from a codebase. Draws ERDs, C4 context/container/component views, API endpoint catalogues, lifecycle/state machines, sequence diagrams, and service-to-service call maps as a validated JSON spec plus a standalone HTML viewer, with Mermaid export. Imports OpenAPI, GraphQL SDL and Prisma; otherwise reads the code (NestJS, TypeORM, Express) and writes the spec. Use for: database diagram, ERD, data model, table relationships, C4 or architecture diagram, system context, API map, endpoint list, "show me the endpoints", status flow, state machine, allowed transitions, "wha

Software Development

Huashu Mac Use

330

alchaincyf/huashu-mac-use

操控没有API的macOS原生app并留下可复现取证：截指定窗口（后台被遮挡也能截）、点击输入、探测某个app能不能自动化、内嵌Chromium的app走CDP零焦点操控、做产品实测与多模型跑批。浏览器里的事走huashu-chrome，翻旧截图走disk-keeper。

Software Development52

Wechat Use

210

leeguooooo/wechat-use

Use WeChat on macOS Apple Silicon or Windows x64: query sessions, contacts and history, listen for messages, and send authorized text. Select the host-specific backend first. Windows has a standalone experimental CLI/MCP package with no system Python requirement; macOS uses the managed WeChat 4.1.9 clone and supports HTTP Bridge/Wechaty.

Software Development136

Dr Jskill

344

jdubois/dr-jskill

Creates Java + Spring Boot projects: Web applications, full-stack apps with Vue.js or Angular or React or vanilla JS, PostgreSQL, REST APIs, and Docker. Use when creating Spring Boot projects, setting up Java microservices, or building enterprise applications with the Spring Framework.

Software Development58

Rails Audit Thoughtbot

262

thoughtbot/rails-audit-thoughtbot

Perform comprehensive code audits of Ruby on Rails applications based on thoughtbot best practices. Use this skill when the user requests a code audit, code review, quality assessment, or analysis of a Rails application. The skill analyzes the entire codebase focusing on testing practices (RSpec), security vulnerabilities, code design (skinny controllers, domain models, PORO with ActiveModel), Rails conventions, database optimization, and Ruby best practices. Outputs a detailed markdown audit report grouped by category (Testing, Security, Models, Controllers, Code Design, Views) with severity

Software Development13

Robot Framework Skill

386

LambdaTest/agent-skills

Generates Robot Framework tests in keyword-driven syntax with Python. Supports SeleniumLibrary, RequestsLibrary, and custom keywords. Use when user mentions "Robot Framework", "*** Test Cases ***", "SeleniumLibrary", ".robot file". Triggers on: "Robot Framework", "*** Test Cases ***", ".robot", "SeleniumLibrary", "keyword-driven test".

Software DevelopmentIn 1 list76

Browse the most popular Claude skills, all software development skills, or write your own with the skills generator.