01Point
Click anything on the page.
A title, a button, an illustration. The task stays on that exact element as a numbered tab, with the width of the window where you saw the problem.
Web pages · Open source · early access
Edit the web
one block at a time.
TYKERF makes complex web pages understandable and editable. A page is cut into rows and columns, down to named blocks of ordinary HTML. Every change is a validated move on that tree, and every move can be undone.
Point at anything, leave Kaity a task, and give her all your tasks when you are ready. She can only change the block she is given.
A page in TYKERFheader main V footer H
Kaity
I can change hero: split it, move it, resize it or rewrite it. The rest of the page stays as it is.
Open sourceNamed blocksValidated moves · undoTasks · Editor · MCP · Claude
See it in 3 minutes
One sentence.
One page about Lisbon.
On the start screen, one sentence asks for a joyful page about Lisbon. Kaity builds it step by step, with facts, trivia, games and illustrations, and looks at her work at desktop and phone widths.
Tasks
Point at it.
Give Kaity your tasks.
The editor starts in the Tasks mode. Click what you would change, write a line, and when you have them all, hand them over in one go. Here, two loose tasks on a page about London: “make the illustration more colorful” and “add something about The Shard”.
02Say
Write what should change.
As loose as “make the illustration more colorful” or as exact as “make the title six words at most”. Leave as many as you like, for yourself, a colleague or Kaity.
03Hand over
Give Kaity every task.
She works through them while you watch, answers each one and says what she checked. Every step can be undone. Copy all gives the tasks as text for any other AI agent.
Three ways to start a site
Describe it, copy it
or pick a layout.
However a page starts, it ends up as the same tree of named blocks, ready to edit by hand or with Kaity.
01Describe it
Tell Kaity what you want.
Write a sentence, or drop a screenshot, a sketch or a mock-up. Kaity picks a layout and a theme and builds the page while you watch.
02Copy a website
Start from an address.
TYKERF copies a page into named blocks, bringing its images and fonts along. Publish a copy only with its owner’s permission.
03Pick a layout
Choose a structure.
Start from a modern page layout and a theme preset, then change anything, block by block, or ask Kaity to fill it in.
From a page to a site
Understand the page.
Change it with confidence.
The tree makes a complex page readable. Validated moves mean the layout can’t be left broken, and the history keeps every step.
01Edit on the real page.
Open the page and press Edit with TYKERF. It starts in the Tasks mode; switch to Edit for exact control. A floating panel shows the tree: select a block on the page or in the tree and edit its text, its code or its size, or talk to Kaity about it.
Tasks and Edit over the page
02Manage the whole site.
The site manager lists the pages and the links between them, broken ones first, with the code every page shares and the site’s icon. All the pages of a site share one theme.
Pages, links and shared code
03Publish in one click.
Send the site to a GitHub repository served by GitHub Pages, Cloudflare Pages or Netlify, one commit per publish. Or export a .zip, or let TYKERF serve the site with a sign-in to edit it.
GitHub · Cloudflare · Netlify · .zipYour AI, your tools
The same moves
for any MCP client.
TYKERF runs on your computer with Claude Code, or with an Anthropic, Anthropic-compatible or Gemini API key. Its MCP server offers the same moves to Claude Desktop, Claude Code, Cowork and other MCP clients, which can read the tasks you left and close them with a reply. In Claude Code and Cowork it comes as a plugin, from TYKERF's own marketplace.
Read the developer guide Start a site
# Node.js 22 or later, in a clone of the repository
npm install
npx playwright install chromium
npm start -- my-siteOpens http://localhost:4400Apache-2.0
Add it to Claude Code
# Node.js 20 or later; or /plugin in a session
claude plugin marketplace add eonity-org/tykerf
claude plugin install tykerf@eonity.orgBuilt in the open
A kerf is the cut
a saw leaves.
TYKERF borrows the slicing floorplans of chip design and turns them into a shared language for people and AI. Its TY connects it to the Eonity family, next to TYDAL and the coming TYSET.
TYKERF is available under the Apache License 2.0.
Read the user guide