Web Development Portfolio

Websites built with craft.

A two-person web development studio. Below: portfolio sites, interactive music and game tools, rule-based AI demos, long-form lessons, and the developer products we’ve shipped along the way.

Website Portfolios

Sample portfolio sites we can adapt to your brand, work, and content

Classical Music Generator

Draw a line across the canvas. The engine picks the music — a historical musical dice game (Mozart, Kirnberger, C.P.E. Bach, contredanse) whose shape matches your stroke — then plays it back and lets you export real sheet music.

The Arcade

Thirteen browser games across three genres — each one runs fully in the browser with no download, no account, no ads.

Strategy & Board

Four games with real AI opponents — Stockfish, minimax with alpha-beta pruning, and an 18th-century dice-music composer.

Arcade Action

Seven reflex-driven games: vector physics, procedural audio, CRT scanlines, chain reactions, and at least three cases of undiagnosed scope creep.

Puzzle & Trivia

Two cerebral games — one block-puzzler with way too many mechanics, and one geography trivia game that takes its world map very seriously.

Idle Game Maker

A custom engine that turns a short design description into a complete, playable idle game. Try the studio yourself, or play three games generated from built-in presets.

Launch the Studio

Interactive

Describe an idle game in a handful of fields — mood, depth, tempo, session shape, number scale — and the engine runs 600+ expert-system rules to compose a manifest, then assembles it into a single-file, playable HTML game. Over 80 built-in presets; live preview updates as you type.

  • 600+ rules across 21 design domains
  • 10 visual themes · 3 layouts · prestige & challenges
  • Single-file HTML output or installable PWA
Open the studio

Cozy Workshop

Cozy

A warm, low-pressure bakery-management idle. Kittens bake cookies. Bakers bake bigger cookies. Bakeries bake kittens. Multi-tier upgrades, prestige, achievements.

  • Theme: parchment & green
  • Single-file HTML, save/load, keyboard nav
Play now

Candy Kingdom

Playful

A bright, playful kingdom-builder idle on a lavender palette. Bigger number scale and deeper progression than Workshop — multi-resource economy, research, ascension, challenges.

  • Theme: lavender & purple
  • Research tree · prestige shop
Play now

Small Colony

Cosmic-scale

A deep, kittens-style idle where the progression ladder spans cosmic scales. Start at a single drop of catnip and grow to streams, rivers, oceans, mountains, stars, and eventually cosmos — double the tiers of the other two games, with a completely different pacing curve.

  • Theme: cream & cosmic blue
  • 8 tiers of generators · kittens-game-inspired structure
  • Dashboard layout — everything readable, nothing overlapping
Play now

Classic Expert System

A MYCIN-style rule engine with certainty factors, seven diagnostic knowledge bases, and fully explained reasoning — the sort of AI that predates (and still outperforms) LLMs on narrow, inspectable domains.

Coding Adventures

Interactive short stories that teach real JavaScript — each one pairs a narrative with a live code playground inside the page.

Education — Learn Algorithms

A long-form, illustrated course on classic computer-science algorithms — with interactive walkthroughs, live visualizations, and plain-language explanations.

Prompting Techniques

A working encyclopedia of AI-prompting techniques — 76 patterns from one-liners to multi-agent architectures, each with worked examples and when-to-use guidance.

Developer Products

Alongside client web work, we ship our own browser extensions and developer tools

Chrome Extension

CleanLinks — URL Tracking Stripper

Automatically removes 127+ tracking parameters from URLs as you browse. Zero setup, zero data collected.

  • Strips UTM, fbclid, gclid & 120+ more at network level
  • Skips tracking redirects from Google, Facebook, YouTube
  • 6 toggleable categories with live stats
  • Safe by design — never breaks websites
Learn more
Free • Pro $2.99 one-time
url bar
example.com/page?id=42&utm_source=news&fbclid=abc&gclid=xyz&_ga=2.12
example.com/page?id=42
4 trackers removed
VS Code Extension

.env Sync Checker

Instantly finds missing, extra, and mismatched variables between your .env files. Never deploy with broken config again.

  • Compares .env against .env.example in real-time
  • TreeView panel showing all discrepancies
  • Quick-fix actions to add missing variables
  • Supports multi-root workspaces
View on Marketplace
Free • Open source
.env
1DATABASE_URL=postgres://...
2API_KEY=sk_live_abc123
3STRIPE_SECRET= ← missing from .env.example
4REDIS_URL=redis://...
5S3_BUCKET= ← missing value
2 issues found✓ Quick Fix
VS Code Extension

Inline Dependency Size

See the real gzipped cost of every import right in your editor. Color-coded annotations, hover cards, and smart alternatives.

  • Inline size annotations next to every import
  • Color-coded: green / yellow / red by threshold
  • Quick-fix: rewrite barrel imports to deep imports
  • Bundle treemap & marginal cost analysis (Pro)
View on Marketplace
Free • Pro $4.99 one-time
app.tsx
1import { useState } from 'react' // 2.5 kB
2import axios from 'axios' // 13.7 kB
3import _ from 'lodash' // 71.5 kB
4import { format } from 'date-fns' // 5.2 kB
5import moment from 'moment' // 72.1 kB
Total: 165.0 kB gzipped2 heavy
VS Code Extension

Dead Code Highlighter

Highlights unused functions, variables, imports, and exports across your entire project. Supports JS, TS, Python, and Go.

  • Cross-file unused export detection
  • Gutter icons, inline strikethrough & Problems panel
  • Quick-fix: remove imports, delete declarations
  • CI integration & dead code reports (Pro)
View on Marketplace
Free • Pro $5.00 one-time
utils.ts
1import { merge } from 'lodash' unused
2import { useState } from 'react'
3
4export function formatDate() { unused
5  return new Date()
6}
7
8export function fetchUser() {
2 dead code items⚙ Quick Fix

Also by Artizan

Mobile apps and desktop tools

Craft is not a feature. It's the foundation.

Every site we build is engineered like software that has to last and designed like something worth looking at. Fixed scopes, real engineers, no surprise invoices — work we’re willing to put our names on.