From the studio

Field notes

What we learn building products.

169 articles · Page 13 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 dark article card in front of seven cards stepped up and to the right behind it, each a different shade from white to grey

Infra

The 7 schema markup types every blog needs in 2026

Article, BreadcrumbList, Organization, Person, WebSite, FAQPage, HowTo. Which schema types still earn rich results in 2026, and which are pure AI citation fuel.

A phone and a browser window, each holding a ten by ten grid of dark cells; the phone has one cell fully lit, the browser one cell seven tenths lit

Business

RevenueCat vs Stripe Billing in 2026: 1% vs 0.7% fees

RevenueCat is free to $2,500 monthly tracked revenue, then takes 1%. Stripe Billing adds 0.7% on top of processing. Which layer fits mobile, web, or both.

Three layers pulled apart in a stack; on the front one the same card appears wide in one container and stacked in a narrow lit one

Web

Modern CSS 2026: cascade layers, container queries, :has()

Cascade layers end specificity wars, container queries replace component media queries, and :has() ships in every major browser. What to adopt in 2026.

A central white tile with nine lit tiles on an inner orbit joined by solid lines, and three dark tiles on a wider dashed orbit joined by dashed lines

Design

How to govern a design system across 10+ consumer projects

A practical playbook for governing a design system across many consumer projects: contribution model, versioning, codemods, and adoption tracking.

Seven lanes of different line patterns running from the left and merging into one thick white trunk with evenly spaced commit dots, ending at a large lit tile

Claude Code workflow patterns we use to ship production code daily

Seven Claude Code workflow patterns we run daily to ship production code: plan mode, CLAUDE.md, hooks, subagents, parallel sessions, slash commands, MCP.

On a white ground, a tree of many small grey pages with seven black, each wired to a bullet on one short black index sheet, which is wired to a ringed dot on the right

Infra

llms.txt: what it is, what to put in it, and if you need one

llms.txt is a markdown index that hands LLMs a curated map of your site. Here is what to put in it and whether it actually moves AI citations.

A stream of dots running into a large gauge of six white segments with a white needle, a few doubled dots dropping out below the stream, a bill card under the gauge

Business

SaaS usage metering and billing: the 6-step Stripe setup

Pick the pricing shape, define the meter, record events idempotently, wire it to a Stripe price. Six steps to usage-based billing without revenue drift.

A balance on an open-A fulcrum, tipped: the lower pan holds a dense block of lit tiles, the raised pan a quiet page with two small lit islands

Web

Why we still pick Next.js over Astro for most SaaS in 2026

We have shipped both Next.js and Astro this year. For SaaS specifically, Next.js stays our default. Here is the honest tradeoff in 2026.

A grid of identical dark pills with ten that break the pattern in white: wider, taller, square, tilted, shifted or doubled

Design

10 design system mistakes that wreck consistency at scale

Buttons multiply, tokens drift, components fork. The 10 design system mistakes that quietly turn a product into a parts bin, and the fixes.

A hexagonal radar chart with six axes, a translucent white shape and a white dashed shape overlapping, each reaching further on different axes

Managed vs self-hosted MCP server: 6 axes that decide it

Time to first tool, auth, security posture, cost at scale, data residency, protocol velocity. The six axes that decide whether you build an MCP server or buy.

On a white ground, a grid of small squares whose first two hundred are black and the rest grey, a line running from the black block to a black quote card

Infra

How to write the first 200 tokens so AI engines cite your article

The first 30% of an article drives 44% of AI citations. A practical guide to an opener ChatGPT, Claude and Perplexity quote cleanly.

A leaning tower of ten dark vendor slips beside a single white invoice card with one dark total

Business

One team, one invoice: why founders stop stacking SaaS vendors

Most early-stage SaaS teams pay 20-30% more than they should because work lives across 10+ vendors. Here is the case for one team and one invoice.

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