AI ToolsFree

AI Code Explainer

Paste any code snippet and Claude AI explains it in plain English, line by line. Supports Python, JavaScript, TypeScript, SQL, Bash, Java, C++, and more.

API Setup Required

AI tools need a backend API route to work. This prevents CORS errors from calling Anthropic directly from the browser.

Quick Setup (3 steps)

1

Create API route

app/api/ai/route.ts
2

Add your API key

.env.local → ANTHROPIC_API_KEY=sk-ant-...
3

Enable in component

AIToolBase.tsx → AI_ENABLED = true
app/api/ai/route.tsCopy & paste
import Anthropic from "@anthropic-ai/sdk";
import { NextRequest, NextResponse } from "next/server";

const client = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY,
});

export async function POST(req: NextRequest) {
  const { system, prompt } = await req.json();
  const msg = await client.messages.create({
    model: "claude-sonnet-4-20250514",
    max_tokens: 1024,
    system,
    messages: [{ role: "user", content: prompt }],
  });
  const text = msg.content[0].type === "text"
    ? msg.content[0].text : "";
  return NextResponse.json({ text });
}
npm install @anthropic-ai/sdk

Frequently Asked Questions

Which programming languages are supported?▼
Python, JavaScript, TypeScript, SQL, Bash, Java, C++, Go, Rust, PHP, Ruby, and more.
Can it explain complex algorithms?▼
Yes. It breaks down complex logic into simple, step-by-step explanations.