Materials Workbench

Use this skill when the user wants to run the materials editor workbench: a local web app with a React client and Express server that renders JSON schemas to images (declare-render) and can generate or edit schemas using AI (materials-agents).

What it is

• Client — React + Vite app for editing and previewing render schemas.
• Server — Express API that renders schemas to PNG/JPG and uses materials-agents (OpenAI) for schema generation or refinement.

When to use

• User wants to "run the workbench", "start the materials editor", or "open the schema editor UI".
• User needs a local dev environment for rendering schemas and AI-assisted schema creation.

Run

From the workbench root: