From the studio

Field notes

What we learn building products.

169 articles · Page 8 of 14

Featured

A pipe from a dark tile to a lit tile with seven leaks, each dripping a trail of dots that grow from specks to coins to a whole falling tile

7 Claude app mistakes that cost tokens, money, or the company

Seven mistakes we see in production Claude apps. Some cost tokens, some cost money, one or two can cost the company. Each one has a simple fix.

On a white ground, three rows of monthly bars: one tall block then empty months, twelve equal bars, and twelve bars split in two with the lower part growing

Design

Design system pricing in 2026: project, retainer, or shared ownership

A design system costs $5,000 to $60,000+ to build, then needs upkeep. We compare project, retainer, and shared-ownership pricing, and which fits your stage.

A ledger sheet of quiet rows with one white line item lit, linked to two bars on the right, the lower one about half as long

Business

Design system ROI: measure it as a P&L line item

A design system that cuts build time 47% is a cost with a measurable return, not a brand showcase. Here is how to put it on the P&L in 2026.

Left, three lit tiles each shown sliding, scaling and fading as faint copies; right, a glowing white wireframe surface of many points in a wave

Web

WebGL vs CSS animation: when to use each (2026)

CSS animates transform and opacity off the main thread for free. WebGL hands you the raw GPU. Here is the line between them, with the bundle and battery costs.

A clean dashboard window with three summary cards and one lit chart, folded rows beneath, and a crowd of faint widget shapes behind it

Design

SaaS dashboard design: show data without drowning users

Most SaaS dashboards fail by showing everything at once. Here is the summary-first layout, the widget limit, and progressive disclosure that keeps users oriented.

A short document card on the left, and a straight white path running between two railed guides to a lit tile, with quiet paths drifting away above and below

How to write a CLAUDE.md file that steers Claude Code reliably

CLAUDE.md loads into every Claude Code session, so every line competes for attention. Keep it under 120 lines, write positive rules, and move fixed checks to hooks.

An article page on the left wired to three structured records on the right: a record of fields, a chain of three crumbs and question-answer pairs

Infra

How to add JSON-LD to a blog article the right way in 2026

JSON-LD is Google's recommended structured-data format. Here is the exact Article, BreadcrumbList, and FAQPage markup we ship on every post, with Next.js code.

A scattered heap of grey files joined by lines into one lit file, which feeds a text panel whose lines sit exactly inside their dashed outlines

Web

Web font performance: one WOFF2 file, zero layout shift

An unoptimised family adds 500KB and delays readable text. Subset to WOFF2, self-host it, tune the fallback with size-adjust so nothing moves on swap.

Three stacked isometric planes: a dense grid of colour swatches at the bottom, a few tiles in the middle, one component card on top, joined by a lit line

Design

Design token naming conventions: a 3-tier system that scales

A three-tier scheme (primitive, semantic, component) keeps token names stable as a system grows. Here is how to structure and name each layer.

A dim interface screen on the left wired by white lines to a lit, indented tree of nodes on the right

Designing for AI agents: building a UI the non-human user can read

AI agents read your site through the accessibility tree, the structure screen readers use. In a 2026 study, agent task success fell from 78% to 42% on a degraded one.

Five rows, each a cluster of 1 to 16 small tiles and a range bar that sits further right and grows brighter row by row, the last fading off the right edge

Business

MVP development cost in 2026: ranges by scope and stack

An MVP in 2026 runs from about $10K for a lean proof of concept to $200K+ for a regulated or AI-heavy build. Scope, not hourly rate, sets the number.

A dark runway in perspective with eight pairs of white lights along its edges, running to a glow on the horizon

Infra

Technical SEO checklist for a B2B SaaS launch in 2026

Before a SaaS site goes live, eight technical SEO checks decide whether Google and AI engines can find it: Core Web Vitals, schema, crawl access, indexing.

A ring gauge lit for less than half its length, the rest broken into six dark segments, beside six lanes of tasks each with one long white block past a dashed limit

