Skill UI

This orchestrator skill provides comprehensive core principles for game development, covering topics like the Game Loop, design patterns (State Machine, ECS), performance budgeting, and input abstraction. It guides users by routing them to specialized sub-skills based on required platforms (Web, Mobile, PC), dimensions (2D, 3D), and specialty areas (AI, Networking, Art). Ideal for structuring complex game projects from concept to implementation.

A comprehensive guide for writing efficient GLSL shaders (Vertex/Fragment) used in WebGL and game engines. Learn fundamental concepts like shader structure, uniforms, varying variables, and advanced techniques such as raymarching and post-processing effects, optimizing graphics rendering performance on the GPU.

Guides building Telegram Mini Apps (TWA) with web technologies, TON blockchain, Telegram Web App API, crypto payments, TonConnect, user auth, and viral UX patterns so teams can launch games, DeFi, or monetized utilities inside Telegram.

A comprehensive guide covering modern web game development principles. It details framework selection (Phaser, Three.js), implementing WebGPU, performance optimization strategies like asset compression and object pooling, adhering to browser constraints, and utilizing PWA capabilities for cross-platform gaming experiences.

A comprehensive skill guide for building complex, feature-rich web games and game engines using modern web technologies like HTML5, Canvas, WebGL, and JavaScript. Covers full 2D and 3D game development workflows, including implementing the game loop, physics simulation (collision detection, Newtonian physics), handling diverse input methods (touch, gamepad), managing assets, and integrating multiplayer features via WebRTC. Ideal for creating everything from simple platformers to advanced 3D simulations.

This skill covers core principles for 2D game development, including sprite systems, atlases, tilemaps, physics engines, and camera controls. It addresses genre-specific patterns like platformers and top-down games. Suitable for frameworks like Phaser, Kaplay, Pixi, or Canvas. Also applies to guest viewports in hybrid web apps. Focuses on performance optimization, collision handling, and animation techniques to ensure clarity and smooth gameplay.

This skill guides developers in selecting the right game engine or framework based on platform, genre, and architecture. It covers comparisons between tools like Phaser, Unity, Godot, and Three.js, helping decide between full engines and hybrid DOM solutions for web and non-web projects.

This skill serves as an orchestrator for game development projects, guiding users through platform selection, engine choice, and architectural patterns. It covers core principles like game loops, input abstraction, and performance budgets, helping developers structure projects for web, mobile, PC, or VR. It routes tasks to specialized sub-skills based on dimension and tooling needs.

A comprehensive guide for writing efficient GLSL shaders (Vertex/Fragment) used in WebGL and game engines. Learn fundamental concepts like shader structure, uniforms, varying variables, and advanced techniques such as raymarching and post-processing effects, optimizing graphics rendering performance on the GPU.

This skill covers web browser game development, including framework selection (Phaser, Three.js, Babylon.js), hybrid DOM+canvas architectures, WebGPU adoption, performance optimization, PWA implementation, and audio handling. Use it for building HTML5/WebGL games or selecting browser runtimes.

This skill facilitates building and iterating on web games using HTML and JavaScript. It establishes a reliable development and testing loop by implementing small changes, running Playwright-based test scripts with input bursts and pauses, inspecting screenshots and text states, and reviewing console errors. It ensures every change is validated through visual inspection and state verification before proceeding, promoting stable and bug-free game development workflows.