Shipping the New lkilpatrick.com Portfolio with WindSurf, OpenClaw, and Next.js

Shipping the New lkilpatrick.com Portfolio with WindSurf, OpenClaw, and Next.js

After letting my old portfolio sit for too long, I rebuilt lkilpatrick.com the same way I ship most projects today: design fast, automate everything, and publish with zero manual steps. The result is a multi-section Next.js site with dedicated routes for About, Work, Projects, Docs, Content, Video, Social, and Impact—each statically generated and blazing fast on Firebase Hosting.

Why Multi-Page Instead of a Single Scroll

The original site was a single long page. The new structure gives every audience its own route:

  • / highlights availability, stats, and featured projects.
  • /work, /projects, and /impact dive into deep case studies.
  • /docs, /content, and /video showcase writing, tutorials, and launches.
  • /social aggregates live channels and embeds.
  • /about + /contact give context without exposing my inbox.

Next.js App Router + Static Site Generation (SSG) make it easy to prerender each route while keeping client-side navigation instant.

Tech Stack Overview

  • React + Next.js 16 — App Router, Server Components, Turbopack dev server.
  • TypeScript data layer — Everything from stats to videos lives in app/data/portfolio.ts so updates are structured data edits, not template rewrites.
  • WindSurf — I blocked out page layouts (hero, stats grid, project rails) visually before exporting to React to keep spacing + typography tight.
  • OpenClaw — Handles editing, linting, npm run dev, secrets, Firebase Functions, and deployment automation. Every tweak (like hiding my email) happened through OpenClaw commands.
  • Firebase Hosting + Functions — GitHub Actions build Next.js, deploy static assets to Firebase Hosting, and push the contact-form Cloud Function on every merge.

Building the Sections

Each top-level route shares a common layout but owns its own content slice:

  • Home — hero, availability badge, metrics, featured “builder” systems.
  • Work + Projects — seven detailed case studies covering AI agents, developer portals, Flutter apps, and audience-building experiments.
  • Docs / Content / Video — curated feeds of articles, launch videos, and documentation highlights.
  • Social — embeds for YouTube, TikTok, Instagram, and local video reels.
  • About — personal story, availability, and a contact modal routed through Firebase Functions.

Because every page is statically rendered, navigation is instant, SEO stays healthy, and it’s painless to keep sections updated independently.

Automation Workflow

  1. WindSurf for rapid layout exploration.
  2. OpenClaw for editing, linting, testing, and running the Firebase Function pipeline.
  3. GitHub Actions run npm ci, npm run build, and firebase deploy on every push to main.
  4. Firebase Hosting serves assets globally with zero maintenance.

What’s Live Today

  • Hero + stat cards with real availability and quick metrics.
  • Case-study grids for AI automation, DevEx platforms, IP systems, and growth experiments.
  • Dedicated /docs, /content, and /video routes that act like a media kit.
  • /social hub that pulls in active channels.
  • Contact modal wired to Firebase Functions so my email stays private.

What’s Next

  • Add filters and search inside /projects + /content.
  • Hook in a lightweight CMS or Supabase table so updates can happen via forms.
  • Surface Core Web Vitals per route so I get alerted when anything slows down.

If you’re curious about the stack, want to collaborate, or need help thinking through your own portfolio rebuild, ping me through the contact form—OpenClaw is standing by.

I Built an AI Agent That Monitors My Boats While I Sleep (And You Can Use It Too)

OpenClaw · Victron · Python · Open Source


Every morning before I take out Pitter Patter or head out to Pegasus, I’d do the same ritual: pull up the Victron VRM dashboard on my phone, squint at the battery readout, check the solar numbers, make sure nothing was screaming at me. Two boats. Five minutes of manual work before I’d even had my red bull.

I’m a developer by trade. I know better than to spend five minutes doing something a computer can do for free.

So I built Boat Daily Check — an OpenClaw skill that queries the Victron VRM API every morning and sends me a single, beautiful HTML email summarizing everything I need to know about my power systems before I walk down to the dock.

Here’s what lands in my inbox at 7 AM:

⚓ BOAT POWER SYSTEMS STATUS

🚤 Pitter Patter                [✓ Healthy]
   Battery SOC ......... 100.0 %
   Voltage ............. 14.17 V
   Yesterday's Solar Output ....... 0.59 kWh

🚤 Pegasus                      [⚠️ Alert]
   Battery SOC ......... 100.0 %
   AC Input ............ 121.4 V
   🚨 Active Alarms: "Active input"

No login. No navigating. Just the facts. I see it, I know what I’m walking into, I go sailing.

Wait — This Isn’t Just for Boats

I want to be upfront about something: this works for anything running Victron hardware. That means:

  • RVers monitoring their lithium banks across weeks of dry camping
  • Off-grid homesteads with solar arrays and battery walls who want a daily power summary without logging into a dashboard
  • Liveaboards who care as much about their house bank as I do about my engine starts
  • Fishing charter operators watching multiple vessels remotely

If you have a Cerbo GX, a SmartShunt, or any Victron hardware connected to VRM, this skill works for you. Rename your “boat” to “RV” or “Cabin” in the config and the email adapts automatically.

