Fragment Workbench
Build and test UI fragments against real manifest contracts. Load an app manifest (or paste your own), see available slots and bindings, author fragments with live validation, and export mod manifests when you’re done.
Loading Fragment Workbench...
Every xript mod targets a specific app manifest. The manifest declares what slots are available, what data your fragment can bind to, and what capabilities it needs.
Quick start: Pick an example manifest below. Your own app: Select "Custom" and paste your app's manifest.json, or generate one with xript init --yes.
App Manifest
Slot Contract
Use data-bind="key" to display state values and data-if="expr" to conditionally show elements. The diagnostics bar flags unresolved bindings and anything the sanitizer will strip.
Tip: Check the Slot Contract (Manifest tab) to see which bindings are available. Select a sample to start from a working example.
Fragment Source
State Simulation
Console
This simulates how your fragment will appear inside the host application. Drag the state sliders (Author tab) to test how your fragment responds to changing data. Click a slot to inspect its contract.
Host Preview
Slot Contract
This generates a valid mod-manifest.json containing your fragment, targeting the slot you selected. The manifest includes any capabilities the slot requires.
Next steps: Place the downloaded file alongside your mod's entry script. Run xript validate --cross app-manifest.json mod-manifest.json to verify compatibility.
Mod Manifest Preview
Author a fragment and select a slot to see your mod manifest here. What's Next
xript init --mod and replace the generated manifest with yours
xript validate --cross app.json your-mod.json