Loading

Steven John

Steven John

Work In Progress!

Who I am

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

WHO I AM

My name is Steven John; I’m a senior software developer who works across the whole system, from technical infrastructure down to interactive designs and micro-animations. Because I design as well as code, I make system decisions that someone doing only one of the two might not.

Body of work.

Things I've built. Problems I've worked on. Across teams, technologies, and projects of my own.

Filter work by context

6 of 34 entries

Professional workAdeptmindJun 2024 — PresentApplications inside applicationsBuilt an embeddable web framework, ran a retail storefront end-to-end, and modernised legacy Python systems.PythonRustTypeScriptVuePostgreSQLGo — Details

Technical Lead · Adeptmind

  • Created a web framework that embeds your applications into an existing webpage. This is useful for adding a chatbot or even changing a page altogether.
  • Handled running a retail store's page end-to-end by looking at analytics, sale figures, etc to determine what technical moves to do next.
  • Created custom AI harnesses to automate processes that were labourious and time-sensitive for developers.
  • Migrated legacy systems by hand from old Python code to use better, composable practices.

AI & agents / Web applications / Developer tools / Infrastructure & data

Open sourceIndependent projectChauffeurSits between an agent's steps and steers it back onto the right path before a dumb mistake turns into a wasted afternoon.RustTypeScriptOpenCode — Details
  • Rides along with OpenCode and makes quick calls on what the agent is about to do: it attaches the skills a message needs, approves or blocks permission prompts, and nudges the agent when it drifts.
  • Judges in two tiers: quick yes/no calls go to Jev, a small, fast model that adds about a third of a second, and questions that need reasoning go to an LLM such as GPT-6 Luna. It redacts credential-shaped strings before anything is sent to Jev.
  • Adds /goal, which keeps an agent working until its objective is met, and rulebooks you define as your own slash commands. It can fail over to another provider on a usage limit, and send routine subagent work to cheaper models.
  • A Rust daemon and CLI with a TypeScript adapter for OpenCode. Every decision is logged and can be followed live with chauffeur audit.
  • Began as the steering rules inside Workhorse and is now a standalone tool.

Developer tools / AI & agents

Open sourceIndependent projectWorkhorseResearch into open standards for durable, sandboxed agent infrastructure, grown out of the harness that Chauffeur and SourceFed came from.TypeScriptMCP — Details
  • Began as a custom agent harness built on Pi: a fleet of coding agents on Cloudflare that took a ticket, planned the work and wrote the code in an isolated sandbox. Its steering rules and monitors have since become Chauffeur and SourceFed, which no longer depend on it and do far more.
  • Now a research project into open standards for agent infrastructure: an open protocol for durable, sandboxed agents. Its projects live under the wrkhse GitHub organisation.
  • The daemon is a shared capability daemon and a framework for building modular MCP servers.
  • The original fleet is kept on the fleet-v0 branch.

AI & agents / Developer tools

Professional workHexoMar 2022 — Nov 2023From text to marketing imageryWorked on Hexo Studio, a generative AI platform that turns text templates into images for social media and marketing.TypeScriptNext.jsTailwind CSSRadix UIHeadless UITanStack QueryFirebaseZustandPythonFastAPIPydanticSQLAlchemyPostgreSQLAlembic — Details

Lead Full Stack Consultant · Hexo

  • Worked on Hexo Studio, a platform for generating images from text templates for social media and marketing purposes using generative AI.
  • It was built using:
    • Frontend:
      • Typescript - language
      • Next.js - Web framework
      • Tailwind CSS - utility-first styling
      • Radix UI & Headless UI - unstyled, fully-functional components
      • TanStack Query - API query management
      • Firebase - manage login methods
      • Zustand - state management
    • Backend:
      • Python - language
      • FastAPI - the web server API
      • Pydantic - runtime type checking
      • SQLAlchemy - PostgresQL ORM
      • Alembic - handle DB migrations

AI & agents / Web applications

Open sourceIndependent projectNuggetA GSAP-powered Nuxt animation library with sensible presets and a DevTools tab to inspect, replay and live-edit animations, then copy the changes into a coding-agent prompt.NuxtVueGSAPTypeScriptVitePress — Details
  • Headless composables and components for animating the things you choose, with sensible presets such as baked transitions, so you don't tune the animation yourself.
  • Includes a v-split-animate directive that splits text by lines and animates each part, and an infinite marquee that isn't scroll-controlled and stops on hover.
  • A Nugget tab in Nuxt DevTools shows every GSAP animation in a waterfall, with timeline steps, live progress and element highlighting. Pause, replay or scrub animations, or slow the whole page down.
  • Live-edit duration, delay, stagger, repeat, values and easing, including custom bezier curves. Changes apply to the page immediately; Copy prompt names the source component and file so a coding agent can make them permanent. The tab needs Nuxt 4.5+ and DevTools v4, and never ships in production builds.

Developer tools / Interaction design

Professional workHyphenApr 2022 — Dec 2022An operation, built from the ground upBuilt ticketing, accounting, an internal dashboard, and an app in four months, with a shared design system and database-driven automation.TypeScriptZodFirebaseSupabasePipedreamRetoolRazorpayZohoFlutterRiverpod — Details

Full-Stack Developer · Hyphen

  • Built the entire technical infrastructure from the ground up, including a ticketing system, accounts consolidation system, internal dashboard and an app in 4 months.
  • The entire system had an atomic, zero-trust philosophy, using database triggers and webhooks to consolidate data on a DB level, so even if items are created in the DB from multiple sources, auxiliary data is still populated.
  • Created a design system called Falcon which informed the design for UI/UX for the app which was built in Flutter.
  • The ticketing system has multiple ticket statuses, along with automatic assignment (club manager, SLA, holiday and work hours), slack bot for notifications and quick responses, and more. Created a DSL for querying the Slack bot for ticket statuses and more.
  • The accounting system allows to create invoices which are consolidated in multiple sources including Razorpay and Zoho Books which also accounts for multiple financial entities.
  • Tech Stack: Typescript, Zod, Firebase (Auth, Cloud Messaging), Supabase (Postgres), Pipedream, Retool, Razorpay, Zoho Books, Flutter, Riverpod Architecture (my spin on it, at least).

Infrastructure & data / Web applications / Mobile applications / Interaction design

Design

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

DESIGN

A different side of the work. A selection of posters, covers, and visual experiments.

All designs