Build it yourself: Snappy
Learn step by step how to build Snappy yourself.
Step 1 of 4
Vision AI setup
Configure the Anthropic API with Vision support to analyze screenshots and images.
typescript
const analysis = await anthropic.messages.create({
model: 'claude-sonnet-4-20250514',
messages: [{
role: 'user',
content: [
{ type: 'image', source: {
type: 'base64',
media_type: 'image/png',
data: screenshotBase64
}},
{ type: 'text',
text: 'Analysiere diesen Screenshot. Extrahiere alle relevanten Informationen.' }
]
}]
});Learn to build Snappy
Module 04: Building Your First Agent
Hands-on module where you build a complete, functional AI agent from scratch. Connect all the pieces – prompts, database, tools, and UI – into a working system.
5 hours14 Lessons
Go to course module