What Is OpenClaw, and Why Does It Matter?

OpenClaw is an open-source agentic AI framework — think of it as a personal automation engine where AI agents can execute skills, run cron jobs, and chain together tasks. It’s what I use to run my morning surf report, fishing conditions summary, and now my boat power check — all delivered as a single consolidated email.

A “skill” in OpenClaw is a self-contained, reusable module. Think of it like an npm package for agentic workflows. Boat Daily Check is one of the first community skills I’m releasing publicly, and it’s fully MIT licensed.

If you’re not on OpenClaw yet, the script also runs standalone — just call it from any cron job or shell script. OpenClaw just makes it stupid easy to combine with other automations.


How It Works

The skill hits three Victron VRM API v2 endpoints per installation:

  • BatterySummary/latest — SOC, voltage, current, temperature
  • diagnostics — hardware names, firmware versions, last-seen timestamps
  • alarms — any active alerts

It compiles everything into a responsive HTML email with color-coded status badges and battery progress bars, then hands it off to OpenClaw’s delivery layer (or your own email sender).

Total runtime: under 15 seconds for two boats. Suitable for a 7 AM daily cron.

Getting Set Up in 5 Minutes

1. Get your free VRM API token Head to vrm.victronenergy.com/access-tokens and create one. It’s free.

2. Grab your Installation ID It’s in your VRM dashboard URL:

https://vrm.victronenergy.com/installation/123456/dashboard
                                              ^^^^^^

3. Clone and configure

bash

git clone https://github.com/lkilpatrick/boat-daily-check
cd boat-daily-check
pip install requests

Edit scripts/boat-email-report.py with your token and installation IDs:

python

INSTALLATIONS = {
    "pitter_patter": {
        "id": 123456,
        "name": "Pitter Patter",
        "batteryInstance": 279,
        "hasSolar": True,
        "hasInverter": False,
    }
}

4. Run it

bash

python3 scripts/boat-email-report.py
open out/boat-daily-email.html

5. Automate it (OpenClaw)

json

{
  "name": "boat-daily-check",
  "schedule": { "kind": "cron", "expr": "0 7 * * *" },
  "payload": { "kind": "agentTurn", "message": "python3 /path/to/boat-email-report.py" }
}

Full docs are in GETTING_STARTED.md.

What I Actually Learned Building This

The Victron VRM API is solid but not well-documented for community developers. I put together references/vrm_api_guide.md and references/victron_attributes.md in the repo specifically because I had to reverse-engineer half of it from scratch. If you’re building your own Victron integrations, those reference files alone are worth cloning the repo.

Also: the batteryInstance attribute (default: 279 for SmartShunt) will trip you up if you don’t know about it. I documented the fix.

What’s Next

A few things I’m planning for future versions:

  • Week-over-week solar efficiency trends — compare this week’s kWh against last week
  • Tank level monitoring — for boats with Victron-connected tank sensors
  • Push notifications — Twilio integration for critical alarm thresholds
  • clawhub publish — install with a single openclaw clawhub install victron/boat-daily-check

If you build on this, open a PR. The whole point of open-sourcing it is to make something useful for the Victron community — boaters, RVers, and off-grid homesteaders alike.

Get the Code

👉 github.com/lkilpatrick/boat-daily-check

MIT licensed. Free forever. Fair winds and following seas. ⛵

Mia Kingtide Goes Audio: A New Way to Experience the Stories

I’ve been thinking about this for a while — how do you reach readers where they are?

Today, I’m excited to announce that all four Mia Kingtide novels are now available as audiobooks, with full professional narration powered by ElevenLabs. Three of the four are live on Spotify, with the final book coming tomorrow.

Why Audiobooks?

Kids are on YouTube. They’re listening to podcasts. They’re consuming stories in new ways. If Mia Kingtide is going to inspire the next generation of ocean protectors, I need to meet them where they actually are — not where I think they should be.

So this week, I did something I’d been planning for a while: I turned the entire series into professional audio experiences.

The Creative Process

This wasn’t a simple text-to-speech job. Each audiobook is a full production:

ElevenLabs for professional voice acting — not a robot, but real narration that brings the characters to life. I even created a custom voice for Mia herself.

Adobe Premiere and Photoshop for the visual side — original illustrated scenes, refined artwork, and full chapter experiences.

ChatGPT and Gemini for generating supporting imagery that matches the story’s tone and aesthetic.

What started as a creative experiment became a week-long deep dive into bringing these stories to life in a completely new way.

Where to Listen

Spotify: All four books are now on Spotify (with Book 4 launching tomorrow). Perfect for commutes, homework time, or just chilling with a great story.

ElevenLabs Reader: Full collection with even more customization options.

YouTube: I’m also releasing full chapter videos with narration, illustrations, and animation — the full cinematic experience.

A Pilot Program

I’m calling this a pilot. If these audiobooks find an audience, I’ll continue producing the full series this way. If not, I’ll learn something valuable either way. That’s how creation works.

