ui-layout-replicate

Name: ui-layout-replicate
Availability: InStock
Author: bluredengine

Replicates UI reference images into Godot .tscn scenes with measured scaling factors.

15|1|Updated Mar 18, 2026

Search Tags:#ui design #ui automation #godot engine #reference image #layout replication

Ready to run

npx skills add https://github.com/bluredengine/blured --skill ui-layout-replicate

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-layout-replicate
Source: https://github.com/bluredengine/blured/tree/main/prompts/skills/ui-layout-replicate
Command: npx skills add https://github.com/bluredengine/blured --skill ui-layout-replicate

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires godot_ui_measure, godot_asset_create_placeholder, godot_editor_command, and includes scripts (resource) and references (resource) components.

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.

Frequently Asked Questions about ui-layout-replicate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I replicate a UI layout from a reference image in Godot?▼

To replicate a UI layout from a reference image in Godot, you can automate the conversion into .tscn scenes by performing detailed measurement analysis and calculating parameterized scaling factors.

Can I automatically scale UI elements to match a target resolution in Godot .tscn scenes?▼

Yes, you can automatically scale UI elements to match a target resolution in Godot .tscn scenes by calculating parameterized scaling factors derived from the reference image measurement analysis.

Do I need specific Godot editor tools to automate UI layout replication?▼

Yes, automating UI layout replication requires the godot_ui_measure, godot_asset_create_placeholder, and godot_editor_command tools to perform measurements, create placeholders, and execute scene generation.

What is the best way to convert a UI reference image into a Godot scene?▼

The best way to convert a UI reference image into a Godot scene is using an automated layout replication process that utilizes a separate LLM for detailed image measurement analysis to ensure pixel-perfect .tscn generation.

Why does automated UI layout replication use a separate LLM for image measurement?▼

Automated UI layout replication uses a separate LLM for image measurement to perform detailed analysis of the reference image, ensuring the calculated scaling factors and generated Godot layouts are precise.