Build a website with FLUJO

Follow the recorded FLUJO workspace with on-screen explanations. Routine operator pauses are trimmed; actions play at normal speed at 1×. The pointer guides your eye to recorded click positions. Private provider-key entry and correction are omitted; the connection test shown is the successful retry. Pause at any step or revisit a chapter.

The tool setup uses a GitHub clone and build, then a manual connection that reuses those files. An earlier save click missed the dialog. The operator reopened setup and corrected a folder entry before the final test and Add server action shown here. Those recovery operations are omitted; the earlier error remains visible until the new test passes.

The agent instructions and name are pasted in the recorded app. Clipboard preparation is omitted; the text appears at once as it did in the real session.

First Pour was reviewed and improved in the same chat. The first revision reported success, but the operator found the old footer year and duplicate trailing markup. A follow-up requested a read, one complete write_file correction, then a readback. The final agent response reports its checks; the operator separately checked the served file and browser behavior.

The final desktop check uses fictional signup details, shows the local confirmation, then reloads to the empty labeled form. This signup is a local demo: it sends no data, makes no reservation and delivers no email.

The website brief, revision, repair and demo details are pasted in the real browser. Routine pauses, clipboard preparation, preliminary inspection and unsuccessful navigation are omitted; actual pastes and actions play at normal speed at 1×. The recording does not claim unassisted first-attempt success.

Two approved stills show the first draft's hero and signup before the revision. The later preview and signup sequences show the repaired site. The closing tour presents brief recorded views of Meetings, Automations and Personas.

Connected models and tools may receive data and have their own costs. About this recording and its evidence ↗

Choose 1×, 2× or 5× playback speed. Player shortcuts: Space to play or pause, ← / → to move five seconds, Home / End to jump to either end, and F for fullscreen. The timeline also supports its native arrow keys.