8
Verification
Confirm the full connection
With both Unreal and UGP open, run a quick read-only check before using any edit actions.
- Check the badge labeled Connected.
- Check the badge labeled MCP.
- Open a new Codex thread in UGP.
- Try one of these read-only prompts first.
List all the blueprints in this project.
Create me a Enum with 3 entries of Living Room, Bedroom and Bathroom
If the plugin and desktop app are communicating correctly, UGP should be able to read project context, list Blueprint assets, and handle simple Unreal creation tasks inside the linked project.
18
Example
Material UI Storyboard: Widget From Reference
This example uses the Material UI Storyboard instead of the normal prompt flow.
Goal
Create a widget design task from a screenshot reference so the app can generate a .reference file and then start the implementation thread.
- Click Material UI Storyboard in the left menu.
- Click Select Workspace or Change Workspace and pick the Unreal project folder.
- Click Add Widget in the storyboard toolbar.
- Upload the main screenshot to the Widget card.
- If needed, click the cutout button and create icon cutouts from the image.
- Click the Widget storyboard card so it becomes selected and confirm Build Now becomes enabled.
- Click Build Now.
- The storyboard collapses into its compact build state and the loading text reads
Creating design reference file...
- If you minimize the app during this build, the app moves into dock view.
- The build runs through the design-reference pipeline and then opens the final Codex implementation thread.
- Restore the app when the conversation is finished and check the workspace for the saved
.reference file.
19
Example
Material UI Storyboard: Icons From References
This example uses the Material UI Storyboard icon flow.
Goal
Generate transparent icon PNGs and import them into Unreal.
- Click Material UI Storyboard.
- Set the workspace if it is not already set.
- Click Add Icons.
- Add icon reference images, or import a
.reference file that contains valid icon SVGs.
- Click the Icon storyboard card so it becomes selected and confirm Build Now is enabled.
- Click Build Now.
- The card collapses into its build state.
- If the card contains image-only inputs, the build first runs icon generation and then import.
- If you minimize the app during the run, it drops into dock view.
- Restore the app when the thread completes and review where the PNGs were saved and which Unreal assets were imported.
- In Unreal Editor, browse to
/Game/UI/Icons and confirm the imported textures have clean transparent backgrounds.
20
Example
Material UI Storyboard: Fonts From Reference
This example uses the Material UI Storyboard font flow.
Goal
Identify a font from a UI reference, download the best match, and import it into Unreal.
- Click Material UI Storyboard in the left menu.
- Click Select Workspace or Change Workspace and pick the Unreal project folder.
- Click Add Font.
- Upload the
.reference file for the design and any supporting screenshots that show the typography clearly.
- Click the Font storyboard card so it becomes selected and confirm Build Now becomes enabled.
- Click Build Now.
- The storyboard collapses into its compact build state and the build opens a new Codex thread.
- If you minimize the app during the run, it moves into dock view and continues there.
- Read the final response to see which font was selected, where it was downloaded, and how it was imported.
- In Unreal Editor, browse to
/Game/UI/Fonts and confirm the imported font matches the original reference closely.