skills.rest
bluredengine
bluredengineOFFICIAL
Explore all skills by this author →
GitHub

ui-layout-replicate

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
One-click install
npx skills add https://github.com/bluredengine/blured --skill ui-layout-replicate
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
TzeusyTzeusy

trend-interpreter

Analyze health measurement trends and flag anomalies using statistical guidelines.

Community
Advanced
AsreonnAsreonn
3

godot-sync-static-positions

Detect and sync static position conflicts between Godot .tscn and _ready() code.

Community
Basic
kickthemoon0817kickthemoon0817
1

camera-viewport

Manage cameras and capture viewport images in 3D simulation environments.

Community
Intermediate
AsreonnAsreonn
3

godot-extract-to-scenes

Convert code-created Godot nodes into reusable .tscn scene files.

Community
Intermediate