ECAL · Media & Interaction Design

PROCE55US

Prompt a PROCESSUS. Watch it draw.

A creative-coding atelier: a notebook of steps where each cell pairs a natural-language prompt with the code a model writes for it — rendered live in a sandboxed preview.

Download for macOS View on GitHub →
The PROCE55US app: prompts and code cells on the left, live preview on the right

Made for teaching creative coding.

Students read a prompt, see the code it produces, tweak, regenerate — and watch the sketch evolve one step at a time.

Prompt-driven steps

Each cell is a written intention. The model generates the code; the preview runs it instantly. Edit the prompt, regenerate the code.

Editable code

The generated code isn't locked: students can read it, edit it directly in the cell, and rerun — or regenerate from the prompt.

Live preview

Cells replay in order inside a sandboxed page. No build step, no tooling — the result appears as soon as the code does.

Local-first AI

Works fully offline with LM Studio. Prefer the cloud? Switch to a free Google, Groq, Mistral or OpenRouter key in one click.

Four modes, one notebook.

Each PROCESSUS picks its environment. The preview, the instructions given to the model and the export adapt to it — with a ready-made example for each.

JavaScript default

Canvas 2D drawing, pixels and animation loops, in plain JavaScript.

p5.js

Processing's spirit for the web: setup(), draw(), shapes and interaction.

three.js

3D scenes in WebGL: meshes, lights, camera and orbit controls.

DOM

A whole web page: HTML elements, CSS and interactions — not just a canvas.

How it works.

1

Write a prompt

Describe what the code should do — “fill the canvas with animated particles” — in plain language.

2

Generate

The model writes runnable code for the chosen mode — JavaScript, p5.js, three.js or DOM — aware of the cells above and the functions already defined.

3

Run & iterate

Cells replay in order in the live preview. Undo, restart, or export the result as a standalone HTML page.

PROCE55US icon

Download PROCE55US.

macOS 12 or later · Apple Silicon & Intel · proce55us-universal.dmg

First launch: macOS warns that the app « cannot be opened » — it isn't notarized with a paid Apple certificate. Click Done, then go to System Settings → Privacy & Security → Open Anyway and confirm. It opens normally from then on.

see the repository.

Set it up in two minutes.

PROCE55US needs a language model. Pick local — private and free — or a cloud key.

Local — LM Studio

recommended
  1. Download LM Studio — free, for any Mac.
  2. In its 🔍 Search tab, pick a coding model — Qwen2.5-Coder-7B is a good start — and click Download.
  3. Open the Developer tab and press Start Server (port 1234).
  4. That's it — PROCE55US uses LM Studio by default.

Cloud — your API key

free tiers
  1. Get a free API key from Google AI Studio, Groq, Mistral or OpenRouter.
  2. In PROCE55US, click the ⚙ gear in the toolbar.
  3. Choose the provider, paste the key — done.