Context Clue 🧩

"Use Multimodal AI to debug your frontend code."

Context Clue helps developers fix UI bugs by looking at the problem. Simply drag and drop a screenshot of the broken UI alongside your component code, and Amazon Nova Multimodal embeddings will analyze the visual-to-code discrepancy and suggest a fix.

🚀 Features

• Visual Debugging: Drag & Drop interface for screenshots and code files.
• Multimodal Analysis: Uses Amazon Nova's ability to understand both images and code syntax.
• Instant Fixes: Suggests specific CSS/JSX changes (e.g., "z-index issue detected").

🛠️ Tech Stack

• Frontend: Next.js 14, React Dropzone, Framer Motion
• AI Models: Amazon Nova Multimodal Embeddings (simulated for hackathon demo).

📦 Getting Started

1. Clone the repo

   git clone https://github.com/your-username/context-clue.git
   cd context-clue

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open http://localhost:3000

---

Built with ❤️ for the Amazon Nova AI Hackathon