TJ's Desk

Dates, notes, and things shipped

Calendar


Feed

  1. Note

    Plan on the Big Model, Type on the Small One

    Plan and orchestrate on Opus, implement with Sonnet subagents, and try low effort before assuming you need high. Why the split works, why the biggest models rarely pay for themselves in my daily work, how to run a trial instead of taking my word for it, and the same pattern in Codex.

    ai, workflow

  2. Note

    Write for the Person Who Has to Read It

    A practical guide for students and junior teammates on writing ticket comments, review comments and chat messages with AI. Put the reader's next action first, keep open questions visible, and save before-and-after examples in a short VOICE.md the agent can read.

    standards, leadership, workflow, teaching

  3. Note

    Our CTO Said Move Bugs to the Left. My Tech Lead Built the Tool.

    Kercwin, the tech lead of my team, built an epic checker that keeps a busy project aligned to its architecture plan. It reads each ticket and open pull request against the plan in Confluence, flags new decisions and conflicts between pull requests, and puts each one in front of the person who owns it. The idea under it is our CTO Matt Monroe's rule: move bugs as far to the left in the process as possible.

    ai, leadership, tooling

  4. Note

    Seven Hundred Commits to Teach a Reviewer It Was Wrong

    The story of my PR review kit at Career Team, told from its git history: one hand-run Claude skill in August, a talk that introduced it to the team in September, then an outcome log that scores every finding, misses replayed at the commit they slipped through, routines that answer their own threads, a kit other managers install, Codex as a backup, risk intake and an epic check, and the one production break it let through. It got good by being measured against its misses, not by being prompted harder, approval never left my hands, and the hours it gave back went to my team.

    ai, leadership

  5. Note

    The Loop Outlives the Model.

    How I run Claude, Codex and DeepSeek on one shared loop. The public standards are the contract, and a private agent-config repo wires them across my machines. Choosing a model is a routing decision, not a brand loyalty. The entry plans on Claude and Codex still unlock the top model, so the only constraint is the usage allowance, not access. A unified loop is what makes that allowance more than enough. This is my setup, a suggestion, not a rule: the same loop fits Gemini, a local model, or whatever comes next.

    ai, workflow, standards, tooling

  6. Note

    I put bugs on my website. On purpose.

    My portfolio has ants now. They read the page, take real letters home, feed a queen, build more mounds, and meet a rival colony that grows on its own rules. It is a handful of plain JavaScript modules on the same vanilla stack as the site, built over a weekend as a small, serious easter egg and a test of the workflow behind it.

    web-platform, stack

  7. Note

    Two Hundred Final Projects, and the Ones I Didn't See Coming

    A look back at semester one of 2026: seven sections, three subjects, more than 200 public final projects and 594 badges. The one rule that shaped them was to build something you actually need, publish it in the open, and own every line, including the lines AI wrote.

    teaching, automation

  8. Note

    Set Up the Loop With One Prompt

    A prompt-first setup guide for the loop, the harness, and the standards you write for yourself: one instruction file, one plan, one checklist, one report, one human gate. It starts with the prompt, installs the five pieces, and shows the terminal verdict that tells you the loop loaded.

    ai, workflow, tooling

  9. Student highlight Holy Angel University

    Seventy-three Flutter apps, and the eight I keep showing people

    The 2026 first semester of Applications Development at Holy Angel University ended with seventy-three Flutter final projects across two sections. Here are eight of them, with the students' own square art and screenshots, and a page for each.

    students, student-work, flutter, hau, appdev

  10. Student highlight Holy Angel University

    Fifteen full-stack apps from a semester I almost did not survive

    Four sections of full-stack JavaScript at Holy Angel University finished the 2026 first semester with deployed React, Express and PostgreSQL apps. Fifteen of them, from a job-hunting clipboard to a missalette generator built for a campus office.

    students, student-work, fullstack, react, hau, apsi

  11. Student highlight Holy Angel University

    Four websites built with nothing but HTML, CSS and JavaScript

    Introduction to Web Development at Holy Angel University ended the 2026 first semester with team final projects built in plain HTML, CSS and JavaScript. No frameworks allowed. Here are four of them.

    students, student-work, web, hau, introweb

  12. Note

    I Showed My Team a Dashboard. Two Weeks Later They Showed Me Theirs.

    I stalled for a month building a people app the way a developer would, screen by screen, then rebuilt it in an afternoon as a Claude dashboard once I started thinking like an orchestrator. The better story is what my team did after I demoed it: Kercwin, the tech lead of my team, built an epic checker for his projects, Kyle, a junior on my team, built his own work board in Obsidian, and Cyrus, a fresh graduate three months into the team, built a desk for his own pull requests. I lead with demos rather than mandates, and I hold my team to the rule I hold my students to: own the output, or do not ship it.

    ai, leadership, tooling

  13. Workshop SJH-706, Holy Angel University

    Back at LOOP, starting with Git

    Version One, a beginner's Git workshop for first-year students at Holy Angel University's School of Computing. I was LOOP's president as a student and volunteered to return as its faculty advisor. This time I brought something I had to learn on the job: how to save work and collaborate without passing files around.

    workshop, students, git, github, loop

  14. Note

    The Check Ran Once in 165 Sessions, and I Got the Reason Wrong

    I built a check that fires when I sit down to work, rolled it across a dozen repositories, and wrote a note about it. Three weeks later my session store said it had run exactly once outside the repo where it was built. The obvious reading was a discipline problem, and I argued myself into it for most of a day before running the check by hand from the wrong folder and watching it fail to find its own program. It had never been able to start, in any repo but the one it was written beside. What the numbers measured was real. The reason I hung on them was invented, and it held up for three weeks because it was plausible and nobody ran the command that would have killed it.

    ai, workflow, measurement, standards

  15. Note

    Everybody Wants the Agent. Somebody Has to Build the Floor.

    Most organizations have bought AI subscriptions and are hoping the automation arrives on its own. This is the roadmap that actually gets there, and the implementation behind each stage. Instrument and make one repository legible now. Extract skills from the people who do the work and let developers run them by hand. Score what happens. Then fire the same skills from triggers, then chain them into loops that run unattended. One artifact travels the whole way, so there is never a second system and never a migration project. Includes what to build now, what six months looks like, where a year lands, and the six ways these systems fail without telling you.

    ai, workflow, standards, tooling, web-platform

  16. Talk Google Developers Group on Campus - Holy Angel University, on Google Meet

    Don't vibe anything you can't code yourself

    Infosession: Navigating Tech, the general assembly of Google Developers Group on Campus - Holy Angel University, about 60 students on a Saturday-night call. Louella Salenga took the ethics of AI in learning and teaching, Marc Samuel Pabilona took security in the age of AI, and I got the one that sounds like a compliment until you look at it: vibe coding, and where it stops working.

    talk, students, ai, gdgoc

  17. Note

    Ten Times Zero Is Still Zero

    How I actually work with AI, and why it holds up. AI is a multiplier, not an addend; it multiplies what you already are, and ten times zero is still zero, so I made sure I wasn't zero first. Then the receipt, pulled from this portfolio's own git history: a snapshot on 2026-11-12 counted 1,147 commits, each co-authored with an AI. Professional vibe coding is the human writing the rails and the AI writing much of the code inside them. Includes the playbook, the context and loop engineering underneath it, what to check before anything counts as done, and where to start if you are early.

    ai, workflow, web-platform, stack

  18. Note

    Watch Its Hands

    Most AI works offstage. You ask, it disappears, it comes back with a result and a summary of itself. I built the opposite: the AI operates the same controls I do, enters through the same single door, and leaves its handwriting on everything it touched. Here is the plain-language version of the argument, and the part I have not proven yet.

    ai, design-systems, stack

  19. Note

    The Console I Built to Stop Drowning

    The story of the Course Console, and how it grew out of a scaling problem. Going from four classes to seven made attendance alone unmanageable, so I built a data-free QR scanner: signed codes a student cannot forge, scanned on my phone, verified by a workflow. That scanner taught me a shape, a page that holds no data, reads my repos live, and writes back only through one reviewed door. The same shape then swallowed grading review: AI-proposed grades render in grain type until I approve or edit them, at which point they go clean, and nothing reaches a student until I turn my decisions into a prompt I have read. One console, two tabs, one rule: the machine drafts, I sign.

    teaching, stack, automation

  20. Note

    I Was Shipping Faster Than I Could Understand It

    How I got back on top of AI-assisted work across a dozen repos: one shared workflow instead of a dozen improvised ones. Plan state moved out of chat and into markdown files the AI already edits, with a board that renders them and writes nothing back. A work-triggered heartbeat (a doctor at every session start, CI on every push) that makes skipped chores visible. An accountability contract (a run ledger, declared rails, and verification by a second pass) that keeps an unattended run honest, and a documentation discipline borrowed from aerospace manuals and from Addy Osmani's writing on loop engineering. One person applying the shape the field agrees on, honest that it isn't proof it scales to a team.

    ai, workflow, tooling, standards

  21. Shipped

    PROOF is live

    The plan board stopped rendering a snapshot and started streaming: cards move as the work moves, pushed over server-sent events, on this very site.

    proof, bread, shipped

  22. Shipped

    Closed a loop I called at the top of a note

    The plan for building PROOF was the first thing on its own board. I published the plan for the plan tool before the tool existed, and it held.

    writing, planning

  23. Note

    I Nearly Quit Teaching. So I Automated the Part That Was Killing Me.

    Why I teach when the math says I shouldn't, how I run a classroom (treat adults like adults, lean into self-study, skip the fluff, go straight at the hard parts), and how, after a semester that nearly made me quit, I automated grading and coursework onto a GitHub-native platform so the mechanical grind stopped stealing the time I actually wanted to spend on students.

    teaching, automation

  24. Note

    One Vocabulary, Two Operators

    A research-style positioning of GRAIN, an AI-interaction design system: a UI where a human click and an AI decision resolve to the same closed, semantic action-vocabulary through one write door, with the AI's presence disclosed as an in-surface provenance signal. The contribution is an alternative *modality* for AI, a design-system claim, independent of what is built with it or where it runs.

    ai, design-systems, stack

  25. Shipped

    PANTRY's mindmap shipped

    PANTRY's whole-codebase mindmap shipped. It is AI-legible, not AI-powered: it runs no model, it just makes a project easy for an agent already on your machine to read.

    pantry, docs

  26. Note

    This Site Feels Like an App. It's a Stack of Full Page Loads.

    A technical tour of how portfolio.tjakoen.com is built, and why it is a different way of doing things: the single-page feel is a cross-document View Transition, not an SPA; there is no build step, because a Bun server composes the HTML and the static site is a frozen crawl of it; there is no client framework, only a handful of small scripts leaning on native browser elements; writes go through one path that also runs with no server; and the whole thing is three layers stacked one direction. The AI side of the story lives in its own whitepaper.

    stack, web-platform

  27. Note

    The Browser Grew Up While I Was Busy With Frameworks

    I spent years inside frameworks because the native web platform couldn't do the job. It can now. Here is the specific, mildly technical account of the browser features (View Transitions, the dialog element, details, has, color-mix) that let me build a whole stack with no framework and no build step, what that actually buys you, and the honest limits. Including the benchmark I kept promising and finally ran: the same small blog built four ways, where Next ships about 118 kilobytes of JavaScript for one filter and my stack ships about two, plus Declarative Partial Updates, the new browser primitive that hands the last piece of glue back to the browser.

    web-platform, stack

  28. Shipped

    One design system, one vocabulary

    The whole site is one design system: every surface is addressable by a human and an AI through one shared vocabulary, and the AI's hand stays visible on the page as grain. One vocabulary, one direction.

    grain, designsystem

  29. Note

    How I Turned a GitHub Org Into My Whole Classroom

    The maker's story of a GitHub-native course platform: GitHub is the LMS, a repo is the coursework, a push is a submission, and grading is an Action. How the "repo is the platform" reframe fell out of having no budget, the one-engine-many-courses design, and the unglamorous bugs that turned out to be the real work: access control, scoped tokens, and treating repo names as data.

    teaching, automation, web-platform

  30. Shipped

    New panels on the desk

    This feed, and a compose window that doubles as the contact form. The site is static, so the compose window hands your message to your own mail app rather than pretending to have a backend.

    desk, static

  31. Note

    I Built a Whole Stack Because No To-Do App Would Have Me

    How trying to organize my own life turned into a no-build stack, a design system, a content engine, and an AI that manages me.

    stack, web-platform

  32. Hackathon University of the Philippines Los Baños

    The prize we gave out was not for the best demo

    EXPE21ENCE: The Hackfest, run by YSES at UP Los Baños. Career Team came in as a premier sponsor, so I gave a talk and then sat as a judge for our own special prize. We handed the Accelerating the Human Condition Award to two teams, and neither of them won it for the code.

    hackathon, students, judging, ai, accessibility, career-team, yses

  33. Talk University of the Philippines Los Baños

    A booth in the morning, a stage after lunch

    EXPE21ENCE, the Practicum Fair, Job Fair and Company Talks run by YSES at UP Los Baños in their twenty-first year. Career Team took a booth and a stage slot on the same day: 130 sign-ups on the sheet, then a talk called From Code to Career. A recruiting day, and I will not dress that up.

    talk, career-fair, students, hiring, ai, career-team, yses

  34. Talk SJH Academic Hall, Holy Angel University

    Talking AI to a room of artists

    Re: AI-lity Check, a seminar on originality and integrity amidst AI-driven media, run by MAFIA, the Multimedia Aficionados, the student org for the Entertainment and Multimedia Computing program. I got half an hour to talk about AI to a room of artists, which is a bit like turning up to explain the weather to people already standing in the rain. The best part came later, in the Q and A.

    talk, students, ai, ethics, mafia

  35. Hackathon PGN 310, Holy Angel University

    I handed out the criteria, then had to score them

    Beyond Limits: The AI Hack, the GDG on Campus hackathon at Holy Angel University, ran alongside the first Regional AI Conference. I opened it with the ideation workshop, which is an hour of telling ten teams what makes an idea worth building. Two days later I was sitting behind a nameplate with a scoring sheet, marking the same teams against roughly the same list. The team that won broke my advice on purpose.

    hackathon, judging, talk, students, ai, gdg

  36. Workshop SJH 703, Holy Angel University

    The slots were gone before I said anything

    Sleek & Swift, a hands-on Tailwind and shadcn/ui workshop run by Code Geeks, the student organization for the computing programs at Holy Angel University. Two hours in a full lab on a Wednesday afternoon, registration closed a day early. Written up a year to the day afterwards, which is late enough that I say so in the post rather than pretending otherwise.

    workshop, students, frontend, tailwind, codegeeks

Part of portfolio.tjakoen.com, built with itself.

AI helps me write and review. I direct the work, test the result, and answer for what ships. How I work with AI →