# Raymond Asogwa

> Product & Design Engineer helping early-stage founders bring SaaS ideas to life with design, engineering, and AI-accelerated prototyping.

Raymond Asogwa is a full-stack partner for SaaS products—handling everything from first commit to production. Specializing in product design, frontend/backend engineering, and rapid prototyping.

## Services

- [Product Design](https://www.raymonda.xyz/#services): UI/UX design, design systems, and user research
- [Frontend Engineering](https://www.raymonda.xyz/#services): React, Next.js, TypeScript, and modern web development
- [Backend Engineering](https://www.raymonda.xyz/#services): APIs, databases, and infrastructure
- [AI Prototyping](https://www.raymonda.xyz/#services): Rapid MVP development with AI-accelerated workflows

## Blog

- [Why your TanStack Start app feels slow on navigation](https://www.raymonda.xyz/blog/tanstack-start-beforeload-blocking-fix): Every link click blocks for ~1 second because beforeLoad re-fetches auth on every navigation. Here's the fix, and why pendingComponent won't help.
- [Next.js intercepting routes are underrated](https://www.raymonda.xyz/blog/nextjs-intercepting-routes-modal-pattern): Use Next.js intercepting routes and parallel routes to show a drawer on click and a full page on refresh: same URL, two layouts. Real code included.
- [Design system guardrails: Enforcing color token usage in code](https://www.raymonda.xyz/blog/design-system-guardrails-color-tokens): How to use Tailwind v4's theme reset and ESLint to make design tokens the only path forward, so arbitrary hex values stop accumulating in your codebase.
- [Deploying TanStack Start to Cloudflare Workers](https://www.raymonda.xyz/blog/tanstack-start-cloudflare-deployment): A practical guide to setting up staging and production environments for TanStack Start on Cloudflare Workers with automated deployments.

## Raw Content (Markdown)

AI agents can access raw markdown versions of content by appending `.mdx` to URLs:

- [Home Page (raw)](https://www.raymonda.xyz/index.mdx): Full site content in markdown
- [Why your TanStack Start app feels slow on navigation (raw)](https://www.raymonda.xyz/blog/tanstack-start-beforeload-blocking-fix.mdx): Markdown format
- [Next.js intercepting routes are underrated (raw)](https://www.raymonda.xyz/blog/nextjs-intercepting-routes-modal-pattern.mdx): Markdown format
- [Design system guardrails: Enforcing color token usage in code (raw)](https://www.raymonda.xyz/blog/design-system-guardrails-color-tokens.mdx): Markdown format
- [Deploying TanStack Start to Cloudflare Workers (raw)](https://www.raymonda.xyz/blog/tanstack-start-cloudflare-deployment.mdx): Markdown format


## Tools

- [Shortwind](https://www.raymonda.xyz/tools/shortwind): Token-efficient class layer for LLM-generated HTML. Collapses Tailwind chains into 1–3 token recipes.
- [tmail](https://www.raymonda.xyz/tools/tmail): Agent-first disposable email CLI in Rust: mint inboxes, await verification codes, send over SMTP.
- [S3 Seam](https://www.raymonda.xyz/tools/s3-seam): Convex component for S3 file storage: presigned uploads, lifecycle, and access control.
- [Convex Autosend](https://www.raymonda.xyz/tools/convex-autosend): Convex component for transactional email on AutoSend: queueing, retries, and webhooks.
- [AI Tokenizer](https://www.raymonda.xyz/tools/ai-tokenizer): Count tokens and estimate costs across OpenAI, Anthropic, and other LLM APIs.
- [LLM Cache](https://www.raymonda.xyz/tools/llm-cache): Convex component that caches LLM API calls with tiered TTL, time travel, and observability.
- [UploadThing Track](https://www.raymonda.xyz/tools/uploadthingtrack): Convex component for tracking UploadThing files: access control, expiry, and webhooks.

## Tools Raw Content (Markdown)

- [Shortwind (raw)](https://www.raymonda.xyz/tools/shortwind.mdx): Markdown format
- [tmail (raw)](https://www.raymonda.xyz/tools/tmail.mdx): Markdown format
- [S3 Seam (raw)](https://www.raymonda.xyz/tools/s3-seam.mdx): Markdown format
- [Convex Autosend (raw)](https://www.raymonda.xyz/tools/convex-autosend.mdx): Markdown format
- [AI Tokenizer (raw)](https://www.raymonda.xyz/tools/ai-tokenizer.mdx): Markdown format
- [LLM Cache (raw)](https://www.raymonda.xyz/tools/llm-cache.mdx): Markdown format
- [UploadThing Track (raw)](https://www.raymonda.xyz/tools/uploadthingtrack.mdx): Markdown format

## Contact

- [Get in Touch](https://www.raymonda.xyz/#contact): Start a project or collaboration