Motion designer
building tools
with AI

Selected Work

Building tools with AI
Game

Clawlands

Multiplayer pixel RPG where AI agents and humans share a procedurally-generated island world. Built with an MCP server so Claude or any AI can connect and play live — with a spectator mode for watching.

HTML5 Canvas WebSocket Node.js MCP PostgreSQL
Web App

Eternal Echoes

Voice-activated AI museum guide for the Cherokee Strip Regional Heritage Center. Visitors hold a button and ask anything about the Land Run, pioneer life, or the history of Perry and Noble County — the guide responds with spoken, contextual answers.

Python Flask Whisper Claude API Web Audio
Internal Tool

Project Auditor

After Effects project auditor — generates an HTML report of everything inside a project file. Handed off alongside the project so recipients can see what's in there without opening AE.

ExtendScript After Effects HTML Reports
Creative

AE Project Organizer

After Effects script with AI-powered cleanup. Organizes projects into numbered folders, uses OpenAI to suggest layer renames and flag unused items, and trims layers to the work area.

ExtendScript After Effects OpenAI API
Internal Tool

ReviewFlow

Video review and approval tool with timestamped comments, frame annotations, version comparison, and multi-stage approval workflow.

React Supabase Tailwind Vite
Web App

Rocket Tracker

3D Starship visualizer with interactive models, audio simulation, and real-time spaceflight tracking.

React Vite 3D / OBJ Netlify
IoT

Energy Dashboard

Home energy monitoring: Kay Electric, Tesla Wall Connector, Rheem water heater, MrCool HVAC — unified.

Node.js Express React SQLite
Web App

Space Stats Live

Real-time spaceflight statistics — launches, astronauts, missions. Auto-refreshes via GitHub Actions.

React 19 Space Devs API GitHub Actions
Creative

AE Super Tool

After Effects plugin — client config, color palettes, font tracking, asset organization.

ExtendScript After Effects JSON Storage
Creative

Reference Overlay

After Effects ScriptUI panel for overlaying reference media. Opacity, blend modes, blink toggle.

ExtendScript ScriptUI
iOS

DockKit Camera

iOS motorized camera tracking with clean 1080p output and web-based remote control over WebSocket.

SwiftUI AVFoundation DockKit WebSocket
Extension

Meet Autopilot

Chrome extension — monitors Google Calendar and auto-joins upcoming Meet calls.

Manifest V3 Calendar API OAuth2
Web App

Trivia App

Multiplayer trivia with WebSocket gameplay, live scoring, and room-based sessions.

React 19 Express Socket.io
IoT

MrCool Bridge

Homebridge plugin — MrCool HVAC and Tuya devices integrated into Apple HomeKit.

Homebridge Cielo API HomeKit
Web App

Flower Farm Planner

Agricultural planning — scheduling, crop management, and farm operations tracking.

React Supabase Tailwind
iOS

Perry Assembly App

iOS app for assembly workflow management with custom UI components.

Swift SwiftUI
Spencer Tetik

About

Senior Motion Graphic Designer at Merge, 4+ years in broadcast motion design and video production. Daily tools: After Effects, Cinema 4D, Premiere Pro, Photoshop, Illustrator.

I also work with Everyday Astronaut — editing videos, building animations, and running live rocket launch broadcasts on-site.

Every project here was built with AI-assisted development. I define problems, design solutions, and direct Claude and Gemini to write the code. This is what happens when a designer who lives inside production workflows gets the ability to ship software.

Process

1
Find the friction

I work inside the pipeline every day. I know where time gets wasted because I feel it.

2
Design the solution

Creative background means UX-first thinking. What does the team actually need?

3
Build with AI

Claude and Gemini write the code. I direct architecture and debug. Full-stack apps, iOS, extensions, AE scripts.

4
Ship and iterate

Deploy, share with the team, get feedback, improve.