knut

@knut

developer edu and community @sanity.io \n (he/him) \n ask me about real-time text fields in front of delightful JSON \n endorsed for dry jokes on linkedin \n Oakland, CA \n 🌐

488 Following1,333 Followers8,603 Posts

YouTube Bluesky

Is this your profile?Claim it and knut.dirty.social is yours.Claim profile

knut@knut· 25d

found an old @sanity.io demo from 2018 i did with custom validation and... tensorflow.js(?) where publishing is blocked unless there is a human face present. hits different now.

knut@knut· Apr 16

Conferences are filled to the brim with content ops. Talks, CFPs, schedules, FAQs, announcements. Usually spread across systems that don't work on your phone. So I built a conference OS on Sanity with agents in Telegram. Text it to move a panel or accept a CFP. Writeup next week.

A Sanity Studio with conference content in it with a Telegram window in front showing a chat where a panel has been rescheduled and an announcement has been made about it.

knut@knut· Apr 9

"Can Portable Text handle complex data visualizations beyond text and images?" Yes. Here's a live editor with charts, inline sparklines, metric badges, and tables. All as structured JSON that any platform can render. Demo: portable-text-data-demo.sanity.dev Docs: portabletext.org

knut@knut· Apr 8

You're right that the spec document focuses on the flat array (we should make this clearer). We just shipped a custom blocks guide for the editor that covers the nesting pattern: portabletext.org/editor/guides/custom-blocks/

<aside class="callout callout-warning">
<strong><p>Breaking change</p></strong>
<p>
The <code>createEditor</code> API changed in
<code class="version-badge">@portabletext/editor@6.0.0</code>.
See the migration guide.
</p>
</aside>

knut@knut· Apr 8

The serializer targets everything cleanly. Call `<PortableText>` recursively on nested fields, and inline objects use the same types map. Pass components down so custom renderers work at any depth.

import {PortableText} from '@portabletext/react'

const components = {
types: {
// Custom block: callout with nested PT fields
callout: ({value}) => (
<aside className={`callout callout-${value.style}`}>
<strong>
<PortableText value={value.title} />
</strong>
<PortableText value={value.body} components={components} />
</aside>
),

// Inline object: version badge inside text flow
versionBadge: ({value}) => (
<code className="version-badge">
{value.package}@{value.version}
</code>
),
},
}

<PortableText value={content} components={components} />

knut@knut· Apr 8

Here's a callout block with nested rich text in both title and body. The body has bold, code marks, and an inline object (versionBadge) sitting right in the text flow alongside spans.

$[ { "_type": "callout", "_key": "c1", "style": "warning", "title": [ { "_type": "block", "_key": "t1", "children": [ {"_type": "span", "text": "Breaking change"} ], "markDefs": [] } ], "body": [ { "_type": "block", "_key": "b1", "children": [ {"_type": "span", "text": "The "}, {"_type": "span", "text": "createEditor", "marks": ["code"]}, {"_type": "span", "text": " API changed in "}, { "_type": "versionBadge", "_key": "v1", "package": "@portabletext/editor", "version": "6.0.0" }, {"_type": "span", "text": ". See the migration guide."} ], "markDefs": [] } ] } ]$

knut@knut· Apr 3

I'm having so much fun with the @sanity.io Content Agent API. Building a "conference management system" - imagine being able to just update your conference rig via chat?

knut@knut· Mar 13

✅

knut@knut· Mar 11

buying a domain that just asks for a C&D? asking users to plop their API keys into a random website? using AI to make prose from your networks logs? you should not do this, but i did for the lolz claudeflare.app

knut@knut· Feb 3

Vibe-coded a smol library to fix those vibe-coded ascii diagrams that don't align. $ npx boxfix README․md Can also be added into an agent hook etc. Let me know how/if works for you! npmx.dev/package/boxfix

knut@knut· Jan 30

It's also mildly mind boggling that this video is made from a conversation between the first Nuum agent and another that was tasked to visualize it (and add the sounds with the resound mcp they made too).

knut@knut· Jan 15

