Genesis

Genesis is a CMS and static site generator written in PHP and JavaScript, with no framework and no npm dependency. It exports semantic HTML, readable by search engines and AI agents alike; this site is one of its outputs. Genny lives in the editor. She knows the whole site, block by block, keeps the rules and facts I give her, and holds the list of what remains to be done. She writes, translates, generates images, changes the layout, handles SEO and syntax. Genesis is her medium: I describe what I want, she builds it. I review, I post.

Technical sheet

General information

Architect / Creator: David Pichot

Development: Claude Sonnet 4.5

Development time: 54 days

Technology

Languages: PHP, JS

Database: SQLite, JSON

Libraries/Dependencies: Masonry.js, Sortable.js, Embla Carousel

Metrics

Lines of code: ~40000

Number of files: ~190

Genesis EN page: 100/100/100/100 on desktop on 14 Sep 2026; mobile performance 90/100

Status

Project status: In progress

Problem

The web is no longer read only by humans. Augmented search engines and AI agents analyze pages in depth: structure, semantics, load times, HTML clarity. Yet most CMSs and site builders produce heavy pages, saturated with scripts and dependencies. They answer marketing checkboxes more than a logic a machine can read. As soon as you add interactive content, a 3D scene, or a demo, the performance of the whole page degrades. And when AI is present, it is often reduced to a “generate” button. It writes into a void, without understanding the site, its context, or what already exists.

Response

Genesis brings the site structure, sections, blocks, design, and SEO into one visual interface, with live preview. The export produces static, semantic HTML pages enriched with Schema.org, metadata, the sitemap, feeds, and llms.txt. Content is available in French and English through model-based translation with review. WebGL 3D scenes are integrated in iframes without breaking performance. A single three.js engine is shared by all scenes. Each scene goes silent when it leaves the screen, rendering runs through a worker off the main thread, and loading is orchestrated.

The AI agent is built into the editor, not added as a simple text generator. It knows the whole page block by block, keeps an overview of the site, and helps maintain its consistency. It does not create a site structure in place of the CMS: it helps lay out pages from existing modules. It can suggest, improve, or take on a task, with validation before writing. It works with harnesses like Claude Code or Codex, which increase its working capacity. With Codex, it can also produce visuals. Before each write, the previous text is kept in a log, and nothing is published without validation.

Features

Genesis is not like any other tool.
It generates static websites with the flexibility of a dynamic CMS, integrating features designed to combine performance, full control, and simple use.
Some exist elsewhere. Others are unique.
Here is what it can do.
Genesis and its writing agent, demo playback. Watch the writing agent work inside the Genesis editor: selecting a block, drafting, and revising a quoted passage.

AI agent built into the editor

Genesis now has a writing agent built into the editor. It lives in a window over the editor: I point it to a block, it writes; I quote a passage, it only revises that part. It reads the whole page before writing. Before each change, it keeps the previous text in a log.
Table of the site’s Lighthouse scores: performance, accessibility, best practices, and SEO, page by page, with a button to run the measurement again. Browse the Lighthouse scores page by page and inspect the four measured criteria.

Page performance

Genesis generates static sites. Separating creation from publication reduces the browser's work and the export's dependencies. The archived PageSpeed Insights audit from 14 September 2026 gives the English Genesis page 100/100 in all four categories on desktop and 90/100 for mobile performance on the same page. Other pages and devices have different results.

The table alongside this text shows the measurements page by page. Each result depends on the URL, date, device and test conditions.
The Genesis editor in use: settings panels on the left and right, site preview in the center, updated live. Explore Genesis’s settings panels and watch the site preview in the centre.

Visual site editor

With Genesis, the site architecture is driven from a single interface: global settings on the left, page settings on the right, real-time preview in the center, across several screen sizes. No approximate drag-and-drop. The structure stays controlled and predictable. Each block inherits globally defined styles: type, colors, spacing. This keeps the visual system consistent. Change one setting, and it propagates everywhere without risking the design.

Responsive web design

Genesis can produce very different designs from the same set of sections and blocks. Every component is responsive by design: grids, typography, and media adapt automatically from mobile to desktop. And if you know how to code, a block is only a JS/PHP pair: once added to the project, it is scanned, added to the library, and made available in the interface like any native component.
The Genesis SEO panel: title, description, keywords, canonical URL, page type, and Open Graph fields. Explore the SEO panel fields: title, description, canonical URL, and social sharing.

Integrated SEO

Genesis includes a native SEO & Social Networks panel that manages canonical URLs, Open Graph, Schema.org, and metadata for each page. You fill in a few key fields. The system generates clean HTML and coherent structured data: no extra plugin, just solid SEO that search engines and AI agents can read.
Layout demo: four buttons reorganize cards around a text block, while sliders adjust margins and border radii. Choose one of the four layouts, then adjust margins and corner radii with the sliders.

Adjustable layout

Genesis combines the flexibility of a dynamic CMS with the reliability of a static generator. The demo shows the layout system: the same cards reorganize instantly based on the selected buttons, while margins, spacing, and corner radius are adjusted in real time with sliders. In practice, your sections can be rearranged without breaking the grid. This lets you adapt the same design to very different content without touching the code.
Automatic HTML structure correction by Genesis: the heading tree is displayed, and incorrect levels are marked in red. Spot the flagged headings and compare their levels in the corrected HTML outline.

Corrected HTML headings

Genesis analyzes and automatically corrects the HTML structure of your pages, without touching your layout. You can use headings for design (an H2 with the appearance of an H3, for example); the engine then restores a clean semantic hierarchy during generation. Level errors (a misplaced H1, jumps from H2 to H5, isolated headings…) are detected and reordered in a few milliseconds. The result: native HTML, accessible and optimized for search as well as assistive technologies, with no extra manual work.

Evolution

Genesis already lets me build the sites I want, with the level of control I need. But for me, it is only a starting point. I want it to become a truly assisted system, able to anticipate part of the work instead of only executing my choices. Connected to Homeostasis, Genesis should be able to generate pages from semantic models, propose structures adapted to the context, select the right media, then let me adjust the details. The goal is not to delegate the decision. It is to use machine intelligence to prepare the ground, without losing control of the result.

There are also very concrete points to improve. I want to see the impact of the styles I apply immediately: shadows, border radii, typographic variations, hover states, directly in the panels. I want expandable setting groups, a text editor that renders content live, and visual placeholders that make blocks easy to distinguish at a glance. A tool at this level must be powerful, but also pleasant to handle. No hacks. No guessing. A clear relationship between each setting and what appears on screen.

The preview needs to become more fluid, with several screen sizes available in one gesture, and blocks delivered by default with relevant icons or images, so the rendering stays clean even when the content is not final yet. Longer term, I want to add a house-made slideshow engine, very light and highly optimized, multiple headers and footers, dynamic menus, and an integrated generator for the legal notice, Terms of Use, and cookie banners. Everything that wastes time without adding creative value.

Genesis is designed as a living system. In time, I want it to become an autonomous ecosystem, able to recognize recurring needs, propose suitable configurations, and prepare the ideal structure before I even ask for it explicitly. Because at its core, Genesis is not only a tool. It is a way of working. Less friction, more control, and one constant obsession: that the technical layer gets out of the way, so all the space is left for what we truly want to show.

Let's work together

Innovation grows out of collaboration. Together, let's build solutions that matter.
Owan
Hello, my name is Owan, I am David's assistant. How can I help you?
0/2000