Point to what you mean.
Bring files, screenshots, and selected page elements into the conversation. Give your agent something more useful than another explanation.
<button>src/components/navigation.tsx
Introducing Kodera / Early access
Build with AI.
Build with AI.
Stay in the flow.
Your agent, your live app, and your code.
One clear workspace to turn ideas into working software.
Built by Narakarya. Made for developers who like to stay in control.
A little less switching. A lot more building.Interactive walkthrough · example project
Build the dashboardmain
Read dashboard.tsx and theme.css
src/pages/dashboard.tsx↗
The overview is ready. The preview stays right beside this conversation, so you can check the details as we go.
2 files changed+42−8
Give it direction. Keep the context.
main 2 files changed
localhost:4000/dashboard
orbitOverview A
YOUR WORK, AT A GLANCE
Good morning, Alex.
A little clarity for the day ahead.
Projects04Active
Completed12This week
In progress03On track
Today's focus3 tasks
src/pages/dashboard.tsx +34 −6
12
export function Dashboard() {13
return (14
− <main>Welcome back.</main>14
+ <main className="overview">15
+ <Greeting name="Alex" />16
+ <ProjectStats projects={projects} />17
+ <TaskList tasks={today} />18
+ </main>19
);20
}The diff gets the final word.
Inspect the changes before you keep or commit them.
orbit / local terminal
~/projects/orbit main ❯ npm run build > orbit@0.1.0 build > tsc && vite build ✓ TypeScript check passed ✓ Components compiled ✓ Production build ready Your tools. Your project. Right here. ❯
Illustrative output from an example project.
A workspace for the agents you choose.
ClaudeCodexOpenCodeFramework context with Tidewave
Connect supported agents through ACP. Use your own accounts and credentials.
KEEP THE WHOLE PICTURELess context switching.
Less context switching.
More context that matters.
Working with an agent should feel like a conversation with your project close at hand.
See the app as you build.
Keep the live preview, console, and server logs beside your chat. Inspect what changed and keep the next instruction grounded.
Preview · Console · Server logs
Review with a clear head.
Expand the diff, inspect each file, and understand the scope of a commit. Permission controls keep you involved as the agent works.
+42−82 files ready to review
BEYOND THE CHAT WINDOWYour project has
Your project has
more to say.
For Phoenix projects, Tidewave brings framework context into the workflow. For the app in front of you, browser tools connect what you see with what you're building.
Start from a page, a file, or an error. Keep that context close through the conversation and the review.
A few things worth knowing Files Framework Browser
KoderaYour project's context, together.
DirectPreviewReview
One conversation. A complete view.
ROOM TO WORK. ROOM TO MOVE.At your desk.
At your desk.
Within reach.
Kodera is built around a desktop workspace for your local projects. A paired iOS companion lets you follow your sessions away from the desk.
A FEW GOOD QUESTIONSBefore you
Before you
get started.
What is Kodera?
Kodera is a development workspace by Narakarya. It brings agent conversations, a live app preview, files, a terminal, and change review into one interface.
Which agents can I use?
Kodera includes support for Claude, Codex, and OpenCode through the Agent Client Protocol (ACP). You connect your own accounts and credentials; each provider's usage limits and terms still apply.
Does it replace my editor?
You can keep the editor and local tools you already use. Kodera adds a focused place to direct agents, inspect the running app, and review their work.
Do I need Tidewave?
No. Tidewave is an optional integration for deeper framework context on Phoenix projects. The workspace can also be used with other projects and their development servers.
Where does my project run?
Your project and development server run in your own environment. Agent requests are handled by the providers you connect, according to those providers' settings and data policies.
Can I download Kodera now?
Kodera is currently in early access. Get in touch to ask about access and current platform availability.
MAKE SOMETHING WORTH BUILDINGA clearer workspace.
A clearer workspace.
A closer connection to your code.
Get an early look at Kodera. Tell us what you're building.
Get early access hello@nasrulgunawan.com