Alleen in development
Tencil zie je alleen op je dev-site. In een productiebuild zit het niet, dus je kunt de integratie gewoon committen.
- Wat
- Visuele feedback voor coding agents
- Wat we deden
- Strategie, design, development en AI
- Live op
- tencil.dev
Je agent bouwt snel, maar ziet niet waar jij naar kijkt
Een coding agent als Claude Code zet in een paar minuten een hele pagina neer. Het bijsturen kost daarna de meeste tijd. Je legt uit welke knop je bedoelt, in welk component die zit en wat er anders moet, en dan maar hopen dat je agent dezelfde knop vindt.
Daarom bouwden we Tencil. Je klikt in je draaiende app op het element en typt wat er anders moet. Je agent krijgt het component, de source file en de markup mee, dus uitleggen waar iets staat is niet meer nodig.
Wijs aan wat er anders moet
Druk op C, klik op een element en typ je prompt. Start een nieuwe thread of ga verder in een bestaande, dan weet je agent nog wat hij eerder heeft gedaan. Zijn antwoord staat naast de pagina en de wijziging zie je op de pagina zelf, zodra je dev-server herlaadt.
localhost:5173/pricing
Je blijft gewoon in je browser
Je start Tencil met npx tencil vanuit je project. Daarna ligt het als overlay over je dev-site en stuurt het je opmerkingen door naar Claude Code of T3 Code. Dat werkt op Next.js, Vite en elke andere dev-server.
Wil je een hele pagina nalopen? Zet eerst al je opmerkingen neer en stuur ze daarna samen naar je agent. Elke pin heeft een eigen thread. Klopt het nog niet, dan reageer je erop voor een volgende ronde. Is het goed, dan sluit je hem.
Je zet een pin op het element en typt je prompt. Je agent krijgt het component, de source file en de markup mee.
Draait op je eigen machine
Er is geen Tencil-server en geen account. Je dev-site, een kleine daemon en je agent draaien allemaal op je eigen laptop. Tencil is open source, dus je kunt zelf nalezen wat het precies doet.
Alleen op localhost
Een kleine daemon op je laptop geeft je feedback door aan je agent. Hij luistert alleen naar je eigen dev-sites en weigert al het andere.
Jouw agent, jouw login
Tencil geeft je prompt aan Claude Code of T3 Code op je laptop, met jouw login. Je agent werkt met zijn provider zoals hij dat altijd doet.
Tencil
Aanwijzen in plaats van uitleggen
Start Tencil vanuit je project en het staat meteen op je dev-site. Werkt met Claude Code en T3 Code, op Next.js, Vite en elke andere dev-server.