Prisms

Prisms is Fuel iX's interactive UI workspace. Instead of a copilot describing a dashboard, calculator, or tracker in text, it builds one — right in the chat. You get a live, interactive interface you can use, modify, and share with your team.

Most people use Copilots for weeks before discovering Prisms. That's a shame, because it's one of the most powerful things the platform does.


What Prisms does

When Generative UI is enabled, your copilot can generate interactive applications — Prisms — directly in the chat. A Prism isn't a screenshot or a mockup. It's a working interface with inputs, buttons, charts, and logic. You can interact with it immediately, ask the copilot to modify it, and share it with others.

Things you can build with Prisms:

  • Dashboards that visualize data you paste in or describe
  • Calculators and estimators for formulas your team uses repeatedly
  • Data tables you can sort and filter
  • Trackers, planners, and simple apps
  • Interactive forms and surveys
  • Diagrams and flowcharts

If you can describe it in words, you can probably build it in Prisms.


Enabling Generative UI

Generative UI is the tool that powers Prisms. It can be enabled per chat or per copilot.

For a single chat

  1. Click the copilot name at the top of the chat to open the copilot details panel.
  2. Under Manage the current chat, toggle Generative UI on.
  3. Return to the chat and make your request.

This enables Generative UI for this chat only. The next new chat starts with whatever the copilot's default settings are.

For a custom copilot (always on)

  1. Open your copilot's settings.
  2. In the tools section, toggle on Generative UI.
  3. Save your copilot.

Every chat with this copilot will have Generative UI available. Useful if your copilot is purpose-built for building or working with Prisms.


Creating your first Prism

  1. Enable Generative UI (see above).
  2. Describe what you want to build. Be specific about the purpose, the data, and the interactions you need.
  3. The copilot plans and generates the Prism. A module appears in the chat.
  4. Click the module to open the Prism in the split-screen workspace.

Example prompts to try:

  • "Build a weekly task tracker with checkboxes and a progress bar"
  • "Create a dashboard for this sales data: [paste data]"
  • "Make a simple ROI calculator where I can enter cost, revenue, and time"
  • "Turn this process into an interactive flowchart"

The copilot shows its reasoning — what it's planning to build and why — before generating. If the plan doesn't match what you wanted, you can redirect it before it builds.

💡

Be specific about interactions

"A dashboard" could mean many things. "A dashboard showing monthly revenue by region as a bar chart, with a dropdown to filter by year" gives the copilot a much clearer target. You can always iterate from there.


The split-screen workspace

When you open a Prism, your screen divides into two panels:

Left: Chat — Continue talking to your copilot. Ask for changes, additions, or explain what isn't working. The copilot modifies the Prism based on your instructions.

Right: Prism workspace — The live interface. You can interact with it directly — click buttons, enter data, use any functionality it has — while simultaneously refining it through the chat.

This real-time feedback loop is what makes iteration fast. You don't have to describe what's wrong abstractly — you can interact with the Prism, show the copilot what's off, and ask for a fix in plain language.


Code and Rendering views

The Prism workspace has two views:

Rendering — The live interface. This is what users see and interact with.

Code — The underlying HTML, CSS, and JavaScript. Switch to this view to see how the Prism is built, make manual edits, or copy the code for use outside Fuel iX.

To switch views, click the Rendering or Code tab at the top of the Prism workspace.

📘

Exporting a Prism

The Code view gives you everything you need to take a Prism outside of Fuel iX. Copy the code and drop it into any web environment.


Version management

Every time you ask the copilot to make significant changes to a Prism, it creates a new version rather than overwriting the previous one. The version dropdown in the top-left of the workspace lets you switch between versions.

This means you can:

  • Experiment freely without losing what was working
  • Compare two versions side by side
  • Roll back if a change made things worse

Versions are created automatically when you request modifications. You don't need to do anything special to preserve them.


Sharing a Prism

You can share a Prism with other Fuel iX users so they can interact with it directly — without rebuilding it themselves.

To share a Prism:

  1. Open the Prism in the workspace.
  2. Click Share.
  3. Select users or teams to share with.
  4. Set permissions: View-only (users can interact but not modify) or Interactive (full functionality).
  5. Recipients can access shared Prisms from their Prisms app.

What sharing enables: Multiple users interacting with the same Prism — a team dashboard, a shared calculator, a planning tool your whole department uses. You build it once; everyone benefits.

💡

Use case: team tools

Build a Prism for a process your team runs regularly — a weekly report template, a budget estimator, an onboarding checklist. Share it with the team and they can use it directly, without knowing anything about how it was made.


Accessing the Prisms app

Prisms is also accessible as its own app in Fuel iX, separate from Copilots.

  1. Click the app switcher (waffle menu) in the top navigation.
  2. Select Prisms.

From the Prisms app you can see all the Prisms you've created, Prisms shared with you, and manage versions. Prisms created in Copilots chats appear here, and Prisms created in the Prisms app can be referenced in Copilots chats.


Best practices

Iterate incrementally. Start with a basic version and add complexity step by step. "Add a pie chart" after you have the layout working is easier for the copilot than trying to spec out everything upfront.

Name versions descriptively. When asking for a new version, describe the change in your chat message clearly — "add a filter by date range" creates a natural label for that version.

Test before sharing. Try all the inputs and interactions in a Prism before sharing it with your team. What looks right in Rendering view should also work correctly.

Combine with other tools. Prisms works well alongside Code Execution (analyze data first, then visualize it in a Prism) and knowledge bases (a copilot with your product docs can build a Prism that surfaces that information interactively).

Before sharing Prisms with sensitive data

Review the code before sharing any Prism that was built using confidential data. Avoid hardcoding sensitive values into Prisms that will be shared broadly.


Related pages


Did this page help you?