MCPcopy Index your code
hub / github.com/AbhinavTheDev/coding-agent

github.com/AbhinavTheDev/coding-agent @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
27 symbols 113 edges 23 files 1 documented · 4%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

coding-agent

⭐ About

  • Open-source web app for your coding task.
  • Built with Next.js, CopilotKit.
  • Uses a coding assistant LangGraph agent for generating responses .
  • Simplifies developers task.
Demo Video Blog Post
YouTube Blog

:hammer_and_wrench: Tech Stack

Next.js CopilotKit Tailwind CSS ShadCN UI LangGraph FastAPI langchain

Star History

Star History Chart

:outbox_tray: Set up

Setting Up the Agent and UI

1. Get an API Key
  • Obtain a GROQ_API_KEY.
2. Clone the Repository
  • Clone the repository to your local machine: sh git clone https://github.com/AbhinavTheDev/coding-agent.git
3. Set Up the Agent
  • Navigate to the agent directory: sh cd agent
  • Install dependencies using Poetry: sh poetry install
  • Create a .env file inside the ./agent directory with your GROQ_API_KEY: GROQ_API_KEY=YOUR_API_KEY_HERE
  • Run the agent demo: sh poetry run demo
4. Set Up the UI
  • Navigate to the UI directory: sh cd ./ui
  • Install dependencies using npm: sh npm i
  • Create a .env file inside the ./ui directory with your GROQ_API_KEY: GROQ_API_KEY=YOUR_API_KEY_HERE
  • Run the Next.js project: sh npm run dev

Troubleshooting

  1. Ensure no other local application is running on port 8000.
  2. In the file /agent/rag_agent/demo.py, change the address from 0.0.0.0 to 127.0.0.1 or localhost if needed.

:mailbox: Contact

Hi, I'm Abhinav! 👋
Connect with me on LinkedIn, X and check out my other projects on GitHub.

Extension points exported contracts — how you extend this code

TerminalProps (Interface)
(no doc)
ui/app/components/terminal.tsx
IconProps (Interface)
(no doc)
ui/app/components/ui/button.tsx
IconRefProps (Interface)
(no doc)
ui/app/components/ui/button.tsx
ButtonProps (Interface)
(no doc)
ui/app/components/ui/button.tsx
gitprop (Interface)
(no doc)
ui/app/components/ui/github.tsx

Core symbols most depended-on inside this repo

cn
called by 15
ui/lib/utils.ts
scrollToBottom
called by 1
ui/app/components/chatInterface.tsx
handleSendMessage
called by 1
ui/app/components/chatInterface.tsx
formatMessageWithCode
called by 1
ui/app/components/chatInterface.tsx
adjustFontSize
called by 1
ui/app/components/terminal.tsx
Home
called by 0
ui/app/page.tsx
RootLayout
called by 0
ui/app/layout.tsx
Wrapper
called by 0
ui/app/components/wrapper.tsx

Shape

Function 20
Interface 6
Class 1

Languages

TypeScript81%
Python19%

Modules by API surface

ui/app/components/terminal.tsx4 symbols
ui/app/components/chatInterface.tsx4 symbols
agent/my_agent/agent.py4 symbols
ui/app/components/ui/button.tsx3 symbols
ui/app/components/ui/github.tsx2 symbols
ui/app/components/ui/badge.tsx2 symbols
ui/lib/utils.ts1 symbols
ui/app/page.tsx1 symbols
ui/app/layout.tsx1 symbols
ui/app/components/wrapper.tsx1 symbols
ui/app/components/header.tsx1 symbols
ui/app/chat/page.tsx1 symbols

For agents

$ claude mcp add coding-agent \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact