Suffolk University • Sawyer Business School

Building AI Products & Agents

Ship a real product in 50 minutes, build your first AI agent, then read production code

Session 4 of 13
150 Minutes
40 Students
Hands-On Learning
01 // LEARNING OBJECTIVES

What You'll Learn Today

By the end of this session, you'll have both conceptual understanding and hands-on experience with the foundations of AI.

01

Ship a Real AI Product

Build and deploy a working AI-powered product in 50 minutes using Lovable, Bolt, or Claude Artifacts.

02

Master Product Thinking

Apply the AI Product Canvas: Problem First, 10x Better, One Core Flow, Ship & Learn.

03

Build Your First Agent

Give Claude real tools and watch it reason about which to use. 25 minutes of hands-on coding.

04

Read Production Agent Code

Walk through NanoClaw's actual source — 700 lines that power 10,500+ GitHub stars. See the theory in practice.

02 // SESSION AGENDA

Today's Journey

A carefully crafted progression from concepts to hands-on building.

5:00 PM - 5:18 PM

Part 1: The Shift + Product Thinking

18 minutes

The world changed. You can build in hours what used to take months. Here's how to think about it.

  • Opening hook: By 7:30, every team ships a product AND builds an AI agent
  • Stats: 70% faster prototyping, 10x more builders, $0 cost to start
  • 4 Principles rapid-fire: Problem First, 10x Better, One Core Flow, Ship & Learn
  • LIVE DEMO: Build 'Resume Roaster' in Lovable from a single prompt
5:18 PM - 5:25 PM

Part 2: Builder's Toolkit

7 minutes

Quick overview of your options. Pick your weapon.

  • Tool categories: Chat-to-Artifact, Cloud Builders (Lovable, Bolt), AI IDEs
  • Decision Matrix: When to use what
  • Recommendation: Lovable or Bolt for today. Claude Artifacts for simple tools.
  • UX patterns you'll need: Set Expectations, Easy Recovery, User Control
5:25 PM - 6:15 PM

Part 3: The 50-Minute Startup

50 minutes

Build, test, and deploy a real AI product. Teams of 2-3.

  • 5:25-5:33 — Fill AI Product Canvas (problem, user, 10x advantage, core flow)
  • 5:33-6:05 — BUILD PHASE: Prompt your tool, iterate, walk the room for feedback
  • 6:05-6:12 — Test with another team, identify and fix the #1 issue
  • 6:12-6:15 — Deploy + prepare 90-second pitch
6:15 PM - 6:30 PM

Part 4: Demo Day

15 minutes

Gallery walk + top pitches. Celebrate what you built!

  • Gallery Walk: Try every team's product (~1 min each)
  • Vote for favorites: Best Problem-Solution Fit, Most Delightful, Best UX
  • Top 3 teams do 90-second live demos
  • Quick peer feedback round
6:30 PM - 6:45 PM

Part 5: From Products to Agents

15 minutes

The #1 trend in AI right now: agents that take action, not just answer questions.

  • THE KEY INSIGHT: Chatbot answers questions. Agent DOES things.
  • The Equation: LLM + Tools + Reasoning Loop + Memory = AI Agent
  • The Agent Loop: Receive → Think → Execute Tool → Synthesize → Remember
  • NanoClaw vs OpenClaw: How 500 lines beat 400,000 (security + simplicity)
  • ACTION: Open Colab now, enter your API key while I talk
6:45 PM - 7:10 PM

Part 6: Hands-On Agent Building

25 minutes

Build your first AI agent. Real tools. Real reasoning. Real magic.

  • Single Tool (5 min): Give Claude a calculator. Ask '7,394 × 8,261' — watch it DECIDE to use the tool
  • Multi-Tool (8 min): Add stock + company info tools. Watch Claude chain them for complex queries
  • Experiment (12 min): Try your own questions. Build a custom tool for YOUR product
  • Key moment: Ask 'What's the capital of France?' — Claude knows it doesn't need a tool
7:10 PM - 7:22 PM

Part 7: Production Code Walkthrough

12 minutes

You built a simple agent. Now see what production looks like.

  • Open NanoClaw Code Walkthrough — real source code, annotated
  • index.ts: The brain — where Claude decides what to do
  • ipc-mcp.ts: The tools — how Claude talks to the outside world
  • db.ts: The memory — how Claude remembers across sessions
  • 700 lines total. You could audit this in an afternoon. That's the point.
7:22 PM - 7:30 PM

Part 8: Wrap-Up + Homework

8 minutes

The transformation narrative and what comes next.

  • At 5:00 you used AI. At 6:30 you BUILT AI products. At 7:10 you built agents. At 7:22 you read production code.
  • You went from consumer → builder → architect in 150 minutes
  • Homework: Iterate your product, add a 4th tool to Colab, user test with 3 people, write 1-page brief
  • Next week: Data & Analytics — the fuel that powers every AI product and agent
03 // INTERACTIVE RESOURCES

Tools & Learning Materials

Everything you need to explore, experiment, and build.

Key Concept

Agentic AI Deep-Dive

Visual explainer: Chatbot vs Agent, the Agent Loop, and the NanoClaw case study. Perfect for review.

View deep-dive
Start Here ?

NanoClaw for Beginners

No programming experience needed. Understand how a production AI agent works through business analogies, pseudocode, and just ~20 key lines of real code. Interactive detective challenges included.

Start learning
Deep Dive ?

Inside NanoClaw: Full Code Walkthrough

Ready for more? Read real production agent code file-by-file. See how index.ts, ipc-mcp.ts, and db.ts map to the Agent Formula. ~700 lines that power 10,500+ GitHub stars.

