jacobparis

(stolen from Theo Browne)

Rankings, higher = better. Cost reflects what I actually pay (OpenAI is near-free for me due to a deal), not list price. Intelligence is how hard a problem you can hand the model unsupervised. Taste covers UI/UX, code quality, API design, and copy.

model	cost	intelligence	taste
gpt-5.5	9	8	5
sonnet-5	5	5	7
opus-4.8	4	7	8
fable-5	2	9	9

jacobparis

diff --git a/package.json b/package.json
--- a/package.json
+++ b/package.json
@@ -1,3 +1,6 @@
 {
-  "name": "test"
+  "name": "test",
+  "dependencies": {
+    "zod": "^3.0.0"
+  }

jacobparis

Test Module

A simple test module with two files.

jacobparis

sandbox.sh

Run Claude in an isolated Vercel Sandbox with full git access.

It uses the sandbox ID (sbx_asdfasdfasdf) as the branch name, so it's safe to push and then you can get your changes by pulling them from that branch

Examples

Test permissions are set up properly

jacobparis

import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js"
import { SSEServerTransport } from "@modelcontextprotocol/sdk/server/sse.js"
import { Socket } from "net"
import { Readable } from "stream"
import { IncomingMessage, type ServerResponse } from "http"
import {
	subscribeToChannel,
	unsubscribeFromChannel,
	publishMessage,
} from "../redis.server.js"

jacobparis

---
description: "Use shadcn/ui components as needed for any UI code"
patterns: "*.tsx"
---

# Shadcn UI Components

This project uses @shadcn/ui for UI components. These are beautifully designed, accessible components that you can copy and paste into your apps.

## Finding and Using Components

jacobparis

  {
+ 	"typescript.preferences.autoImportFileExcludePatterns": [
+     "zod",
+   ]
  }

jacobparis

import { RemixBrowser } from "@remix-run/react";
import { startTransition, StrictMode } from "react";
import { hydrateRoot } from "react-dom/client";

startTransition(() => {
  hydrateRoot(
    document,
    <StrictMode>
      <RemixBrowser />
    </StrictMode>

jacobparis

@@ -1,7 +1,7 @@
 import { Slot } from '@radix-ui/react-slot';
-import { cva, type VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';

-import { cn } from '#app/utils/misc.ts';
+import { cn } from '#app/utils/misc.js';

 const buttonVariants = cva(

jacobparis

+ import '#app/tailwind.css'