Developer Tools

23 articles on Developer Tools — programs, tooling, and delivery on Petralian.

Related topics

Browse by format

Browse by topicDeveloper Tools

Showing 23 articles on Developer Tools

Open research journal with abstract diagrams beside an organized workshop bench in morning light.
Hybrid

When Poe Is the Research Layer and Cursor Is the Build Layer

Best forAnyone who researches in Poe or other chat tools and wants file-grounded builds in Cursor without context bleed

I run open-ended research in Poe, promote decisions into files, then use Cursor to implement in the repo and vault. Splitting layers beats one chat for everything.

Continue reading →
Retail floor at dusk with wireframe garment on mannequin and code-like lattice reflected in storefront glass.
Strategic

Shopify Hydrogen vs Online Store 2.0 When AI Is the Front End

Best forEcommerce operators and tech leads choosing Shopify storefront architecture when AI assists design, copy, and component generation

When AI generates storefront UI and copy, the stack choice shifts. Hydrogen offers component control; Online Store 2.0 offers speed. Here is how I decide.

Continue reading →
Phone on a kitchen counter with message bubbles and a desk with open document folders in the background.
Hybrid

Hermes vs Cursor in My Setup: Life Agent on the Server, File Work at the Desk

Best forAnyone comparing a hosted messaging agent with Cursor who wants a clear split between ambient life admin and file-heavy project work

Hermes is my hosted life agent on Telegram and family WebUI. Cursor is my file-grounded desk agent. Here is when each wins in 2026.

Continue reading →
Cinematic 16:9: two translucent control panels floating over a laptop, upper panel cloud-lit cyan, lower panel warm copper desk reflection, cables meet at a ...
Hybrid

Cursor Cloud Agent Hooks vs Local Hooks: Two Layers of the Same Harness

Best forOperators wiring Cursor Customize who need a clear split between cloud-side agent hooks and local IDE hooks without turning the repo into a microservice

Cloud agent hooks (beforeSubmitPrompt, afterAgentThought, subagentStart) run on Cursor's side. Local hooks (sessionStart, afterAgentResponse) run on your machine. Here is how I use both.

Continue reading →
Main conversation path on a desk with two thinner side channels branching off like tributaries.
Hybrid

Cursor Side Chats and Parallel Threads: How I Split Work Without Losing the Main Line

Best forAnyone running long Cursor agent sessions who needs quick tangents without losing the main task or re-explaining context on mobile

Cursor 3.11 side chats (/side, /btw) let you branch questions without polluting the main thread. Here is how I pair them with parallel agents and mobile handoff.

Continue reading →
Cinematic 16:9: low-angle of a laptop on a workbench with a small shipping crate icon shape nearby, cool daylight from a window, sense of careful release, no...
Hybrid

Cursor Customize for Local Develop and GitHub Shipping

Best forAnyone who occasionally ships code or config with AI and wants light review habits without a full developer handbook

A light Customize setup for directed local changes and GitHub shipping: review habits, small diffs, and handoffs - without turning this into another full harness handbook.

Continue reading →
Flow from Obsidian vault folders through sync scripts to a live site and search crawlers, editorial still life, no logos or readable text.
Hybrid

How I Built an SEO and GEO Publish Pipeline (Without an Agency)

Best forAnyone publishing a personal or company site who wants search and AI discovery without an agency retainer

Publishing is not the hard part — being findable is. I wired preflight checks, llms.txt, IndexNow, and auto-fix scripts into one vault-to-Vercel chain so Google and AI crawlers see what I meant to ship.

Continue reading →
Cinematic 16:9: spreadsheet notebook beside a CI pipeline light and
Hands-on

Measure Your Cursor Harness — CSV, CI, and OpenRouter Dollars

Best forProgram leads measuring whether a Cursor harness improves output and spend

Do not build Phase 2 orchestration until Phase 0 data says so. Layer 4 feedback — CSV, footer Agents line, eval gate — plus weekly OpenRouter checks beat benchmark leaderboard anxiety.

Continue reading →
Editorial 16:9 whiteboard: one oversized account page blob vs three
Hybrid

The Customer Account Monolith Is an Anti-Pattern for Shopify Extensions

Best forShopify merchants and developers splitting customer account extensions by real jobs

A thousand-line profile block in one extension fights merchant menu IA. Split full-page extensions by job and align with how customers navigate account tasks.

Continue reading →
Editorial 16:9 illustration: browser DOM tree with a hidden instruction
Hands-on

Capturing UI Designs for AI Agents Creates a Prompt Injection Surface

Best forBuilders feeding UI context to agents who want to understand prompt-injection risk

Design capture CLIs that dump outerHTML into SKILL.md files can smuggle instructions. Sanitize at the trust boundary before agents read the DOM.

Continue reading →
Minimal developer workspace with a single model selector pinned to one
Hands-on

Composer 2.5 as My Only Coding Model: Cost, Predictability, and a Tighter Bootstrap

Best forPractice leads standardizing Cursor model policy and tighter agent bootstrap

