ANTJANUSWidescreen edition
AntJanus productionsREEL 3 · 35 PRODUCTIONS
Hand-drawn blueprint sketch of a workstation
Open source, side projects, AI experiments, and creative work2.39 : 1
Productions

Things I've Built

Open source, side projects, AI experiments, and creative work.

Feature
A blueprint drawing of interface parts: dialled gauges, dimensioned panels, and a grid of repeated tiles
Now showing · HTML · CSS · JavaScript

UI Pattern Library

Interface patterns lifted out of projects I actually shipped. Each one renders live in an isolated frame and comes with its markup, its styles, its behaviour, and the prompt that rebuilds it from scratch.

Browse the library
Patterns40
Categories5
Dependencies0
Sc. 01

Open Source

Public repositories on GitHub.

github.com/antjanus ↗
Cottage UI screenshot
React · TypeScript

Cottage UI

A component library for React, built alongside a YouTube tutorial series. Clean, reusable, well-tested code.

13 stars
View on GitHub ↗
cc-dash screenshot
TypeScript · Next.js · MCP · zod

cc-dash

A dashboard and Model Context Protocol server for a project portfolio whose entire state lives in markdown files. Twenty-five zod-typed MCP tools let Claude Code read roadmaps, advance sessions, and work QA queues without anyone opening the UI. No database: the files are the source of truth, and git is the audit log.

25 MCP tools · 1,667 tests · MIT
View on GitHub ↗
Skillbox screenshot
Claude Code · SKILLs

Skillbox

A collection of personal prompts and utility prompts packaged as SKILLs for Claude Code. Easily installable via npx.

View on GitHub ↗
Photo Importer screenshot
Python · TUI

Photo Importer

Photo organization TUI with video sorting support. Organizes photos into year/month/date folders. Built a TUI around the original script for a better workflow.

View on GitHub ↗

More open source

  • 680 ★

    Programmer's Proverbs

    A collection of proverbs from the programmer. Went viral with hundreds of stars and contributions from the community.

    Markdown
  • 47 ★

    My Dotfiles

    Personal VIM/Neovim configuration that ended up featured in the video game Watch Dogs 2.

    Vim · Shell
  • 38 ★

    Tseczka CSS Framework

    A lightweight CSS framework focused on simplicity and clean design.

    CSS
  • 18 ★

    Babel Plugin Namespaces

    A Babel plugin that adds JavaScript namespace support for cleaner code organization.

    JavaScript · Babel
  • 12 ★

    Popstar CMS

    A file-based content management system built on Node.js for simple, flat-file websites.

    Node.js · JavaScript
Sc. 02

Side Projects

Built with Claude Code. Thirteen frames on one reel, scroll the strip.

Read the full story →
Rust · ratatui

Start TUI

Terminal start menu with ranger-style three-column layout, vim-style navigation, auto-categorization of tools, and a built-in database of 134 CLI apps.

Go · Bubbletea

Boil TUI

Terminal game library manager -- basically Steam for your terminal games. Auto-discovers CLI games installed on your system and gives you a TUI to browse and launch them.

Go · Bubbletea

Media Picker

Cable TV guide TUI that mimics the classic Comcast channel guide. Fetches info from OMDb for TV shows and movies, creates random channels and schedules.

Browser · 3D

3D Fantasy RPG

3D RPG built with one of my kids. Features wave system, random item drops, shops, galaxy mode with different monsters, and a mech mode.

HTML · Browser

Fishing Game

Browser fishing game inspired by Cat Goes Fishing, built with a kid. Everything runs from a single .html file.

CLI · Markdown

Todos CLI

CLI todo manager using markdown files for storage. Works via TUI or simple commands. Has a SKILL.md that lets Claude Code check and update todos.

Utility

Banner Maker

Tool for creating article banners with real tool output in the background and article name overlay.

Inter-process

Agent IPC

IPC protocol for inter-agent communication. Allowed running one Claude instance in a repo and communicating with another via channel-based chat.

Next.js · Pyodide · Sandpack

Interactive Learning App

Learning platform with quizzes, code challenges, Mermaid diagrams, and progress tracking. Runs Python via Pyodide and JavaScript via Sandpack in the browser.

Full-stack

Content Creation Suite

Content management suite with two implementations -- CLI/full-stack version and client-only web version. Hub-and-spoke content strategy for AI/tech content.

Dashboard
React · APIs

Dashboard

Personalized dashboard with resizeable widgets, GitHub/Jira API integration, and Ollama chat.

Blog "2024"
SvelteKit · MDSvex

Blog "2024"

This blog. Auto-discovered articles, content negotiation for markdown API.

Personal Blog
Astro

Personal Blog

Legacy blog rewritten from unknown framework to modern Astro.

Sc. 03

AI Projects

Exploring AI tools, workflows, and creative applications.

  • Service

    AI Workflow Consulting

    Helping companies implement AI tools and processes effectively.

    Claude · LLMs · Prompt Engineering
  • Article

    Claude Code Best Practices

    Guide to effective AI-assisted development.

    Claude Code · TypeScript
  • Article

    AI Glossary

    Comprehensive glossary of AI terms and concepts.

  • Experiment

    I, AI - Short Stories

    Science fiction exploring AI themes and futures.

    Creative Writing · AI
Sc. 04

Creative & Content

Podcasts, videos, and visual art.

  • Podcast

    YAFF Podcast

    Yet Another Final Fantasy Podcast about Final Fantasy, going through the games one by one in order of release.

  • Video

    YouTube

    Tutorials and project walkthroughs covering React, UI libraries, and web development.

  • Stills

    Photography

    A collection of photography and other art.