Skip to content

Guides

Step by step: set Tencil up with your agent, then point at what should change instead of describing where it is.

$npx tencil

All guides

Each one from a fresh setup to a change on the page.

Edit your UI with Claude CodeSet up Tencil with Claude Code in a few minutes, then click any element of your dev site and say what should change. Claude Code gets the component and source file.
Edit your UI with T3 CodePair Tencil with T3 Code, then click any element of your dev site and say what should change. Every pin becomes a T3 Code thread with the element in its first message.
Fix responsive layout bugsResize until the layout breaks, pin the element right there and your coding agent gets the viewport width, the element’s size and its markup to fix the right breakpoint.