Code editor

The code editor helps you inspect, understand, and refine the real files behind your project.

You do not need to be a developer to use RIB Creative, but the editor is important when you want deeper control.

What the code editor is for

Use the code editor to:

• Review files changed by the agent.
• Understand how a page or component is built.
• Make small manual adjustments.
• Copy snippets for review.
• Check whether generated code matches your expectations.

When to use the editor

Use it when:

• A change looks almost right but needs a small adjustment.
• You want to inspect what the agent touched.
• You are reviewing client or production-bound work.
• You are technical and want to guide implementation more directly.

When to ask the agent instead

Ask the agent when:

• You are not sure which file controls the behavior.
• The change touches multiple files.
• You need a refactor.
• You want verification after the edit.

Good review habits

• Review the preview first.
• Inspect the changed files.
• Avoid editing generated infrastructure files unless you understand them.
• Keep manual edits small.
• Ask the agent to explain unfamiliar code before changing it.

Copyable prompt

Explain the files involved in this page.
Do not edit yet.
Tell me which file controls the hero section and what I should change if I want a shorter headline.

Limitations

Manual edits can break the project just like agent edits can. If you change code directly, test the preview afterward.

Next steps

• Ask for explanations: Chat only
• Make agent changes: Build mode (Agent)
• Review before publishing: Publish your project