But here’s what I know: Mia Kingtide was born from real adventures on the water in Monterey Bay. It’s been shared with thousands of readers who care about ocean conservation. And now, it’s reaching people in a completely new format.

Redemption Codes

If you have a Spotify subscription, the books are included for free. Don’t have Spotify? Let me know — I have redemption codes for anyone who wants to listen.

The ocean needs new heroes. And maybe your kids will find theirs in Mia’s story.

Get listening.

— Luke

A Perfect Morning on the Water: Ocean Whitefish Adventures

There’s nothing quite like a morning on Pitter Patter with a mission—and yesterday proved why.

Met at 7:30, loaded up, and out of the harbor by 7:45. The conditions were ideal: calm water, clear skies, and that electric feeling of anticipation. We hit the spot by 8:00 and within minutes, we were hooked into action.

Ocean whitefish catch

Two incredible ocean whitefish made their way into the boat yesterday. The first was a solid 6-pounder—exactly the kind of fight that reminds you why we get out on the water in the first place. But the second? That was the monster. Over 10 pounds of pure silver fury, making every cast-off worthwhile.

Luke with caught whitefish

What makes ocean whitefish such a delight is their spirit. They’re aggressive, they fight hard, and they reward you with some of the best eating you can pull from the California coast. Fresh whitefish has a delicate, buttery flavor that’s perfect for the grill or the pan. Last night was BBQ night at our place—and let me tell you, there’s nothing quite like eating something you caught just hours before.

We were back at the dock by 9:15, mission accomplished. Some of that catch is being saved for next weekend with Mia—there’s something magical about sharing a meal together that started with an adventure on the water.

If you’re in the Monterey Bay area and want to experience this yourself, we’ve got slips available on Pitter Patter. There’s nothing quite like the ocean when you’re living it firsthand.

See you on the water soon.

– Luke

Adventure Awaits: Dive into the New Pitter Patter Diving Store!

At PitterPatterDiving.com, a whole new world of adventure has just opened!
We’re excited to launch our brand-new store — featuring the inspiring Mia Kingtide book series, ocean-themed gifts, and more for young explorers and families who love the sea.

Get ready to dive into stories filled with magic, marine science, and real-world conservation — because the ocean needs heroes like you!


🐙 Meet Mia Kingtide: Ocean Explorer and Guardian

Mia isn’t your typical girl.
After rescuing a trapped octopus, she’s gifted with a magical shell — one that lets her communicate with marine creatures, breathe underwater, and fight for the future of our oceans.

Through her epic adventures, Mia teaches young readers about courage, compassion, and the powerful connection between all living things and the sea.


📚 Explore the Mia Kingtide Book Collection

The Octopus’ Gift (Book 1):
Discover Mia’s first encounter with ocean magic, her bond with marine animals, and her first taste of conservation adventures.

🌎 Guardian of the Coast (Book 2):
Mia battles illegal fishing, rescues stranded marine mammals, and deals with the complexities of the Half Moon Bay Crab Fishery — all inspired by real coastal California science.

🚤 Journey to the Sea of Cortez (Book 3):
Mia embarks on her greatest journey yet, sailing down the California coast into the wild, breathtaking Sea of Cortez, making unforgettable discoveries.

Want to get all three? There is a great bundle option for only $35!


🎁 Beyond the Books: Fun Ocean-Inspired Products

Bring the spirit of the sea home!
Our store also features:

  • Ocean adventure-themed shirts, stickers, mugs, and more.
  • Exclusive posters and prints inspired by Mia’s magical journey.
  • Perfect gifts for young adventurers, nature lovers, and future marine biologists!
    Check out the store to see what is new!

💬 Why Families Love Mia Kingtide

🌟 Real science meets exciting storytelling.
🌟 Strong role models and positive values.
🌟 Inspires a love for ocean conservation.
🌟 Ideal for ages 6–16 — and loved by parents and teachers too!

These stories aren’t just about reading — they’re about inspiring the next generation of ocean protectors.


🌊 Join the Adventure

Follow Mia’s journey and get involved:

🌐 Follow us on Instagram
🌐 Join us on TikTok

🌐 Join the Mia Kingtide Pateron

We’ll share sneak peeks, behind-the-scenes content, giveaways, and conservation tips you can use at home!


🚀 Dive In and Make a Difference

When you buy a Mia Kingtide book or product, you’re not just bringing home a great story — you’re helping inspire young readers to care for our oceans.

The adventure is just beginning.
Come explore it with us.

Pitter Patter Diving Photography Launches Today!

After many years of sharing my underwater experiences and journeys here on f social media, I have opened up a fine art website to allow folks to take some of it home.

Many of my friends and family have my pictures up in their homes, and I would like to share my pictures with more people. In partnering with Art Storefronts I have been able to build out the site and offer quick printing and shipping to folks.

Check out http://art.pitterpatterdiving.com offering my images on everything from Canvas to Phone Cases.

New Site and Focus

Getting a new dive charter operation setup and running is no small task, while we are preparing to start making Pitter Patter available for hire via boatseeker.com Pitter Patter Diving would like to share images of the sea that have been taken by Luke over the past several years around the world. Stay tuned for the new art store launching in early January 2024.