Guide

Working with coding agents

Any agent that runs a shell command and reads JSON can drive the importer: Claude Code, Codex, Cursor, OpenCode, Gemini CLI. The report tells it whether its own work is correct.

The loop

01 LINT

Check the HTML without writing assets.

02 IMPORT

Build the Widget Blueprint and the JSON report.

03 RENDER

PNG plus every widget's rectangle, to compare with the browser.

The eight skills

best-practicesThe authoring rules the importer expects, so HTML converts cleanly first time.
designDesigns a game screen as importable HTML and Tailwind.
from-imageReconstructs a mockup image as HTML.
screenTakes an image all the way to a finished widget in one call.
importRuns the import and reads the JSON report.
bindWires the generated widgets and events to C++ or Blueprint.
reimportRe-imports a changed design and checks the diff.
diagnosticsReads coded diagnostics and fixes the HTML that caused them.

Activate the skills

The skills are served over MCP with a license key rather than shipped as files. Your activation code is in ACTIVATION.txt at the root of the download.

  1. 01Open mcp.digitalxbunker.com/activate and paste the code.
  2. 02Your key is issued instantly and shown once. Store it like a password.
  3. 03Copy the ready-to-paste config for your tool into its MCP settings.

The code gates only the hosted skills. The importer, CLI, commandlet and tests need no key and no network. Never paste the activation code into a public thread or issue.