Hamza Trabelsi · Product Designer & BuilderPersonal product · AI-native creative tools
✦

Zollat

KEEP THE IDEA.
MOVE IT INTO
WORKING FORM.

An AI-native creative workspace that carries a thought from capture to conversation, code, execution and a shareable prototype inside one app.

✦AI shares
the context
Writing
Writing artifact
Code
Code artifacts
Logic
Executable graph artifact
Running now
Running prototype
ThinkMakeRunShare
01The problem

The problem

TOOL SWITCHING BREAKS CREATIVE MOMENTUM.

The fragmented pathHave an idea→Open notes→Remember later→Find a computer→Open an IDE→Re-explain it to AI
The Zollat pathThink→Capture→Explore→Execute

Designed with ADHD creative people in mind, Zollat reduces tool switching and context reconstruction. A thought can change form without losing its surrounding project or the momentum that created it.

02The product model

The artifact model

EVERY FILE BELONGS TO
THE SAME PROJECT CONTEXT.

A project can contain notes, code, data, sketches, schedules, interfaces and graphs. These artifacts can exchange information and provide context to the AI collaborator.

✦Shared
context
WritingCodeDataUIGraphsSchedules
01Artifacts have behavior

Each format receives tools suited to how it is created and used.

02Context stays connected

The project preserves relationships as an idea changes form.

03Ideas can run

Runtime and graph systems turn passive content into working logic.

03Designing for momentum

Resuming work

KEEP UNFINISHED WORK EASY TO RESUME.

Recent artifacts, project-aware nudges, tasks and schedules show where work stopped and what may need attention next. The user can return without rebuilding the project context from memory.

Recent work in Zollat
Project-aware nudges
Schedule with contextual AI
Resume where attention left offSurface commitments without punishmentKeep the assistant inside the artifact
04A native AI collaborator

Shared project context

THE ASSISTANT SEES
THE ACTIVE ARTIFACT
AND ITS PROJECT.

The conversation follows the active artifact. Zollat can respond to a note, dataset, schedule, code file or graph using the project context already available in the workspace.

AI inside a note
AI inside a dataset
Ask about this note
Ask about this data
The assistant works inside the current artifact and can refer to the rest of the project when needed.
05Controlled collaboration

Reviewing AI changes

REVIEW AI CHANGES
BEFORE APPLYING THEM.

Inline diffs show additions and removals before they are applied. The user can accept or discard a change, and version history keeps experiments reversible.

AI edit shown as an inline diff
Version history and restore
RemovedProposedRestorable
06Artifacts as modes of thought

Artifact types

MOVE AN IDEA INTO THE FORMAT IT NEEDS.

NoteWriteCodeExecuteScheduleRememberSketchExploreGraphConnectDataStructure
Artifact creation choices
Sketch artifact
Project tasks artifact
07Execution on the go

Working execution runtimes

WRITE, RUN AND TEST CODE
IN THE SAME WORKSPACE.

Zollat includes JavaScript and Python execution, multi-file projects and package support. A person can capture an idea, test its logic and interact with the result on the same device.

Code files in a Zollat project
Programming language choices
Executable game running in Zollat
JavaScriptTypeScriptReactPythonHTMLCSSJSONMermaid
08Executable visual logic

Executable visual logic

BUILD AUTOMATION AND
BRANCHING LOGIC WITH GRAPHS.

The node graph executes automations, branching dialogue, reusable logic and task flows. Each connection represents behavior that can run.

Starter executable flow
Runtime, UI, data and logic nodes
StartChoiceAIRepeatNavigateData rowCodeCompile
09From logic to interface

Interface prototyping

DESIGN AND TEST
A PROTOTYPE
IN ONE PROJECT.

Templates and editable components provide a starting point. Design, behavior, preview and specification are different views of the same application.

App templates
Mobile UI builder
Editable UI component library
DesignLogicPreviewSpec
10Artifacts working together

Connected project files

INTERFACES, DATA AND LOGIC SHARE ONE PROJECT MODEL.

Components expose inputs and outputs, datasets provide structured values, and graphs coordinate how information moves between them.

Project containing data, UI and other artifacts
UI behavior inputs and outputs
Structured project data
InterfaceBehaviorDataRuntime
11Portable outcomes

Portable outcomes

PROJECTS CAN BE SHARED
AS ZPACKS.

A Zollat project can become a hosted mini-app, personal utility, web experience, interactive story, game or prototype. A Zpack packages the result so another person can install or open it.

Build a Zollat app
Install and share a Zpack
Installed Zollat apps
Project→Build→Zpack→Install / share
12Designed and built

Personal product · functioning frontend

THE CURRENT PROTOTYPE
IS FUNCTIONAL.

Zollat is a personal project designed and built by Hamza Trabelsi. The frontend and creative execution systems are implemented. The backend is still minimal at this stage.

43+Captured product states

Across projects, artifacts, AI collaboration, runtime, graphs and apps.

2Execution runtimes

JavaScript and Python support immediate experimentation.

1Continuous context

The same project follows the idea from thought to output.

Functioning nowFrontend experience · JS/Python execution · node graphs · artifact editors · Zpack flowsEarly infrastructureMinimal backend · evolving hosted ecosystem
✦

Zollat · Case study by Hamza Trabelsi

ONE WORKSPACE FOR
CAPTURE, CONTEXT
AND EXECUTION.

Zollat keeps notes, code, data, graphs, prototypes and AI collaboration inside the same project context.

Writing with Zollat
Running a prototype
Sharing the result as a Zpack
Hamza Trabelsi · Product Designer & BuilderThink · make · run · share