Workshops

Over the past year, model intelligence has skyrocketed, and agent tooling has improved significantly. However, there's still a gap: most AI agents don't have the procedural, domain-specific expertise needed to do real work inside real products, especially in React apps, where a small behaviour change turns into user-facing regressions.

In this workshop, I'll show you how leveraging Agent Skills changes how you build AI features in React: from prompt tweaking to shipping packaged guides, resources and scripts that turn a general-purpose agent into a product-specific one via the Agent Skills protocol (adopted by OpenAI, Anthropic and Cursor). I'll also show a practical way to do this in React apps without changing your current frameworks or LLM, with evals and versioning in place to prevent regressions.

What you’ll build#

You’ll implement a real React/Next.js AI feature (server route/action + UI) and begin with a large prompt and several tools/MCPs. We will use the Vercel AI SDK for a quick start.

Next step, we will refactor it into an Agent Skills-driven design. You’ll intentionally break the feature in realistic ways (output drift, tool misuse, injection attempts) and then harden it using a small Skills pack. Finally, you’ll add versioning + lightweight evals so updates don’t regress your UI.

By the end, you'd have learned not just the basics of building Agentic AI apps, but taken it a step further by making them reliable with Agent Skills.

React teams are on the front line: agent failures become UI failures. This workshop is designed around React realities: typed contracts, predictable component states, safe fallbacks, and preventing “it worked yesterday” incidents, without requiring you to switch frameworks or lock into one LLM/provider.

Key outcomes#

• A working React/Next.js reference project using Agent Skills
• A reusable Skills pack template (think SOPs + scripts + guardrails)
• A working evaluation framework to catch regressions
• A checklist for shipping agent-powered UI features safely

Workshop prerequisites#

• Intermediate React + basic Next.js familiarity (routes/actions helpful)
• Node.js installed; ability to run a repo locally
• No prior “agent framework” knowledge required

Or in other words, why ends really matter for your products.

Face it, all your projects are going to die and you haven’t even designed the end. Well you better get stated learning – What does a good ending look like?

This workshop aims to equip the attendees with all the tools to answer this question.

What will you learn#

• You will learn how to identity what type of ending needs to happen and why.
• You will learn, why the transaction types influence and empower at the end.
• Why the phases of the end inspire the end of the product story. Bringing resolution, meaning and emotion.
• Consider the fascinating varieties of psychology that influence endings and how to use the most appropriate method.
• And ultimately use endings as a place of brand and business benefits, celebrating the consumer and improving the bottom line.

You will become a qualified Endineer. Joining 1000 others who have graduated this course around the world.

Who is it for#

This workshop is accessible for all conference attendees. It is aimed broadly for people who work in product development, design and tech. The workshop is a mixture of presentations, tools, group and individual work.

Testimonials#

It was such a revelation. I couldn’t stop thinking about how everything ends, and how a better endings should be. Thank you for the continuous support and wisdom Joe Macleod!

Yeah! Yesterday was graduation day. I am now a certified #Endineer. Thanks to Joe Macleod who poured all his knowledge and dedication into creating this course. Highly recommended for everybody, no matter what your job title is.

Did you have an old iPhone that slowed down and its battery didn’t last until lunchtime? It’s probably because Apple didn’t have an Endineer in their team. Yes, Endineer, not Engineer. Haven’t heard of Endineering before? It’s all about starting with the END in mind.

Autonomous coding agents, specifically LLM's wrapped inside what we called harnesses have the possibility to multiply software development efficiency. This efficiency starts from individual usage but eventually changes teamwork dynamics.

As creating code takes less time, other avenues of software development gain significance. This training is about maximising the value of AI-enabled code creation and the resulting changes in teamwork.

What will you learn?#

In this workshop, you'll learn how to configure, run and manage Claude Code. You will also get a sense what other similar coding agents and harnesses can do and how they differ.

We go from running agents individually to creating proper engineering workflows that add value to your whole team, not just software developers.

The main studies are:

• basic setup and usage
• memory and context management
• management of several parallel AI's
• integrate project management and MCP servers to your workflow
• sub-agents, commands, skills
• advance usage patterns
• develop a "compounding engineering" guardrails
• develop a mindset of curiosity and agentic thinking
• pricing and economics of AI agents & tools

After this training you'll be able think ahead of new bottlenecks and how to solve them in novel ways. The goals is not only to enhance all-around development efficiency & team productivity, but to create AI integration momentum for your team!

AI tools#

We use a selection of tools available to anyone. We'll focus more on principles than the details of these tools, so you can carry the knowledge as the tooling eventually changes.

The tools we use:

• Claude Code for agentic development (plus we'll look at Codex, Gemini/Antigravity and Opencode)
• Cursor/VSCode integrations
• Tools like Warp or Conductor to help manage multiple parallel agents
• Linear and Github for task/project management

We will start off with a little theory, then spend most of our time working with Claude Code together.

Who is the workshop for?#

This is for tech-minded people who are not afraid of console and coding tools. For software developers and people working with them. Programming proficiency is a benefit but not a must.

• Software developers
• Designers
• Project managers
• Product Owners

We will be mostly typing in English instead of any programming language.

"Drawing as a tool" is an engaging workshop for practicing drawing techniques and visualization. The workshop is designed to be an inspiring and motivational experience for all participants. Its goal is to enhance participants' ability to use visual elements effectively in communication and as a support for their own learning.

We will explore the basics of drawing, such as the use of lines, shapes, and shading, so that everyone can find their own creative way to express thoughts through drawing, thereby improving their own learning and communication. Additionally, we will go through the principles of visualization and visual facilitation.

The workshop offers the opportunity to learn new skills in a relaxed and encouraging environment where each participant’s input and creativity are valuable. Welcome to experience how visuality can enrich interaction and learning!

The workshop focuses on easy drawing and visualization techniques. During the workshop, we will cover a bit of theory and engage in practical exercises as follows:

1. Introduction to the day's theme - Check-in to the space, expectations/warm-up task
2. Introduction to the basics of visual facilitation and drawing

• We focus on the importance of lines, shapes, and shading in drawing. You’ll learn how to use these elements to express thoughts visually.
• Brief introduction to the history and principles of visual facilitation

3. Creative exercises

• The aim is to apply what we have learned in practice realizing why visual communication is effective! The theme is either goals or storytelling and familiarization.

4. Drawing ABCs - We create our own visual vocabulary
5. Application to your own work - template task
6. Final summary and feedback

• We review how the learned skills can be applied both atwork and in everyday life, and gather feedback on the workshop using visual tools.