ui-production

Convert whitebox UI prototypes into polished player-facing interfaces in Godot Engine.

15|1|Updated Mar 18, 2026
One-click install
npx skills add https://github.com/bluredengine/blured --skill ui-production
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-production
Source: https://github.com/bluredengine/blured/tree/main/prompts/skills/ui-production
Command: npx skills add https://github.com/bluredengine/blured --skill ui-production

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Godot Engine, OpenCode AI Server, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the transition from whitebox to polished UI assets, allowing game developers to focus on creating visually appealing and functional user interfaces without manual design work.

Core Features & Use Cases

  • UI Mockup: Establishes the visual style for the entire game's UI.
  • Layout Image: Generates an accurate layout image for a specific screen with exact element positions.
  • Build Layout Scene: Creates a standalone scene for visual layout testing.
  • Generate & Replace UI Assets: Produces actual UI textures and replaces placeholders in the scene.
  • Deploy to Runtime: Finalizes and integrates the UI scene into the game.
  • Use Case: A game developer wants to create a professional-looking main menu from a whitebox prototype. They use this Skill to define the style, layout, and assets, then integrate them into the game.

Quick Start

Run the 'ui-production' skill to generate UI assets for your game's main menu.

Frequently Asked Questions about ui-production

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

FAQPage Schema
How do I convert whitebox UI prototypes into polished game assets?

To convert whitebox UI prototypes into polished game assets, this Skill executes a five-step workflow that generates layout images, builds test scenes, and replaces placeholders with production-quality textures. It requires user confirmation after each step to finalize the visual style.

Does Godot Engine support automated UI asset generation from whitebox mockups?

Yes, Godot Engine supports automated UI asset generation from whitebox mockups when integrated with the OpenCode AI Server. This combination handles asset texture creation, layout management, and final scene deployment directly into the game runtime.

What is the process for creating a standalone UI layout scene in Godot?

Creating a standalone UI layout scene in Godot involves generating an accurate layout image with exact element positions, then building the scene for visual testing. This process replaces manual layout design by mapping the mockup structure directly into the engine.

What do I need to set up before automating game UI design?

Before automating game UI design, you need to set up Godot Engine and the OpenCode AI Server. These dependencies are required for the Skill to manage layout generation, produce actual UI textures, and deploy the finalized scenes into your game.

Can I define a visual style for my entire game's UI using a whitebox prototype?

Yes, you can define a visual style for your entire game's UI using a whitebox prototype. The Skill establishes the visual style during the initial mockup phase, ensuring all subsequently generated layout images and UI assets maintain a consistent appearance.