Web

6 frontend mistakes that tank your Lighthouse score in 2026

Total Blocking Time is 30% of the Lighthouse score, yet most teams fix the wrong metric. The six production mistakes that crater it, and how to fix each.

All articles

Small studio vs big agency for SaaS: which scope each one winsBusiness and Scale · 9 min read
Multi-brand design tokens: 6 steps from one primitive layerProduct Design · 8 min read
Error state UX design: what to show when a request failsProduct Design · 9 min read
Why is my website slow? The 6 causes and what fixes eachWeb Design and Engineering · 9 min read
Figma MCP design-to-code handoff: 6 steps and its limitsProduct Design · 10 min read
Border vs shadow in UI: when each wins, and when a fill doesProduct Design · 9 min read
Embedding AI agents in SaaS: 6 product decisions for 2026AI and Automation · 9 min read
How to get cited in Google AI Overviews and ChatGPT in 2026Infrastructure and SEO · 8 min read
Data table vs card layout: when a table beats a card gridProduct Design · 9 min read
How much does it cost to maintain a website in 2026, line by lineBusiness and Scale · 10 min read
Next.js 16 caching explained: use cache, cacheLife and updateTagWeb Design and Engineering · 10 min read
A2A protocol: how to design an agent API other agents can callAI and Automation · 10 min read
EAA enforcement: 6 reasons compliant-on-paper products fail auditsProduct Design · 9 min read
Brand motion design: how one easing curve sets a product's toneProduct Design · 8 min read
Why my site no longer appears on Google after the redesignInfrastructure and SEO · 8 min read
Why your UI looks unprofessional: 9 details to fix before launchProduct Design · 10 min read
Long form UX best practices: 12 rules for forms people finishProduct Design · 8 min read
npm dependency sprawl: the 4 costs on enterprise frontendsWeb Design and Engineering · 8 min read
European GDPR-compliant SaaS development partner: 8 checksBusiness and Scale · 10 min read
Digital product design studio vs web agency in Italy: what differsProduct Design · 10 min read
Consumer cloud app developer: 10 checks before you signBusiness and Scale · 8 min read
Neobank UX agency: what a real partner delivers in 2026Business and Scale · 7 min read
Agentic web design: what to change when agents do the buyingAI and Automation · 8 min read
Cloudflare Workers AI vs the OpenAI API: where each winsInfrastructure and SEO · 8 min read
Editorial web layout: 5 magazine devices that work on screenProduct Design · 9 min read
Optimal line length and line height: 6 steps to set bothProduct Design · 8 min read
Design tokens beyond color: behavior and context in 2026Product Design · 9 min read
What makes a landing page convert: 8 factors and 4 killersProduct Design · 7 min read
React Server Components in production: 6 pitfalls to avoid in 2026Web Design and Engineering · 7 min read
Illustration systems: when to draw, when to buy, when to skipProduct Design · 8 min read
7 signs your development agency is going to disappoint youBusiness and Scale · 8 min read
WebMCP in 2026: the browser API that lets agents use your SaaS UIAI and Automation · 7 min read
Multimodal GEO: 6 steps to get images and video cited by AIInfrastructure and SEO · 7 min read
Bun vs Node in 2026: where each runtime wins in productionWeb Design and Engineering · 7 min read
Context engineering: what it is and how to do it for AI agentsAI and Automation · 8 min read
SaaS design agency in Spain: what to check before you signProduct Design · 8 min read
Visual hierarchy without color: 7 tools that replace the accentProduct Design · 8 min read
Empty state design: the 4 states every screen needsProduct Design · 9 min read
Website photography for software: the 7-step shot listProduct Design · 9 min read
Manufacturing software development partner: a 2026 buyer's briefBusiness and Scale · 8 min read
SaaS development agency in Italy: how to choose one in 2026Business and Scale · 9 min read
When to hire an agency for a design system (and when to wait)Product Design · 7 min read
Fintech development studio: what to vet on KYC, PSD3 and DORABusiness and Scale · 9 min read
Optical alignment in UI: 7 spacing fixes math gets wrongProduct Design · 8 min read
GEO vs AEO: what actually differs, and what changes in 2026Infrastructure and SEO · 8 min read
Next.js Agent DevTools: the AI debugging setup in 2026Web Design and Engineering · 7 min read
MCP governance in 2026: what the Linux Foundation handoff changedAI and Automation · 8 min read
Cloudflare AI Gateway: caching, spend caps, dynamic routingInfrastructure and SEO · 7 min read
SaaS pricing page design: 6 fixes that stop losing dealsProduct Design · 8 min read
How to run a design system audit in 5 days: a checklistProduct Design · 7 min read
SaaS Art Direction: How a Product Stops Looking Like a TemplateProduct Design · 7 min read
SOW vs MSA: which contract structure protects your SaaS buildBusiness and Scale · 7 min read
Typographic scale for product UI: sizes that hold on every screenProduct Design · 7 min read
Next.js Server Actions in production: patterns we use and avoidWeb Design and Engineering · 7 min read
SaaS onboarding UX patterns that cut first-week churnProduct Design · 7 min read
AI feature token cost: budget it before it eats your marginAI and Automation · 7 min read
Software agency contract red flags: 8 clauses to check in 2026Business and Scale · 7 min read
llms-full.txt vs llms.txt: what each does and when to add itInfrastructure and SEO · 6 min read
TypeScript 7's Go compiler: what the 10x speedup changesWeb Design and Engineering · 7 min read
Harden an MCP server for enterprise: SSO, audit, gatewayAI and Automation · 8 min read
In-house vs agency for a design system: when each winsProduct Design · 7 min read
Agency vs freelancer for MVP: a 2026 decision frameworkBusiness and Scale · 6 min read
How to brief a software development agency for a SaaS buildBusiness and Scale · 6 min read
10 mistakes founders make hiring a SaaS studio in 2026Business and Scale · 7 min read
AI search traffic converts 4.4x better: the SaaS capture playbookInfrastructure and SEO · 7 min read
What a discovery phase delivers (and what it should not)Business and Scale · 7 min read
Partial Prerendering is stable in Next.js 16: how to structure routesWeb Design and Engineering · 7 min read
Hybrid craft: the AI-and-human design workflow in 2026Product Design · 6 min read
Claude Code context window: manage it like a token budgetAI and Automation · 7 min read
AI Overviews vs AI Mode: why they cite different sources in 2026Infrastructure and SEO · 7 min read
SaaS activation metric: Slack's 2,000-message ruleBusiness and Scale · 7 min read
npm dependency sprawl: the real cost and how to cut it in 2026Web Design and Engineering · 7 min read
Product design retainer pricing in 2026: the real monthly rangesProduct Design · 8 min read
Anthropic API in Next.js: streaming, caching, and cost controlAI and Automation · 8 min read
Brand mentions vs backlinks: what predicts AI citations in 2026Infrastructure and SEO · 7 min read
Next.js i18n without a library: the App Router pattern we shipWeb Design and Engineering · 9 min read
Google's scaled content abuse policy: the AI pipeline that survivesAI and Automation · 7 min read
Discovery phase cost in 2026: what to pay and what to refuseBusiness and Scale · 7 min read
Stripe Checkout vs Customer Portal: what each one can't doInfrastructure and SEO · 6 min read
TanStack in 2026: Query, Router, Start, and what each one solvesWeb Design and Engineering · 6 min read
Sitemap strategy for a large content site: split, index, lastmodInfrastructure and SEO · 7 min read
AI integration cost for a SaaS in 2026: real rangesAI and Automation · 7 min read
Stripe integration cost and timeline for a SaaS in 2026Business and Scale · 7 min read
SaaS website design cost in 2026: a founder's pricing guideProduct Design · 7 min read
Design system pricing in 2026: project, retainer, or shared ownershipProduct Design · 7 min read
Design system ROI: measure it as a P&L line itemBusiness and Scale · 7 min read
WebGL vs CSS animation: when to use each (2026)Web Design and Engineering · 6 min read
SaaS dashboard design: show data without drowning usersProduct Design · 7 min read
How to write a CLAUDE.md file that steers Claude Code reliablyAI and Automation · 7 min read
How to add JSON-LD to a blog article the right way in 2026Infrastructure and SEO · 7 min read
Web font performance: one WOFF2 file, zero layout shiftWeb Design and Engineering · 7 min read
Design token naming conventions: a 3-tier system that scalesProduct Design · 7 min read
Designing for AI agents: building a UI the non-human user can readAI and Automation · 7 min read
MVP development cost in 2026: ranges by scope and stackBusiness and Scale · 5 min read
Technical SEO checklist for a B2B SaaS launch in 2026Infrastructure and SEO · 7 min read
6 frontend mistakes that tank your Lighthouse score in 2026Web Design and Engineering · 6 min read
Component drift: how design systems decay and how to catch itProduct Design · 7 min read
Vercel vs Docker for Next.js: a $600 bill down to $90Infrastructure and SEO · 5 min read
How to hire a product engineering studio in 2026Business and Scale · 8 min read
Type-safe RPC with Next.js Server Actions: skip the API layerWeb Design and Engineering · 6 min read
Design system structure: the 7 categories and the build orderProduct Design · 7 min read
Content freshness in 2026: the 90-day rule for SEO and GEOInfrastructure and SEO · 7 min read
How much does it cost to build a SaaS in 2026? Real ranges by scopeBusiness and Scale · 6 min read
AI consulting firm vs AI studio: which fits your stage in 2026AI and Automation · 8 min read
What is a Claude Code studio in 2026 (and how to pick one)AI and Automation · 7 min read
How to hire a product engineering studio in 2026: a buyer's playbookBusiness and Scale · 10 min read
Website architecture in 2026: SPA homepage, static for the restWeb Design and Engineering · 7 min read
Why we kill components instead of adding them: the design system dietProduct Design · 8 min read
Short-lived MCP server URLs: the TTL pattern for AI agents in 2026AI and Automation · 6 min read
GEO KPIs in 2026: Citation Rate, Mention Rate, PositionInfrastructure and SEO · 8 min read
How to write an RFP for software that attracts the right vendorsBusiness and Scale · 8 min read
Core Web Vitals on Next.js in 2026: how to ship greenWeb Design and Engineering · 8 min read
Functional UI animation in 2026: the checklist before it shipsProduct Design · 7 min read
Claude Code skills: when to use them, when they cost tokensAI and Automation · 7 min read
Where to find a SaaS design partner in 2026: 6 places that workBusiness and Scale · 8 min read
Cloudflare R2 vs Supabase Storage: when to add R2 in 2026Infrastructure and SEO · 10 min read
Immersive web stack in 2026: Lenis, GSAP, and what to skipWeb Design and Engineering · 8 min read
Upstash Redis: 5 patterns for rate limiting, sessions, locksInfrastructure and SEO · 8 min read
TypeScript strict mode: the 9 settings we never turn offWeb Design and Engineering · 10 min read
AI integration agency in 2026: what their pitch should actually containAI and Automation · 7 min read
12 mistakes we see teams make building their first multi-agent ops systemAI and Automation · 7 min read
Cloudflare R2 vs Supabase Storage vs S3 (2026): which to pickInfrastructure and SEO · 7 min read
Supabase Supavisor: transaction mode, port 6543, 80ms costInfrastructure and SEO · 8 min read
Next.js development agency vs in-house: when each one wins in 2026Web Design and Engineering · 8 min read
Design system as a service: 6 agency models compared in 2026Product Design · 8 min read
Claude integration partner: what to look for before you signAI and Automation · 6 min read
How to choose a B2B SaaS design agency in 2026Product Design · 8 min read
Stripe integration partner vs DIY: when each one wins in 2026Business and Scale · 8 min read
MVP development agency in 2026: how to pick one that shipsBusiness and Scale · 7 min read
Best SaaS design agencies in 2026: how to actually compare themProduct Design · 9 min read
What an AI-native studio actually means in 2026Business and Scale · 7 min read
Next.js Server Actions security: 13 advisories and 2026 fixesWeb Design and Engineering · 7 min read
Dark mode is not a toggle: context-aware theming in 2026Product Design · 7 min read
Multi-agent system design patterns that survive productionAI and Automation · 7 min read
Supabase RLS performance: 7 fixes for the 11x slowdownInfrastructure and SEO · 9 min read
Post-launch rot: why your site falls apart 6 months after handoverBusiness and Scale · 7 min read
Edge runtime vs Node runtime: Next.js 16 moved the defaultWeb Design and Engineering · 9 min read
Accessibility-first design after the EU Accessibility ActProduct Design · 7 min read
Claude Code hooks: PreToolUse guards, PostToolUse formattersAI and Automation · 9 min read
Cloudflare AI crawler allow list: GPTBot and ClaudeBotInfrastructure and SEO · 11 min read
Multi-tenant from day one: why single-tenant SaaS is a 5-year mistakeBusiness and Scale · 8 min read
Why we removed Tailwind from production: a CSS-only design systemWeb Design and Engineering · 8 min read
Calm UI in 2026: the shift away from animation theatricsProduct Design · 6 min read
AI bolted-on vs AI-native: why the retrofit hits a ceilingAI and Automation · 8 min read
The 7 schema markup types every blog needs in 2026Infrastructure and SEO · 8 min read
RevenueCat vs Stripe Billing in 2026: 1% vs 0.7% feesBusiness and Scale · 9 min read
Modern CSS 2026: cascade layers, container queries, :has()Web Design and Engineering · 7 min read
How to govern a design system across 10+ consumer projectsProduct Design · 8 min read
Claude Code workflow patterns we use to ship production code dailyAI and Automation · 7 min read
llms.txt: what it is, what to put in it, and if you need oneInfrastructure and SEO · 7 min read
SaaS usage metering and billing: the 6-step Stripe setupBusiness and Scale · 8 min read
Why we still pick Next.js over Astro for most SaaS in 2026Web Design and Engineering · 8 min read
10 design system mistakes that wreck consistency at scaleProduct Design · 8 min read
Managed vs self-hosted MCP server: 6 axes that decide itAI and Automation · 10 min read
How to write the first 200 tokens so AI engines cite your articleInfrastructure and SEO · 6 min read
One team, one invoice: why founders stop stacking SaaS vendorsBusiness and Scale · 7 min read
React Compiler 1.0 directives: use memo and use no memoWeb Design and Engineering · 7 min read
Design tokens vs CSS variables vs Tailwind, explained (2026)Product Design · 9 min read
Next.js MCP server: mcp-handler, OAuth 2.1, Redis sessionsAI and Automation · 7 min read
The 12 GEO best practices that actually move citation rates in 2026Infrastructure and SEO · 8 min read
Studio vs freelancer vs agency in 2026: who fits which budgetBusiness and Scale · 8 min read
Server Components vs Client Components: the decision tree we followWeb Design and Engineering · 7 min read
Third-party component libraries: an expensive shortcutProduct Design · 6 min read
What is MCP and why your SaaS needs an MCP server in 2026AI and Automation · 7 min read
What is Generative Engine Optimization (GEO) vs SEOInfrastructure and SEO · 6 min read
The agency tax: why mid-market companies overpay for digital workBusiness and Scale · 7 min read
Next.js 16 + React 19: the 3 changes that break old SaaS codeWeb Design and Engineering · 7 min read
Design system audit: the 5 checks and the repair roadmapProduct Design · 13 min read
7 Claude app mistakes that cost tokens, money, or the companyAI and Automation · 5 min read

Field notes from the studio.

RSS Sitemap llms.txt

Field notes

All articles

2026169