Skills MCP Learn Benchmarks Tools News
Learn · Guides

Guides.

Long-form, opinionated reference docs for AI-era web development.

  1. my-app.vercel.app ● LIVE DEPLOY
    GUIDE 0114 minUpdated 2026-05-18

    How to Actually Deploy Your Vibe-Coded App

    Choose a host, lock down your secrets, set up a domain, monitor for blowups, and roll back without crying.

    • Vercel / Netlify / Cloudflare / Fly
    • Env vars
    • Observability
    • Live demo
  2. no-cache cached $ / SESSION
    GUIDE 0211 minUpdated 2026-05-18

    Stop Burning Tokens

    Real math for an 8-hour coding session at every model tier. When to compact, when to cache, when to start fresh.

    • Claude Code / Cursor / Codex
    • Caching
    • Cost math
    • Live calculator
  3. ⌘K Refactor this hook
    GUIDE 0316 minUpdated 2026-05-18

    Cursor for Web Developers

    Workspaces, modes, hooks, MCP, rules, background agents — the complete reference, web-dev shaped.

    • Cursor
    • MCP
    • Modes & Hooks
    • AGENTS.md
  4. main merged
    GUIDE 049 minUpdated 2026-05-18

    Running 4 Agents at Once

    Worktrees, Conductor, and the review discipline you need to not turn parallelism into chaos.

    • Conductor
    • git worktree
    • Review patterns
    • Task routing
  5. $ opencode → Provider: anthropic → Model: claude-4.6-sonnet
    GUIDE 0512 minUpdated 2026-05-18

    OpenCode from Zero to Production

    Install, configure, choose a provider, install the MCP that actually helps, and compare it honestly to Claude Code and Codex CLI.

    • OpenCode
    • Providers
    • MCP
    • Decision tree
  6. # AGENTS.md
    GUIDE 0610 minUpdated 2026-05-22

    AGENTS.md for Web Projects

    What to actually put in AGENTS.md for Next, Astro, SvelteKit, Remix — and what to leave out. With a live generator that builds the file for you.

    • AGENTS.md
    • Next / Astro / Svelte / Remix
    • Monorepo layering
    • Live generator
  7. AI PLAYWRIGHT POSTGRES GITHUB LINEAR SENTRY FIGMA
    GUIDE 0711 minUpdated 2026-05-22

    MCP Servers for Web Devs

    The seven MCP servers that earn their keep in a 2026 web-dev stack — and the token tax each one adds to every turn.

    • MCP
    • Playwright / Postgres / GitHub
    • Token math
    • Live stack builder
  8. OPUS premium SONNET daily driver GPT-5.3 agentic COMPOSER fast 2026 PICKER
    GUIDE 0813 minUpdated 2026-05-22

    Picking a Model in 2026

    Decision tree for Claude Opus 4.7, Sonnet 4.6, GPT-5.3 Codex, Composer 2.5, and Gemini 3.1 Pro. With a live picker that gives you a model and a price.

    • Claude / GPT / Composer / Gemini
    • Cost math
    • Decision tree
    • Live picker
  9. E2E INTEGRATION UNIT
    GUIDE 0910 minUpdated 2026-05-22

    Testing AI-Written Code

    Contracts not implementations. The right ratio of unit/integration/e2e for a 2026 codebase. When to let the agent write tests, when not to.

    • Vitest / Playwright
    • Test pyramid
    • Contract tests
    • Coverage planner
  10. ~/llm — ollama LOCAL $ ollama serve ›qwen3-coder:14bready ›qwen3-coder:7bready tok/s 42 ram 19 / 32 GB
    GUIDE 1012 minUpdated 2026-05-22

    Self-Hosting an AI Coding Stack

    Ollama, Continue, Aider, and a local Qwen or DeepSeek model. When local actually wins, when it doesn't, and the payback math.

    • Ollama / Continue / Aider
    • Qwen / DeepSeek / Llama
    • Hardware tiers
    • Payback calculator
  11. SSE · streaming LIVE
    GUIDE 1113 minUpdated 2026-05-26

    Streaming AI in Web Apps

    Vercel AI SDK 5, SSE, streamText, tool calls without footguns, and a budget estimator that tells you what the bill will actually be.

    • AI SDK 5
    • SSE / Edge runtime
    • Tool calls
    • Budget estimator
  12. AI · SEC 2026 SLOP PROMPT SECRETS PERMS
    GUIDE 1214 minUpdated 2026-05-26

    Securing AI-Generated Code

    Slopsquatting, prompt injection, leaked secrets, and over-permissioned agents — the four ways AI ships you a CVE, with a 12-control self-audit.

    • Slopsquatting
    • Prompt injection
    • Agent permissions
    • Self-audit
  13. PROMPT CTA
    GUIDE 1312 minUpdated 2026-05-26

    Prompting for UI Code

    Type-first specs, design tokens, the states block, accessibility in one line — with a live prompt-quality scorer that grades a pasted prompt against eight criteria.

    • React / Svelte / Vue
    • Design tokens
    • Accessibility
    • Prompt scorer
  14. src/index.ts · mcp-server $ server.registerTool( 'searchDocs', { inputSchema: { q: z.string() } }, async ({ q }) => { ... } );
    GUIDE 1414 minUpdated 2026-05-26

    Building MCP Servers

    Write your own MCP server in TS. stdio vs Streamable HTTP, auth and sessions, ops — with a live scaffold generator that emits a runnable starter file.

    • MCP TypeScript SDK
    • Streamable HTTP
    • OAuth / Bearer
    • Scaffold generator
  15. LCP 2.5s INP 320ms CLS 0.14 P75 · CORE WEB VITALS
    GUIDE 1513 minUpdated 2026-05-26

    AI for Performance Optimization

    Prompts that actually move LCP, INP, and CLS. The unnecessary-client-component hunt. A live vitals diagnostic that emits the right prompt for what's broken.

    • Core Web Vitals
    • RSC / bundle audit
    • Lighthouse + RUM
    • Vitals diagnostic
  16. gen_ai.usage.input_tokens P95 TTFT 740ms
    GUIDE 1613 minUpdated 2026-05-26

    Observability for AI Features

    OpenTelemetry GenAI conventions, the seven attributes that matter, SLOs for streaming endpoints, vendor tree, and a live error-budget calculator.

    • OTel GenAI
    • Langfuse / Helicone / Datadog
    • SLOs & budgets
    • SLO calculator
STATUS ● BUILDING THE FUTURE
MISSION LLM RESOURCES
VERSION BETA 3.0

BUILD WITH AI. SHIP WITH CONFIDENCE.

@WEBDEVELOPERHQ ↗
TERMS / PRIVACY
FRIENDS
Authentic Jobs
Authentic Jobs ↗
Web Reference
Web Reference ↗
Ready.dev
Ready.dev ↗
Design.dev
Design.dev ↗
© 2026 WEB DEVELOPER / ALL RIGHTS RESERVED