Skill UI

Best practice guide for building responsive Flutter screens and components. Prefer Row, Column, Expanded, Flexible, and Spacer over fixed-size or coordinate-based layouts, manage constraints, avoid overflow, and adapt to viewport changes with nested flex composition.

This skill provides expert capabilities for professional HTML development, emphasizing semantic markup, WCAG accessibility, and modern HTML5 standards. Use it to build structurally sound, accessible, and responsive web pages, incorporating complex forms, multimedia (SVG, Canvas), and adhering to industry best practices.

This skill generates complete, deploy-ready static landing pages by analyzing a source code repository. It reads key files (README.md, CHANGELOG.md, etc.), extracts structured content (features, installation guides, FAQ), and compiles it into a professional, responsive HTML/CSS/JS site. Ideal for standardizing open-source project showcases, converting technical documentation into marketing pages, or quickly building a project homepage.

Design responsive game cameras: 2D smooth follow with deadzone, look-ahead, and level-bounds clamping; 3D third-person orbit with collision push-in; first-person look; multi-target framing; and a shake hook. Use with any engine or camera rig system.

Creates and edits Power Apps Canvas Apps via the Canvas Authoring MCP coauthoring session, handling staged experience design, targeted and partitioned edits, multi-screen changes, responsive layout, and compile-error convergence.

Engine-neutral patterns for building game HUDs and menus that scale correctly across resolutions and aspect ratios. Covers anchor-based responsive layout, safe-area insets, gamepad/keyboard focus navigation, screen stack management, and event-driven UI updates. Use when creating or fixing game interfaces for robust multi-platform support.

A comprehensive guide and pattern implementation for creating responsive 2D character controllers in Godot 4.7 using CharacterBody2D. Covers platformer physics (gravity, jumping, slope handling) and top-down 8-direction movement, ensuring correct implementation of move_and_slide() in the physics process.

A comprehensive guide to building responsive and navigable user interfaces (UIs) in Godot 4.x. Learn to utilize Control nodes, Anchors for adaptive layout, various Container nodes (VBox, HBox, Grid), and Theme resources for consistent styling. This skill covers anchoring, layout management, focus navigation for controllers/keyboards, and signal handling for HUDs, menus, and dialog boxes.

A comprehensive guide to tuning game physics parameters, including mass, gravity, drag, and continuous collision detection (CCD). It addresses common stability issues like jitter and tunneling by correctly separating the fixed-timestep simulation (physics updates) from the variable-rate rendering (visual updates) using interpolation. Essential for creating predictable and responsive game motion across various hardware.

A comprehensive playbook for designing and implementing 'feel-good' 2D platformers, such as Mario or Celeste. This skill focuses on the compositional elements: tuning jump physics using variables like coyote time, jump buffering, and variable jump height. It teaches how to achieve responsive, satisfying moment-to-moment movement for side-scrolling games.

This skill covers setting up a foundational Three.js scene. It includes configuring import maps, initializing the Scene, PerspectiveCamera, and WebGLRenderer trio, establishing a responsive render loop, and adding OrbitControls. Use this when bootstrapping a new Three.js application or debugging rendering issues like blank canvases. It excludes model loading and material lighting setup.

Build Roblox interfaces using ScreenGui/PlayerGui lifecycle, responsive UDim2 layouts, CoreUISafeInsets, reusable editable Instances, cross-device input, gamepad focus, touch UI, restrained motion, cleanup, and multi-viewport verification for HUDs, inventories, shops, settings, and ability bars.