AI Chat & Context Pinning
Iterate in conversation with Bhai, and use @file to point it at exactly the right code.
The AI chat pane is where you collaborate with Bhai to build and refine your app.
Iterate in small steps
Describe one change at a time rather than the whole system at once.
Start with the core layout
Build a cryptocurrency price dashboard with 4 stat cards and a Recharts chart.Refine specific components
In the stats cards, show the 24h change with a green up or red down badge.Add interactivity
Add a search bar and category filter to the coin list table.Pin context with @
| You type | Bhai focuses on |
|---|---|
@src/components/Header.tsx | That file only — unrelated files stay untouched |
@src/lib/db.ts | Your data layer when changing queries |
@schema | The current D1 or Postgres schema when building forms or queries |
Type @ in the chat input to open the file picker.
Review and undo
- Each turn that changes code produces a diff card listing touched files and changed lines.
- Choose Inspect diff for a side-by-side view.
- Choose Undo in the message header to revert that turn immediately.
Imported projects keep their Git history, so a chat turn you like can become a commit or pull request straight away.
Was this page helpful?