From the studio

Field notes

What we learn building products.

169 articles · Page 4 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.

A grey-only interface panel with a clear order of headline, text, buttons and cards, seven white markers in its margin pointing at the parts

Design

Visual hierarchy without color: 7 tools that replace the accent

Two greys can carry a whole interface. Size, weight, spacing and value do the work an accent color takes credit for, in the order that actually works.

Four empty screens in a grid, each with one quiet sign (an empty slot, a search that found nothing, a finished check, a broken piece) and one lit button

Design

Empty state design: the 4 states every screen needs

A screen needs four empty states: first use, no results, cleared, and error. Baymard finds close to half of sites leave the no-results screen a dead end.

A film strip of seven frames, the picture in each more composed and brighter than the last, the seventh framed by white viewfinder corners

Design

Website photography for software: the 7-step shot list

Software has no object to photograph, so most product sites default to stock. The 7 steps we use to pick, grade and ship a set of 8 to 12 images.

A row of dark machine shapes on a factory floor, each with a lit port on top, all wired up to one white tile above

Business

Manufacturing software development partner: a 2026 buyer's brief

Two EU deadlines land in September 2026: CRA vulnerability reporting and Data Act access by design. What to vet in a manufacturing software partner.

A scorecard of seven rows and five columns of dots, one row lit all the way across and joined to a large white tile on the right

Business

SaaS development agency in Italy: how to choose one in 2026

Five checks before signing with an Italian SaaS development agency: NIS2 supplier duties, AI Act Article 50, and EAA fines up to 40,000 euros.

Four tall tubes, each with its own threshold mark at a different height, filled past the mark, lit above it and dark below

Design

When to hire an agency for a design system (and when to wait)

Four thresholds decide it: repeated surfaces, release cadence, who owns it after handover, a fixed date. Below them a design system costs more than it returns.

Three nested rounded walls around a lit core, a line from the left crossing each wall at a lit checkpoint

Business

Fintech development studio: what to vet on KYC, PSD3 and DORA

DORA applies since January 2025, the EU AML rulebook from July 2027, EUDI wallet acceptance from 2027. What to check before hiring a fintech build partner.

$Seven lit shapes on two rows of guide lines, each over a dashed ghost of its mathematical position, circles and points overshooting the lines$ Design

Optical alignment in UI: 7 spacing fixes math gets wrong

Round letters overshoot flat ones by 1% to 3% of cap height, and UI inherits the same problem. Seven optical fixes, and what CSS now handles for you.

Two overlapping circles: on the left a single highlighted answer above result lines, on the right a written answer with citation chips, and a lit checklist in the overlap

Infra

GEO vs AEO: what actually differs, and what changes in 2026

AEO grew out of featured snippets. GEO came from a Princeton paper at KDD 2024. The mechanics, the crawlers and the reporting split. The checklist does not.

A terminal window with one lit error line, wired from its edge to five dark tiles on the right: an error log, a route list, a component tree, a browser and a plug

Web

Next.js Agent DevTools: the AI debugging setup in 2026

Next.js 16.3 gives coding agents terminal access to build errors, routes and the React tree. The MCP and agent-browser setup, in five steps.

A spec document at the centre of a ring of twelve lit member tiles, each wired to it, two of its lines struck through; on the left a single dark tile it came from, fading copies between

MCP governance in 2026: what the Linux Foundation handoff changed

Anthropic donated MCP to the Linux Foundation in December 2025. Who decides the spec now, what the 2026-07-28 release removed, and what to check.

Many request lines converging on one lit gateway panel with a loop, a capped meter and a fork inside, then routed to three of twenty-four provider tiles

Infra

Cloudflare AI Gateway: caching, spend caps, dynamic routing

One URL in front of 24 native providers, with per-model cost logs, dollar spend caps and a cache you set from 60 seconds to a month. Core features are free.

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