React Agno Ai App

⚡ Agno AI — Full-Stack AI Chat App

A full-stack AI chat application built with **Agno Agent Skills**, **Claude Sonnet 4.6** via OpenRouter, and **Tavily** for real-time web search. Features a bold **Neubrutalism** UI design.


---

✨ Features

• 🤖 Agno Agent Skills — Modular, hot-reloadable AI skills framework
• 🧠 Claude Sonnet 4.6 — Anthropic's latest model via OpenRouter
• 🔍 Tavily Web Search — Real-time web search powered by Tavily
• 📡 Streaming Responses — Real-time token-by-token SSE streaming
• 🎨 Neubrutalism UI — Bold borders, hard shadows, colorful cards
• ⚡ One-Command Startup — Run everything with ./start.sh
• 💬 Markdown Rendering — Code blocks, bold, lists, tables in chat
• 🔄 New Chat — Clear conversations with one click

---

🛠️ Tech Stack

Layer	Technology
AI Framework	Agno (Skills + Agents)
LLM	Claude Sonnet 4.6 via OpenRouter
Web Search	Tavily
Backend	FastAPI + Uvicorn
Frontend	React 19 + Vite
Styling	Vanilla CSS (Neubrutalism)
Streaming	Server-Sent Events (SSE)

---

📁 Project Structure

react-agno-ai-app/
├── backend/
│   ├── main.py              # FastAPI server with SSE streaming
│   ├── agents.py            # Agno agent with Claude Sonnet 4.6
│   ├── skills/              # Modular AI skill directories
│   │   └── sample-skill/
│   │       └── SKILL.md     # Skill definition file
│   ├── requirements.txt     # Python dependencies
│   ├── .env                 # API keys (create from .env.example)
│   └── .env.example         # Environment template
├── frontend/
│   ├── src/
│   │   ├── App.jsx          # Main app with sidebar + chat layout
│   │   ├── App.css          # Neubrutalism design system
│   │   ├── index.css        # Base reset styles
│   │   └── components/
│