Projects · 34 entries · 5 groups

Things I've Built

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

Hand-drawn blueprint sketch of a workstation — FIG.00 things-ive-built-3.webp

01What I'd show you first

Featured project

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.

HTML · CSS · JavaScript

40Patterns

5Categories

0Dependencies

Browse the library →

A blueprint drawing of interface parts: dialled gauges, dimensioned panels, and a grid of repeated tiles — FIG.01 patterns-hero-1.webp

02Open Source

Public repositories on GitHubgithub.com/antjanus →

React · TypeScriptCottage UIA component library for React, built alongside a YouTube tutorial series. Clean, reusable, well-tested code.GitHub → 13 ★

TypeScript · Next.js · MCP · zodcc-dashA 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.GitHub → 25 tools · 1,667 tests · MIT

Claude Code · SKILLsSkillboxA collection of personal prompts and utility prompts packaged as SKILLs for Claude Code. Easily installable via npx.GitHub → npx

Python · TUIPhoto ImporterPhoto organization TUI with video sorting support. Organizes photos into year/month/date folders. Built a TUI around the original script for a better workflow.GitHub →

TUI · Claude CodeAgent CompilerA TUI for embedding skills into a CLAUDE.md file so Claude has a higher chance of picking them up.GitHub →

More open source

Repository	Tech	Stars
Programmer's Proverbs A collection of proverbs from the programmer. Went viral with hundreds of stars and contributions from the community.	Markdown	680
My Dotfiles Personal VIM/Neovim configuration that ended up featured in the video game Watch Dogs 2.	Vim, Shell	47
Tseczka CSS Framework A lightweight CSS framework focused on simplicity and clean design.	CSS	38
Babel Plugin Namespaces A Babel plugin that adds JavaScript namespace support for cleaner code organization.	JavaScript, Babel	18
Popstar CMS A file-based content management system built on Node.js for simple, flat-file websites.	Node.js, JavaScript	12

03Side Projects

Built with Claude CodeRead the full story →

Browser · 3D3D Fantasy RPG3D RPG built with one of my kids. Features wave system, random item drops, shops, galaxy mode with different monsters, and a mech mode.Read →

Fishing Game screenshot — fishing-game.png

HTML · BrowserFishing GameBrowser fishing game inspired by Cat Goes Fishing, built with a kid. Everything runs from a single .html file.Read →

Interactive Learning App screenshot — interactive-app.png

Next.js · Pyodide · SandpackInteractive Learning AppLearning platform with quizzes, code challenges, Mermaid diagrams, and progress tracking. Runs Python via Pyodide and JavaScript via Sandpack in the browser.Read →

Banner Maker screenshot — banner-maker.png

UtilityBanner MakerTool for creating article banners with real tool output in the background and article name overlay.Read →

Project	Stack
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.	Rust, ratatui
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.	Go, Bubbletea
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.	CLI, Markdown
Agent IPC IPC protocol for inter-agent communication. Allowed running one Claude instance in a repo and communicating with another via channel-based chat.	Inter-process
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.	Full-stack
Dashboard Personalized dashboard with resizeable widgets, GitHub/Jira API integration, and Ollama chat.	React, APIs
Blog "2024" This blog. Auto-discovered articles, content negotiation for markdown API.	SvelteKit, MDSvex
Personal Blog Legacy blog rewritten from unknown framework to modern Astro.	Astro

04AI Projects

Exploring AI tools, workflows, and creative applications

ServiceAI Workflow ConsultingHelping companies implement AI tools and processes effectivelyClaude · LLMs · Prompt Engineering ArticleClaude Code Best PracticesGuide to effective AI-assisted developmentClaude Code · TypeScript ArticleAI GlossaryComprehensive glossary of AI terms and concepts—ExperimentI, AI - Short StoriesScience fiction exploring AI themes and futuresCreative Writing · AI

05Creative & Content

Podcasts, videos, and visual art

PodcastYAFF PodcastYet Another Final Fantasy Podcast about Final Fantasy, going through the games one by one in order of release.Listen → VideoYouTubeTutorials and project walkthroughs covering React, UI libraries, and web development.Watch → Visual artPhotographyA collection of photography and other art.View →