Claude Skills by nota-america

Implement, tune, debug, or validate soft wall-aware fog of war and gameplay perception in Three.js action games. Use for orthographic or isometric visibility masks, obstacle-aware line of sight, player and enemy vision ranges, hidden-enemy targeting rules, fog shader artifacts such as spokes or seams, mobile ray budgets, lifecycle and menu-state integration, and deterministic fog-of-war tests.

Apply a prompt-agnostic execution and verification loop to any substantial task while preserving the original request. Use when the user asks to fan out work, use subagents or independent reviewers, loop until done, benchmark against references, apply a harsh critic, compare candidates blind, improve an existing prompt with verification, or continue until explicit quality gates pass.

Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers. Use when the user asks to make animations performant, pause offscreen animations, look for memory leaks, profile pages that slow the computer over time, fix janky scrolling, reduce CPU/GPU use, or repeat the "only play in view...

Guide performance profiling for Apple platform apps with Instruments, Xcode diagnostics, and MetricKit. Use when investigating app hangs, stutters, high CPU, memory leaks, memory growth, OOM crashes, slow launch, battery drain, thermal issues, App Store performance readiness, or when adding os_signpost and measurement hooks.

Package a finished local project into an intentional GitHub repository, create a strong README and visual preview, push it safely, configure a public GitHub Pages URL when the project is compatible, and verify the deployed result. Use when a user asks to upload, publish, open-source, share, or turn a local HTML/CSS/JavaScript experiment or small web project into a documented GitHub repository with a live demo.

Capture or repair reliable full-page screenshots for lazy-loaded, scroll-animated, Framer, WebGL/canvas, or reveal-heavy web pages. Use when full-page screenshots are blank, gray, white, sparse, show a tiny content strip, disagree with a working scroll video, or when article evidence/section crops must be derived from a trustworthy full-page image.

Turn a reference video into a super detailed recreation or inspiration prompt. Use when the user provides, mentions, uploads, links, or points to a video and asks to analyze the design, UI, animations, transitions, scroll interactions, typography, colors, assets, WebGL/Three.js, storytelling, section-by-section behavior, or to create a prompt/article that recreates the page, app, interaction, or motion system.

Turn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it work while reproducing its approved reference exactly around that focus, and packaging it with a demo that proves both the mechanism and the visual fidelity. Covers finding the mechanism, naming the technique plainly, disclosing the verified runtime and renderer, auditing reference layers, carrying real numbers instead of adjectives, preserving owned staging,...

Write, rewrite, review, or continuously refine X/Twitter posts in Meng To's current voice using his deduplicated authored-post corpus, personal and product context, shared resources, and Content repo evidence. Use when asked to improve a tweet in Meng's tone, draft an original post, reply, thread, resource share, or quote post as Meng, check whether an angle repeats an earlier post, study Meng's writing style, ingest another 20-50 authored posts, or hone the reusable Meng X voice profile.

Check a user's latest X/Twitter bookmarks and turn recent saved posts into source-backed quote-post drafts calibrated against the user's latest 100 authored posts. Use when asked to review X bookmarks, create quote posts from bookmarks, refresh a bookmark quote queue, run a bookmark quote automation, study a user's X voice, or write first-person quote posts from X sources.

Author or revise readable, flat-world Three.js game levels. Use for

Design or implement responsive audio feedback for a Three.js or web

Implement or tune Three.js game cameras. Use for isometric framing,

Design, implement, backfill, audit, and release in-game changelogs

Build or repair game inventory, loot, equipment, tooltips,

Build, extend, or audit production-linked browser map editors for

Build, integrate, audit, or refactor rigged monsters for Three.js

Plan, create, integrate, or audit a hybrid asset pipeline for a

Build or extend a playable isometric action RPG in Three.js, React,

Build, tune, or test a Three.js game for mobile web. Use for touch

Create, integrate, or audit production-ready rigged 3D characters

Build or refactor reusable, data-driven enemy archetype and moveset

Build truthful Vesperfall asset-library review pairs from

Create readable, performance-safe Three.js game visual effects. Use

Design, implement, tune, or test readable tactical action combat

Design, implement, tune, or test Three.js action-game encounters.

Profile, diagnose, and improve Three.js or WebGL game performance

Package, deploy, and verify a playable Three.js or web game. Use

Test a playable browser game end to end with deterministic fixtures

Build, debug, balance, or test combat enemy AI for playable action

Author or revise readable, flat-world Three.js game levels. Use for

Design or implement responsive audio feedback for a Three.js or web

Implement or tune Three.js game cameras. Use for isometric framing,

Design, implement, backfill, audit, and release in-game changelogs

Build or repair game inventory, loot, equipment, tooltips,

Build, extend, or audit production-linked browser map editors for

Build, integrate, audit, or refactor rigged monsters for Three.js

Plan, create, integrate, or audit a hybrid asset pipeline for a

Build or extend a playable isometric action RPG in Three.js, React,

Build, tune, or test a Three.js game for mobile web. Use for touch

Create, integrate, or audit production-ready rigged 3D characters

Build or refactor reusable, data-driven enemy archetype and moveset

Build truthful Vesperfall asset-library review pairs from

Create readable, performance-safe Three.js game visual effects. Use

Design, implement, tune, or test readable tactical action combat

Design, implement, tune, or test Three.js action-game encounters.

Profile, diagnose, and improve Three.js or WebGL game performance

Package, deploy, and verify a playable Three.js or web game. Use

Test a playable browser game end to end with deterministic fixtures

Build, debug, balance, or test combat enemy AI for playable action