ui-layout-replicate
OfficialAutomate UI layout replication from reference images.
Authorbluredengine
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of replicating UI layouts from reference images into pixel-perfect Godot .tscn scenes, saving time and reducing errors in UI design.
Core Features & Use Cases
- Automated Layout Replication: Convert UI reference images to .tscn scenes with precision.
- Parameterized Scaling: Dynamically scale UI elements to match target resolution.
- Tool-Assisted Measurement: Utilize a separate LLM for detailed image measurement analysis.
- Quick Start: Use the UI Layout Replicate Skill to create a UI layout from a reference image by simply describing the desired outcome.
Quick Start
Use the ui-layout-replicate skill to replicate the UI layout from the reference image 'reference_ui.png' into a Godot scene.
Dependency Matrix
Required Modules
godot_ui_measuregodot_asset_create_placeholdergodot_editor_command
Components
scriptsreferences
💻 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: ui-layout-replicate Download link: https://github.com/bluredengine/blured/archive/main.zip#ui-layout-replicate 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 620,000+ vetted skills library on demand.