Tag:ai
All content with the tag "ai".
Clean Code Is Sexy Again: Making Your Vue Project AI-Ready
My Vue MAD 2026 talk, written up. What an agent actually is, and the three things every Vue project needs to get more out of AI: context, feedback loops, and discoverability. The twist is that none of it is new.
Read More→Build Your Own Eval Harness from Scratch with Bun and claude -p
A hands-on tutorial: build a real, working eval harness for an AI agent in a single Bun file. Run the agent in a sandbox, grade it deterministically and with an LLM judge, vote across trials, and gate CI on the result.
Read More→I Rebuilt Cloudflare's AI Code Review in a 250-Line Workflow
Cloudflare runs a fleet of specialized AI reviewers across tens of thousands of merge requests. I didn't have GitLab CI or OpenCode, but I had Claude Code workflows. Here's how I rebuilt the idea as one script, and the one thing I changed.
Read More→Claude Code's /goal Keeps the Agent Working Until It's Actually Done
Using Claude Code's /goal command to set a measurable target the agent can't stop short of — and how I used it to cut my Astro build time in half.
Read More→Claude Code Workflows: Deterministic Multi-Agent Orchestration
Workflows let you script how Claude Code fans out across dozens of subagents, then synthesizes the results. Here's how they work, the primitives, and the small example I built to understand them.
Read More→How to do AFK Coding
A pipeline for shipping a 5-point ticket while you're away from the keyboard: spec with the human in the loop, slice into vertical tickets, run a Ralph loop with TDD per slice, refactor, then let an agent-browser do QA.
Read More→Exploratory QA with AI Agents: Building a Site-Agnostic Harness
A thin Bun runner that hands a coding agent one charter and lets it drive a real browser through an exploratory QA session. Works with Claude, Codex, or Copilot, and any browser CLI.
Read More→App Screenshots: An AI Coding Agent Skill for Visual Documentation
Automate annotated screenshot documentation for any web app or live website using an AI coding agent skill. Works with Claude Code, Cursor, Windsurf, or any agent that supports custom skills.
Read More→The Software Factory: Why Your Team Will Never Work the Same Again
We already have everything we need to build software factories. Teams will change. The only variable is speed.
Read More→How I Turned Claude Code's Thinking Indicator into a One Piece Adventure
Replace Claude Code's default spinner verbs with custom One Piece references using the spinnerVerbs config in settings.json.
Read More→Building a Walkthrough Skill for AI Coding Agents
How I built a skill that generates interactive codebase walkthroughs with clickable Mermaid diagrams—works with Claude Code, Amp, and any agent that supports the skills standard.
Read More→Claude Code Agent Teams: How Multiple Sessions Coordinate (2026)
Agent teams let multiple Claude Code sessions coordinate, communicate, and self-organize. Here's how they work, when to use them, and what they cost.
Read More→Spec-Driven Development with Claude Code in Action
A practical workflow for tackling large refactors with Claude Code using parallel research subagents, written specs, and the new task system for context-efficient implementation.
Read More→What's New in VS Code Copilot: January 2026 Update
Major updates to VS Code Copilot including parallel subagent execution, a new skills system, deeper Claude integration with extended thinking, terminal improvements with kitty keyboard protocol, and instruction files that now work everywhere.
Read More→How I Built a Skill That Lets Me Talk to Claude's Conversation Memory
How I built a skill that lets Claude search its own conversation history, turning it into a persistent coding partner that remembers past solutions.
Read More→In Five Years, Developers Won't Write Code By Hand
Software development as translation work is dying. Software engineering—the strategic, architectural discipline—is more valuable than ever. The shift is already here.
Read More→Mutation Testing with AI Agents When Stryker Doesn't Work
When Stryker doesn't support your test stack, AI agents can execute mutation testing manually. A practical approach for Vitest browser mode and Playwright.
Read More→Why You Don't Need the Nuxt MCP When You Use Claude Code
Why I use custom research agents instead of MCP servers for AI-assisted development. Learn how llms.txt enables context-efficient documentation fetching with a practical Nuxt Content agent example.
Read More→Claude Code Customization Guide (2026): CLAUDE.md vs Skills vs Subagents
When should you use CLAUDE.md, a slash command, a skill, or a subagent in Claude Code? A decision guide with real examples for each, so you stop guessing which one fits the job.
Read More→How to Customize Your Claude Code Status Line
Learn how to display model name, context usage, and cost directly in your terminal while using Claude Code. A step-by-step guide to creating custom status line scripts.
Read More→Building an AI QA Engineer with Claude Code and Playwright MCP
Learn how to build an automated QA engineer using Claude Code and Playwright MCP that tests your web app like a real user, runs on every pull request, and writes detailed bug reports.
Read More→A Claude Code TDD Skill: Forcing Red-Green-Refactor Discipline
Build a custom TDD workflow with Claude Code using skills and subagents that enforce Red-Green-Refactor discipline for your Vue projects.
Read More→Claude Code Slash Commands: A Complete Guide (2026)
Learn how to transform Claude Code from a chatbot into a deterministic engine using Slash Commands. This guide covers the technical setup and a complete 'Full Circle' workflow that automates your entire feature lifecycle.
Read More→Claude Code Explained (2026): MCP, Skills, Subagents, Hooks & Plugins
A practical guide to Claude Code's features: MCP, CLAUDE.md, slash commands, subagents, hooks, plugins, skills, and scheduled tasks. Updated April 2026 with deferred tool loading, worktree isolation, agent teams, and more.
Read More→How to Build a Claude Code Plugin: Skills, Agents & Commands
How I built a Claude Code plugin to generate skills, agents, commands, and more—and stopped copy-pasting boilerplate.
Read More→What Is the Model Context Protocol (MCP)? How It Works
Learn how MCP (Model Context Protocol) standardizes AI tool integration, enabling LLMs to interact with external services, databases, and APIs through a universal protocol similar to USB-C for AI applications.
Read More→How I Use Claude Code for Doing SEO Audits
Learn how to leverage Claude Code with Puppeteer MCP to perform comprehensive SEO audits in minutes, complete with automated analysis and actionable reports.
Read More→The Age of the Generalist
How AI is transforming software development and why high-agency generalists will thrive in this new era of technology.
Read More→How I Use LLMs
Learn how I use LLMs to improve my productivity and efficiency.
Read More→No Server, No Database: Smarter Related Posts in Astro with `transformers.js`
How I used Hugging Face embeddings to create smart “Related Posts” for my Astro blog—no backend, no database, just TypeScript.
Read More→LLM-Powered Search: o4-mini-high vs o3 vs Deep Research
A practical benchmark of three OpenAI models—o4-mini-high, o3, and Deep Research—for LLM-powered search. Compare their speed, depth, accuracy, citations, and cost when tackling real research questions like 'How does Vercel use Speakeasy for API testing?Ideal for developers exploring AI-assisted technical research
Read More→Watching OpenAI's o3 Model Sweat Over a Paul Morphy Mate-in-2
A breakdown of how an AI model attempts to solve a complex chess puzzle, showcasing its human-like reasoning, problem-solving attempts, and eventual reliance on external information.
Read More→How ChatGPT Works (for Dummies)
A plain English guide to how ChatGPT works—from token prediction to hallucinations. Perfect for developers who want to understand the AI they're building with.
Read More→Are LLMs Creative?
Exploring the fundamental nature of creativity in Large Language Models compared to human creativity, sparked by reflections on OpenAI's latest image model.
Read More→How to Implement a Cosine Similarity Function in TypeScript for Vector Comparison
Learn how to build an efficient cosine similarity function in TypeScript for comparing vector embeddings. This step-by-step guide includes code examples, performance optimizations, and practical applications for semantic search and AI recommendation systems
Read More→How I Added llms.txt to My Astro Blog
I built a simple way to load my blog content into any LLM with one click. This post shows how you can do it too.
Read More→How to Use AI for Effective Diagram Creation: A Guide to ChatGPT and Mermaid
Learn how to leverage ChatGPT and Mermaid to create effective diagrams for technical documentation and communication.
Read More→The Browser That Speaks 200 Languages: Building an AI Translator Without APIs
Learn how to build a browser-based translator that works offline and handles 200 languages using Vue and Transformers.js
Read More→Unlocking Reading Insights: A Guide to Data Analysis with Claude and Readwise
Discover how to transform your reading data into actionable insights by combining Readwise exports with Claude AI's powerful analysis capabilities
Read More→Software Testing with Generative AI
A beginner friendly guide for leveraging AI in software testing practices
Read More→XML-Style Tagged Prompts: A Framework for Reliable AI Responses
Learn how top AI engineers use XML-style prompts to consistently get structured, accurate responses from ChatGPT, Claude, and other LLMs. Step-by-step guide with real examples
Read More→Bolt Your Presentations: AI-Powered Slides
Elevate your dev presentations with AI-powered tools. Learn to leverage Bolt, Slidev, and WebContainers for rapid, code-friendly slide creation. This guide walks developers through 7 steps to build impressive tech presentations using Markdown and browser-based Node.js. Master efficient presentation development with instant prototyping and one-click deployment to Netlify
Read More→