Explore the code
Hands-On

Agent Workshop Notebook (Claude)

Build your first AI agent with 3 tools: calculator, stock lookup, company info. Watch Claude reason about which to use. Requires an Anthropic API key.

Open in Colab
Hands-On

Agent Workshop Notebook (Gemini)

Same agent workshop using Google Gemini instead of Claude. Identical tools and structure — just a different LLM backend. Requires a Google API key.

Open in Colab
Builder ?

Lovable

AI-powered full-stack builder. Describe your app, get working code with backend, database, and deployment.

Start building
Builder

Bolt.new

Instant web apps from prompts. Great for rapid prototyping and iteration.

Try Bolt
Builder

Claude Artifacts

Create interactive tools, visualizations, and mini-apps directly in Claude conversations.

Open Claude
Docs ?

Anthropic Tool Use Docs

Official documentation for giving Claude tools. The foundation of building AI agents.

Read docs
04 // HANDS-ON ACTIVITIES

Learning by Doing

Three interactive challenges to build your intuition.

Activity 1

The 50-Minute Startup

Build and deploy a real AI-powered product in teams of 2-3:

1

Fill the AI Product Canvas (8 min)

Problem you're solving, target user, 10x advantage over alternatives, one core flow.

2

Build Phase (32 min)

Use Lovable, Bolt, or Claude Artifacts. Prompt, iterate, get instructor feedback walking the room.

3

Test & Refine (7 min)

Swap with another team. Get real user feedback. Fix the #1 issue.

4

Deploy & Pitch Prep (3 min)

One-click deploy. Prepare your 90-second pitch: Problem, Solution, Demo, Ask.

? Activity 2

Demo Day

Showcase your creations and learn from classmates:

1

Gallery Walk (8 min)

Walk around, try every team's product for ~1 minute each.

2

Vote

Pick your favorites: Best Problem-Solution Fit, Most Delightful, Best UX.

3

Top 3 Pitches (7 min)

Winners do 90-second live demos. Celebrate all teams!

Activity 3

Build Your First AI Agent

25 minutes in Google Colab — real tools, real reasoning, real magic:

1

Single Tool (5 min)

Give Claude a calculator. Ask: 'What is 7,394 × 8,261?' Watch it DECIDE to use the tool.

2

Multi-Tool Agent (8 min)

Add stock lookup + company info. Ask: 'Compare Apple and Microsoft market caps.' Watch Claude chain tools.

3

Experiment (12 min)

Try your own questions. Build a custom tool that would be useful for YOUR product from the build session.

The Agent Equation
AI Agent = LLM + Tools + Reasoning Loop + Memory

┌─────────────────────────────────────────────┐
│  Chatbot: "What's our Q4 revenue?"          │
│  → "I don't have access to that data."     │
│  ❌ Dead end. YOU go find it.               │
└─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐
│  Agent: "What's our Q4 revenue?"            │
│  → *calls* query_database("revenue", "Q4") │
│  → *calls* calculator("2.3M - 2.05M")      │
│  → "Revenue: $2.3M, up 12% QoQ"            │
│  ✅ Agent did the work. You got the insight.│
└─────────────────────────────────────────────┘
? Activity 4

Production Code Walkthrough

You built a simple agent. Now see what a production agent looks like — NanoClaw's actual source:

1

index.ts — The Brain

Where Claude decides what to do. The reasoning loop that powers every action.

2

ipc-mcp.ts — The Tools

How Claude talks to the outside world. The MCP protocol that enables any tool.

3

db.ts — The Memory

How Claude remembers across sessions. SQLite keeps context without the cloud.

4

The Takeaway

700 lines total. You could audit this in an afternoon. That's why NanoClaw won.

NanoClaw vs OpenClaw
┌─────────────────────────────────────────────┐
│  OpenClaw (Operator)                        │
│  • 400,000 lines of code                    │
│  • Closed source — can't audit              │
│  • Summer Yue's inbox deleted               │
│  • "Trust us" security model                │
└─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐
│  NanoClaw                                   │
│  • ~700 lines of code                       │
│  • Fully open source                        │
│  • Audit everything in an afternoon         │
│  • Built by 1 dev in 1 weekend              │
│  • 10,500+ GitHub stars                     │
│  • Karpathy endorsed                        │
└─────────────────────────────────────────────┘

"Simplicity beats features. Security is PMF."
05 // KEY TAKEAWAYS

What to Remember

Ship fast, learn faster. A working prototype beats a perfect plan. You built a real product in 50 minutes.

Agents = LLM + Tools + Loop + Memory. This equation powers every AI agent in the world. You built one. You understand it.

The AI decides. You didn't write if/else logic. Claude REASONED about which tools to use. That's the breakthrough.

?

Production code is readable. NanoClaw's 700 lines beat OpenClaw's 400,000. Simplicity wins. Security is product-market fit.

?

Consumer → Builder → Architect. You went from using AI to building products to understanding production systems in 150 minutes.

06 // HOMEWORK

Before Next Session

Complete these tasks before our next class to prepare for prompt engineering.

Iterate: Make 3 meaningful improvements to your product based on peer feedback. Document before/after.
Build: Add a 4th custom tool to the Colab notebook that would be useful for your product. Test it with 3 different queries.
Test: User test your product with 3 people outside class. Write down their exact feedback (don't interpret, just record).
Write: 1-page product brief: Problem, Target User, Competition, Monetization Strategy, Next 3 Features.
Coming Next

Session 5: Agents Meet the Real World

Real APIs, error handling, and memory — take your agents from simulated toys to production-ready tools.

Real APIsError HandlingAgent MemoryWikipedia API