Welcome to Townie

Your AI-powered development assistant for Val Town projects

\n {user ? (\n \n View Projects\n \n ) : (\n \n Get Started\n \n )}\n

\n\n

What is Townie?

\n Townie is an AI-powered development assistant that lets you edit Val Town projects using Claude 4 Sonnet. It\n provides a seamless interface for discussing your code with Claude AI, which can directly view and modify\n files in your Val Town projects.\n

\n It uses agentic tool-calling, taking many read, write, and thinking steps autonomously when carrying out your\n instructions.\n

\n\n

Getting Started

\n Login with your Val Town API token (with projects:read, projects:write, user:read permissions)\n
Select a project to work on
Chat with Claude about your code
Watch as it makes changes directly to your files

\n\n

\n \n

AI-Assisted Editing

Chat with Claude about your code and let it make changes

\n\n

\n \n

File Browser

Select specific files to include in the context window

\n\n

\n \n

Branch Management

View, select, and create branches without leaving the app

\n\n

\n \n

Cost Tracking

See estimated API usage costs for each interaction

\n\n

Technical Details

Townie is built with:

React frontend with TypeScript
Hono API server backend
Web Audio API for sound notifications
AI SDK for Claude integration

\n The application proxies requests to the Anthropic API and Val Town API, allowing Claude to view and edit your\n project files directly.\n

\n \n View Source\n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/dinavinter/townie-126/code/frontend/components/Home.tsx","extension","actionData","errors"]