spatial-calculation-ui-layout
CommunityStreamline UI positioning calculations.
Software Engineering#game development#ui layout#phaser#coordinate systems#spatial calculation#text measurement
Authorpmarashian
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the common challenge of UI positioning in game development and web applications, reducing the typical 3-5 iteration cycles to just 1-2.
Core Features & Use Cases
- Coordinate System Clarity: Differentiates and explains world vs. screen coordinates, crucial for accurate placement.
- Text Measurement Utilities: Provides patterns to accurately measure text width before positioning elements.
- Layout Calculation Patterns: Offers reusable patterns for centering text, positioning relative to other objects, and responsive layouts.
- Use Case: When developing a game UI, use this Skill to precisely center a score display or position a button below a dynamic text element, ensuring pixel-perfect alignment on the first try.
Quick Start
Use the spatial-calculation-ui-layout skill to center the text element 'welcomeMessage' on the screen.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: spatial-calculation-ui-layout Download link: https://github.com/pmarashian/cursor-agent-skills/archive/main.zip#spatial-calculation-ui-layout Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.