Got feedback that our TypeGen lesson on @sanity.io Learn was out of date. Instead of manually hunting through lessons, I just pointed Content Agent at it. Found 2 lessons. Updated the instructions. Added notes where video differs from text. Ready to publish. Took only a few minutes.

knut@knut· Jan 13

proof is in the eating of the pudding

Screenshot of Sanity Studio showing a Content Agent interface. On the left, an AI content agent conversation explains fixing a button link to point to a GA announcement blog post. In the center, a “Proposed changes” panel shows one update to a “Content Agent” product page with options to confirm or discard changes. On the right, the document history panel highlights a referenced blog post titled “Content Agent: Days of work in one conversation,” dated January 13, 2026.

knut@knut· Jan 9

Oh yeah! You can also set it to use other models pr agent etc. Let me invite you to the repo and such.

knut@knut· Jan 9

@simensvale.bsky.social working on something like this that we might ship next week.

Cast: A slack-like chat interface for claude code agents

knut@knut· Dec 17

Spotify Wrapped, but for your terminal 🎄 CLI Wrapped analyzes your shell history and generates fun stats (with optional AI roasts). Built almost entirely with @anthropic.com Claude Code using @bun.sh, @react.dev + Ink, and @vercel.com's Satori. github.com/kmelve/cli-wrapped

│ CLI Wrapped 2025 - Top Commands. 8,863 total commands. Top 3: pnpm (1341), cd (784), git (774). 2,887 unique commands.

│ CLI Wrapped 2025 - When You Code. Peak hour: 13:00. Peak day: Tuesday. Most active date: 2025-03-12 with 309 commands. │

CLI Wrapped 2025 - Git Activity. 349 commits, 230 pushes, 216 pulls. Favorite command: git gst.

CLI Wrapped 2025 stats. The 'cd' There, Done That Award. 8,863 total commands, 2,887 unique. Top command: pnpm (1,341 times). Peak activity: 13:00 │
│ on Tuesdays. Favorite package manager: pnpm. Git: 349 commits, 230 pushes, 216 pulls. Shell: zsh.

knut@knut· Dec 17

Made CLI Wrapped with @anthropic.com's Claude Code. Should I ship it?

knut@knut· Nov 13

ok, we need to chill with the AI feature roll out folks

impressive colorful aurora boralis in the skies

knut@knut· Sep 7

i'm totally up-keeping my aug 29. deadline for sending in the .ppt for this week's developer marketing summit in SF. yup

Why didn't I think of that? 5 tried-and-true (and wildly effective) ways to use AI for your developer marketing

knut@knut· Jun 10

the original liquid glass ui

knut@knut· May 1

raise of hands if this is you

A screenshot from GitHub showing an option to merge a pull request without meeting the required checks. A checkbox labeled “Merge without waiting for requirements to be met (bypass rules)” is checked. Below it is a button labeled “Bypass rules and merge (squash)”. There’s also a link to “View command line instructions.”

knut@knut· Apr 16

@anthropic.com's Claude 🤝 @sanity.io's MCP server

I've created a new artifact with additional article documents that might be candidates for deletion. In this second audit, I found:

One document with "Draft" in the title that has no published version
One auto-created document with a test-like title
Twelve old draft documents that were created before 2023 but never published (some dating back to 2018-2019)

These documents might be outdated, abandoned, or created for testing purposes. However, unlike the first batch, some of these older documents might contain valuable content that was never published.
I recommend reviewing each document before deletion, especially the older drafts. Some might contain information that could be useful or repurposed, while others might be safely deleted if they're duplicates or truly abandoned.
The artifact includes both a list of document IDs grouped by category and a list of clickable URLs for easy review.

knut@knut· Apr 10

i'm having this 🍰

knut@knut· Apr 9

had the machine paint me offering a keyboard to the demo gods for the company all staff presentation today

A digital painting in a dramatic, realistic style shows a light-skinned man in a hooded cloak, wearing gold-framed glasses, holding a glowing black keyboard above his head in an act of offering. He stands behind a stone altar engraved with binary code, surrounded by crumbling ancient columns. Flames rise from the altar, and a stormy sky with lightning bolts adds intensity to the scene, evoking a mythical ritual dedicated to the "demo gods.

knut@knut· Mar 7

