AI-Assisted Development
by alexander-opalic
The practice of using AI tools — copilots, agents, and code assistants — to augment software development workflows.
Developer from Germany passionate about technology and knowledge sharing. Writes about Vue, TypeScript, AI tooling, and testing strategies.
Notes (34)
Claude Code
by alexander-opalic
Anthropic's agentic CLI tool for software development, enabling Claude to operate directly in the terminal with full codebase context.
Convex
by alexander-opalic
A reactive backend platform with built-in real-time sync, where server-side functions automatically push updates to connected clients.
InstantDB
by alexander-opalic
A real-time, client-side database with relational queries and sync — offering a Firebase-like developer experience for local-first apps.
PowerSync
by alexander-opalic
A Postgres-based sync engine with offline support, designed for mobile and web apps that need reliable local-first data access.
Progressive Disclosure
by alexander-opalic
A UX pattern that sequences information and actions across a series of stages to reduce complexity and cognitive load.
Claude Code /batch and /simplify Skills
by alexander-opalic
How the /batch and /simplify Claude Code skills work — parallel work orchestration and automated code cleanup.
Talk Outline: Building Websites with Local-First and Vue
by alexander-opalic
Outline for a talk tracing the journey from manual DOM manipulation to reactive frameworks to offline-first to local-first, with practical Vue examples and sync engine comparisons.
The Local-First Litmus Test: Real Examples Across the Spectrum
by alexander-opalic
Not everything that caches locally is local-first. The real test: does the app still work if the company disappears? A categorized directory of real apps across the spectrum.
Sync Engines for Vue Developers
by alexander-opalic
Vue already syncs your refs to the DOM. Sync engines extend that same idea to databases — keeping client state and server state in harmony. Here's how Replicache, Zero, Convex, PowerSync, LiveStore, Jazz, and Dexie each approach this differently.
From Tasks to Swarms: Agent Teams in Claude Code
by alexander-opalic
Claude Code's agent teams upgrade the subagent workflow from star topology to mesh — agents can now message each other, coordinate through shared task lists, and collaborate in real time. Three real sessions show the patterns in action.
Migrating to Nuxt Test Utils v4 and Vitest v4
by alexander-opalic
Nuxt Test Utils v4 requires Vitest v4, a new browser provider package, and careful Vue version alignment to avoid deep DOM type conflicts during typecheck.
AI Coding Roadmap: From Zero to Productive
by alexander-opalic
A curated learning path for developers who want to master AI-assisted coding, from basic autocomplete to autonomous agents.
VS Code Copilot Workshop
by alexander-opalic
Workshop covering the transformation from LLM to Agent, context engineering, AGENTS.md, subagents, and skills in VS Code Copilot.
Building an AI Interface for Your Second Brain
by alexander-opalic
Learn how to build a conversational AI that queries your personal knowledge base using Nuxt, Nuxt Content, and the Anthropic SDK.
Vue Weekly #1 - Jan 03 - Jan 10, 2026
by alexander-opalic
Weekly Vue ecosystem digest
Vue Weekly #2 - Jan 03 - Jan 10, 2026
by alexander-opalic
Vue 3.6 beta with Vapor Mode, Vite 8 with Rolldown bundler, Nuxt Studio goes free and open-source, and Nuxt 3 EOL in 3 weeks.
Vue Weekly #3 - January 4-10, 2026
by alexander-opalic
Vue 3.6.0-beta.2 brings Vapor Mode to beta, NuxtLabs joins Vercel making Nuxt Studio free, and Nuxt 3.16 delivers 32% faster loading.
Claude Code 2.1: Skills, Slash Commands, and Subagents Converge
by alexander-opalic
Claude Code 2.1 collapses the distinction between skills, slash commands, and subagents—skills can now fork into isolated contexts and specify their own model, making them the single abstraction for agent orchestration.
Claude Code 2.1: Skills Become the Universal Extension
by alexander-opalic
Claude Code 2.1 transforms skills from specialized knowledge containers into a unified automation abstraction—hot-reloading, forked contexts, lifecycle hooks, and agent specification make skills the default choice for extending Claude Code.
The Age of Abundance
by alexander-opalic
A future vision where AI, robotics, and exponential technologies create unprecedented prosperity, making goods and services widely available at low cost, potentially leading to universal high income rather than just basic income.
Displaying Excalidraw Diagrams in Nuxt
by alexander-opalic
How I added Excalidraw diagram support to my Nuxt site, including failed attempts at build-time SVG conversion and the simpler solution using Obsidian's auto-export.
The Ralph Wiggum Technique: Running Claude Code in a Loop
by alexander-opalic
Ralph is a bash loop that feeds prompts to AI coding agents repeatedly—the key is one goal per context window, deliberate context allocation, and robust feedback loops.
Get Notified When Claude Code Finishes With Hooks
by alexander-opalic
Set up desktop notifications for Claude Code using hooks to get alerted when Claude needs permission or input—no more terminal watching.
How to Customize Your Claude Code Status Line
by alexander-opalic
Configure Claude Code to display model info and context usage in your terminal through a custom status line script that processes JSON data via stdin.
The Age of the Generalist
by alexander-opalic
AI accelerates routine tasks but lacks architectural judgment—the future belongs to high-agency generalists who identify problems and drive solutions without waiting for direction.
Understanding Claude Code's Full Stack: MCP, Skills, Subagents, and Hooks Explained
by alexander-opalic
A comprehensive breakdown of Claude Code's extensibility layers—MCP servers, CLAUDE.md files, slash commands, subagents, hooks, and skills—explaining when to use each component.
How to Structure Vue Projects
by alexander-opalic
A guide to structuring Vue projects at different scales—from flat folder structures for small apps, to modular monolithic architecture for medium-scale, to micro frontends for large enterprise projects.
Mastering Vue 3 Composables: A Comprehensive Style Guide
by alexander-opalic
A comprehensive style guide for writing clean, testable, and maintainable Vue 3 composables by applying time-tested software design principles like single responsibility, separation of concerns, and functional core/imperative shell.
Vue 3 Testing Pyramid: A Practical Guide with Vitest Browser Mode
by alexander-opalic
A practical testing strategy for Vue 3 that inverts the traditional pyramid—prioritizing integration tests (~70%) over unit tests, using Vitest browser mode for real browser execution and 4x faster performance than JSDOM.
What is Local-first Web Development?
by alexander-opalic
An introduction to local-first web development, a paradigm shift that prioritizes storing data on users' devices first, enabling offline functionality, instant access, and greater user control over their data.
Building a Modular Monolith with Nuxt Layers
by alexander-opalic
Nuxt Layers enable modular monolith architecture by enforcing feature boundaries at compile-time—each layer has its own config and components, preventing the coupling and circular dependencies that plague flat folder structures.
No Server, No Database: Smarter Related Posts in Astro with transformers.js
by alexander-opalic
Embeddings capture semantic meaning better than tags—run Hugging Face models in JavaScript with transformers.js to generate truly related post suggestions without any backend infrastructure.
How to Implement a Cosine Similarity Function in TypeScript for Vector Comparison
by alexander-opalic
Cosine similarity measures the angle between two vectors—not their magnitude—making it the essential building block for semantic search, AI recommendations, and any application comparing text embeddings.