Skip to content

◌ Folio MMXXVII

Loading folio

000

§ 03 — Uses

WhatIactuallyuse.

The opinionated answer to ‘what's your setup?’ — the editor, hardware, fonts, and dev tools that pull their weight in 2026. Refreshed each year.

  • Edition

    MMXXVII

  • Refreshed

    Q2

  • Replaces

    uses-2025.md

  • Inspired by

    uses.tech

01 — Where I write code

Editor & shell

  • Cursor

    Daily driver. Composer + agent for refactors.

  • VS Code

    Backup, especially for live-share sessions.

  • Vim keybindings

    Habit from 2018. Hard to give up.

  • Warp

    Terminal. AI command suggestions stay on by default.

  • fish + starship

    Minimal prompt with git status & duration.

  • tmux

    Two windows, four panes — server, logs, scratch, editor.

02 — Where I debug

Browser & dev tools

  • Chrome Canary

    Lighthouse, Performance panel, GPU layer overlay.

  • Firefox Developer Edition

    Spider-mode for shader fallbacks.

  • Safari Tech Preview

    Catches subtle WebGL2 bugs Chrome hides.

  • Spector.js

    WebGL frame inspector — captures every GL call per frame.

  • Polypane

    Multi-viewport simultaneous rendering for responsive QA.

03 — Where I move pixels

Design

  • Figma

    Source of truth for systems, components and editorial layouts.

  • Affinity Designer

    Vector + print exports the studio actually ships.

  • Procreate

    Sketches before any pixel work begins.

  • Tldraw

    Whiteboarding architecture diagrams.

04 — What this site is set in

Type

  • Newsreader

    Hero serif. Variable display weight.

  • Inter

    UI sans across the system.

  • JetBrains Mono

    Code, eyebrows, the studio clock.

  • Söhne

    Used in editorial work. Licensed via Klim.

  • Fraunces

    Variable serif for moody experiments.

05 — On the desk

Hardware

  • MacBook Pro 14” M3 Pro

    Primary machine. 36 GB · 1 TB.

  • LG UltraFine 4K

    Single 27” monitor. P3 calibrated.

  • Keychron Q1 Pro

    Wireless, hot-swap, browns. Silenced.

  • Logitech MX Master 3S

    Mouse. Quiet click is non-negotiable.

  • Audio-Technica ATH-M50x

    Mixing & focus. Wired.

  • Anker eraser-grey desk mat

    Quiet under the keyboard.

06 — Production

Stack & deploy

  • Next.js 15

    App Router, edge runtime where it pays off.

  • TypeScript strict

    No `any`. No `getattr`-style escapes.

  • Tailwind CSS

    Plus a small set of hand-tuned tokens.

  • Three.js + GLSL

    All shaders authored, not lifted.

  • GSAP + Lenis

    Scroll choreography across the site.

  • Vercel

    Hosting. Preview deploy per PR.

  • Cloudflare Stream

    Showreel. HLS.

07 — Daily

Apps that pull weight

  • Linear

    Project tracking. Cycle-based.

  • Raycast

    Launcher + clipboard history + window manager.

  • 1Password

    Passwords + SSH keys + dev secrets.

  • Obsidian

    Studio notebook. Backed up to a private repo.

  • Arc

    Personal browsing. Spaces per project.

◊ Caveat

None of this is a recommendation — it's the setup that survived contact with my own work in 2026. Yours should be different.