I run Cursor on Composer 2.5 only—not to save money alone, but to get predictable rule compliance. A tighter session bootstrap beat chasing frontier models for my workflow.

Continue reading →
Editorial overhead photograph of a developer desk with three labeled
Hands-on

Three Layers of External Memory for AI-First Development

Best forPractice leads implementing layered external memory for agent-assisted delivery (Playbook)

Chat context is not memory. A three-layer file system—session, operational, evergreen—plus hooks and git automation is how I keep production codebases coherent across hundreds of agent sessions.

Continue reading →
Cinematic editorial photograph of a lighthouse standing at the edge
Hands-on

Getting to Lighthouse 100 on Next.js 16: Every Fix That Actually Mattered

Best forDevelopers chasing Core Web Vitals and Lighthouse scores on a Next.js site

A complete walkthrough of every Lighthouse bottleneck on a Next.js 16 Vercel site — TBT from 3,020ms to 20ms, LCP from 3.0s to 1.7s — including the config options that don't exist in Next.js 16 and will silently break your build.

Continue reading →
Split-screen comparison showing a developer's VS Code editor on one
Hands-on

GitHub Copilot vs OpenRouter: The Real Cost of AI Coding in 2026

Best forDevelopers comparing real monthly cost across Copilot, OpenRouter, and similar stacks

GitHub Copilot's new token-based pricing changes everything. Here's what it actually costs compared to OpenRouter and third-party relays when you code extensively.

Continue reading →
Create a 16:9 hero image for a technical build-log article
Hands-on

How I Built the Petralian Weekly Digest on Brevo Free

Best forSolo publishers automating a weekly digest without paid RSS tooling

I wanted a clean weekly digest for petralian.com without paying for RSS automations. This is the exact architecture we implemented, the issues we hit, and the code patterns that made it reliable.

Continue reading →
A clean editorial illustration of a writer's Obsidian note entering
Hands-on

Publishing Obsidian Drafts Through GitHub Actions

Best forBuilders publishing from Obsidian with GitHub Actions and minimal friction

A practical way to move from writing in Obsidian to publishing on a live site without copy-paste, manual uploads, or brittle one-off scripts.

Continue reading →
Wireframe grid of a website being built, with code and markdown files in the background
Hands-on

Building petralian.com: The Technical Reality

Best forBuilders curious how this site is wired — Obsidian, sync, and Next.js in practice

The why was clean. The how had corners. A ground-level account of building petralian.com — the masonry layout that fought back, a 404 page with a working Asteroids game, the TinaCMS newline problem nobody warns you about, and how AI wrote most of it.

Continue reading →
Diagram-style hero image showing CSS masonry cards rendered in top-to-bottom column order versus expected left-to-right reading order
Hands-on

CSS Masonry Grids and Reading Order: What column-count Gets Wrong, and How to Fix It

Best forFront-end developers fixing masonry layout and screen-reader reading order

CSS column-count creates a masonry layout in one line. It also silently breaks left-to-right reading order. Here is what is actually happening in the DOM, and a reliable fix that holds up under variable card heights.

Continue reading →
Editorial split of WordPress admin, Obsidian vault, and Next.js deployment pipeline.
Hands-on

Why I Rebuilt Petralian on Next.js (And Open Sourced It)

Best forDevelopers weighing a Next.js rebuild for content, SEO, and shipping speed

WordPress was slowing down the actual writing. Here's why I rebuilt petralian.com on Next.js, how Obsidian now sits at the center of my publishing workflow, and why I decided to open source the whole thing.

Continue reading →
A transparent engineering control room with six illuminated quality
Hands-on

How We Built Gravio’s Scoring Engine: From Repo Signals to Release Gates

Best forBuilders who want the architecture behind an AI quality scoring engine

A practical breakdown of how Gravio turns repository signals into six-dimension scores, hard quality gates, and actionable remediation plans.

Continue reading →
A CI pipeline diagram where one stage is AI Quality Gate with pass/fail
Hands-on

The New CI Gate: Failing Builds on Agent Quality

Best forBuilders wiring AI quality checks into CI and release pipelines

Unit tests catch code failures. They do not always catch AI quality regressions. Here is how to add quality thresholds as a first-class release gate.

Continue reading →
A clean developer desktop with terminal commands and checklist steps
Hands-on

From Empty Folder to First Quality Score in 10 Minutes

Best forBuilders trying Gravio scoring on a real repo in one sitting

A practical, no-fluff walkthrough for getting Gravio running from a clean folder to your first quality score, including the exact command flow and common mistakes.

Continue reading →
A cinematic workstation scene with encrypted data streams flowing from
Hands-on

Zero-Knowledge AI Quality: How Gravio Scores Agents Without Seeing Your Code

Best forBuilders exploring privacy-preserving AI quality scoring with Gravio

Most AI quality platforms ask you to trust them with your source code. Gravio takes a different path: encrypted scoring designed to keep plaintext out of the server path.

Continue reading →