Steven John

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

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 projectChauffeurSteers coding agents back onto the right path before a dumb mistake turns into a wasted afternoon.RustTypeScriptOpenCode

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.
Uses Jev, a small, fast model, as its default judge, and redacts credential-shaped strings before anything is sent to it.
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.

Developer tools / AI & agents

View source

Open sourceIndependent projectWorkhorseAn open protocol for durable, sandboxed agent infrastructure, with a daemon for modular MCP servers.TypeScriptMCP

An open protocol for durable, sandboxed agent infrastructure. Its projects live under the wrkhse GitHub organisation.
The daemon is a shared capability daemon and a framework for building modular MCP servers.
The earlier autonomous coding fleet is kept in an archive inside the repository.

AI & agents / Developer tools

View source

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

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 Nuxt animation library with sane defaults and composable functions, built on GSAP. Premium motion without the boilerplate.NuxtVueGSAPTypeScriptVitePress

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.
Published as a Nuxt module (@fdcn/nugget) with GSAP as a dependency and a VitePress docs site. It is still a work in progress, and a plain Vue version is only on the roadmap.

Developer tools / Interaction design

Visit site View source

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

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

Loading

Body of work.

Loading

Steven John

Who I am

Design