app/page.tsx
Renders the task dashboard and composes the main interface.
RepoBrief is being developed around Claude to turn unfamiliar repositories into clear architecture maps, explanations and actionable development plans.
YOUR CODEBASE, AT A GLANCE
A full-stack task management app. A Next.js frontend connects to an API layer, with shared services and a PostgreSQL database.
app/ · components/
app/api/
lib/auth.ts
lib/tasks.ts
prisma/schema.prisma
Where to start app/page.tsx is
the main entry point. Follow
app/api/tasks/route.ts to understand how tasks
are created.
THE FILES THAT MATTER
Explore the entry points and the responsibilities behind them.
app/page.tsxRenders the task dashboard and composes the main interface.
app/api/tasks/route.tsHandles task requests and delegates work to the task service.
lib/auth.tsResolves the current session and checks access to protected actions.
lib/tasks.tsContains task queries and mutations using the Prisma client.
prisma/schema.prismaDefines the User and Task models and their relationships.
FOLLOW A REQUEST
Example: creating a task in the taskboard application.
The dashboard sends a
POST /api/tasks request with the task
title.
components/task-form.tsx
The route resolves the user through the auth service before processing the request.
app/api/tasks/route.ts → lib/auth.ts
The task service uses Prisma to create a task linked to the current user.
lib/tasks.ts → PostgreSQL
The API returns the created task. The dashboard refreshes its task list.
HTTP 201 → task dashboard
KNOW WHAT TO LOOK AT
Findings to investigate, with file context and a suggested next step. These are sample findings; future AI-generated findings will need developer review.
app/api/tasks/route.ts
The example route passes the request body to the task service without checking title length. Validate the input before writing to the database.
lib/tasks.ts
The example update query filters by task ID only. Scope the query to the current user and test updates against another user's task.
TURN CONTEXT INTO A NEXT STEP
Suggested implementation for task search
components/task-list.tsx.
q query parameter in
app/api/tasks/route.ts.
lib/tasks.ts, scoped to the
current user.
Illustrative plan · review against your actual code before implementing.
The planned workflow to find your bearings and start building.
Start with the repository you want to understand.
Claude is intended to examine structure, technologies, and relationships.
Get an architecture overview and explanations with file context.
Turn a requested change into an actionable implementation plan.
Planned capabilities for the moment you open a repo and wonder where to begin.
Understand how the pieces fit together, from entry points to services and storage.
Identify core files and technologies, with explanations of what each part does.
app/api/tasks/route.tsAPI entry point
Trace how a request moves through the codebase and where the data ends up.
Spot areas that deserve a closer look, with code context to guide your review.
Describe what you want to build. Get a plan grounded in the repository’s structure.
Preview the explanations RepoBrief is being developed to provide, with references to the files you’ll work in.
The dashboard sends a request to the task API. The route checks the session, then calls the task service to write to PostgreSQL.
TaskFormPOST /api/tasksPrisma
app/api/tasks/route.tsRequest handlinglib/tasks.tsDatabase operations
RepoBrief is being developed around Anthropic’s Claude as its core AI technology for understanding codebases and shaping implementation plans. This demo uses sample data; live analysis is not implemented.
A new developer tooling startup, starting with a simple idea: understanding the code should be the first step, not the hardest one.
steven@stevenao.devExplore what we’re building. Help shape what comes next.