Skills
.Work. You
Rest

build-ui

Official

Create Decentraland 2D UIs with React-ECS.

Software Engineering#game development#ui#hud#decentraland#sdk7#react-ecs
Authordcl-regenesislabs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the creation of dynamic and interactive 2D user interfaces within Decentraland scenes, enabling developers to build rich user experiences like HUDs, menus, and in-game displays.

Core Features & Use Cases

  • React-ECS UI Development: Build UIs using a familiar JSX syntax with the Decentraland SDK's React-ECS.
  • Component Library: Utilize pre-built UI components such as Labels, Buttons, Inputs, and Dropdowns.
  • State Management: Implement UI state using module-level variables for dynamic updates.
  • Use Case: Develop a game's heads-up display (HUD) showing player health, score, and a mini-map, or create an in-world shop menu with item listings and purchase buttons.

Quick Start

Use the build-ui skill to create a simple 'Hello Decentraland!' label in the center of the screen.

Dependency Matrix

Required Modules

None required

Components

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: build-ui
Download link: https://github.com/dcl-regenesislabs/dcl-catalog/archive/main.zip#build-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.