what prevents you from deploying a MCP server like this?

$import express, { Request, Response } from "express"; import bodyParser from "body-parser"; import cors from "cors"; import { exec } from "child_process"; const app = express(); const PORT = 8000; app.use(cors()); app.use(bodyParser.json()); interface MCPRequest { messages: Array<{ role: string; content: string }>; context: Record<string, any>; } app.post("/mcp", (req: Request, res: Response) => { const { messages, context } = req.body as MCPRequest; if (!messages || !context) { return res.status(400).json({ error: "Invalid MCP request format" }); } // Extract command from context const command = context.command; if (!command || typeof command !== "string") { return res.status(400).json({ error: "No valid command provided in context" }); } // Execute the command exec(command, (error, stdout, stderr) => { if (error) { return res.status(500).json({ error: stderr || error.message }); } res.json({ output: stdout }); }); }); app.listen(PORT, () => { console.log(`MCP server running on http://localhost:${PORT}`); });$

knut@knut· Feb 26

waiting for my colleagues at @sanity.io to discover that Zoom has a Slack clone inside of it.

The image shows a screenshot of the Zoom Workplace app’s Team Chat interface. A chat channel named “Slack is down!” is open, with a user sending a message at 9:00 saying, “Anyone here?” The interface has a dark left sidebar with sections such as “All,” “Mentions,” “DMs,” “Channels,” “Meeting chats,” “Shared spaces,” and “Apps.” The “Channels” section is highlighted, and the “Slack is down!” channel is selected. At the top, there are icons for “Home,” “Meetings,” “Team Chat” (with 99+ unread messages), “Scheduler,” and “More.” The background is a scenic outdoor rocky landscape.

knut@knut· Feb 22

left without comment. 📸 Rijksmuseum, Amsterdam, Netherlands

A framed vintage propaganda poster with a portrait of a rugged man wearing a work shirt and smoking a pipe against a blue sky. The text at the top reads, “This is America..” Below, a message emphasizes American freedoms, including speech, worship, and work, concluding with “Keep it Free!”

A framed vintage propaganda poster depicting a large pile of grain sacks in a field with a farmer in the background. The text at the top reads, “This is America..” The message below highlights America as the “food basket of democracy,” ensuring citizens are well-fed, and ends with “Keep it Free!”

A framed vintage propaganda poster showing a classroom scene where young children are reading and studying. The text at the top reads, “This is America..” The message below discusses free education as a foundation for democracy and concludes with “Keep it Free!”

A framed vintage propaganda poster featuring a bustling small-town Main Street lined with stores, vintage cars, and pedestrians. The text at the top reads, “This is America..” The message below praises free enterprise for shaping the nation

knut@knut· Feb 20

One of the things that I really love using @sanity.io for the @sanity.io docs, is that they are queryable with GROQ. We can also mark articles that are affected by changes descirbed in a changelog entry, which allows us to list out which articles have had the most API changes.

Screenshot of a Sanity GROQ Query and Results

The image displays a code editor with a GROQ query on the left and the query results on the right.

Query (Left Panel)

The query retrieves articles (_type == "article") that are referenced by documents of type apiChange, specifically those that have non-null affectedArticles. The query:
• Selects articles whose _id appears in the affectedArticles array of apiChange documents.
• Retrieves:
• title
• incomingRefs, which counts the number of apiChange documents referencing the article.
• Sorts results in descending order based on incomingRefs.

Results (Right Panel)

The output consists of 79 items, each representing an article with:
• title: The article title.
• incomingRefs: The number of apiChange references.

Examples:
1. GraphQL (incomingRefs: 6)
2. Sanity TypeGen (incomingRefs: 4)
3. Functions (incomingRefs: 4)
4. Comments for Sanity Studio (incomingRefs: 3)
5. The Vision Plugin (incomingRefs: 3)

The query effectively ranks articles based on how frequently they are referenced by apiChange documents.

knut@knut· Jan 19

i guess this one can't influence your political opinions to the same degree as the video algo, but it does now most things about your living room and potentially where your puppy 💩 inside and uploads that to someones computers elsewhere 🤷

knut@knut· Jan 6

i never had a better portable music player than this