24:I[850952,["/_next/static/immutable/chunks/172zw2pawce4a.js","/_next/static/immutable/chunks/0khl6be5gkb4e.js","/_next/static/immutable/chunks/32v73smuj0mpl.js","/_next/static/immutable/chunks/24yqc4w1a7et3.js","/_next/static/immutable/chunks/1_ml33w9zgfcl.js","/_next/static/immutable/chunks/2ei-2pnos-kxj.js","/_next/static/immutable/chunks/0569cuozrnlw_.js","/_next/static/immutable/chunks/03zqxw9xonjw3.js","/_next/static/immutable/chunks/22ow_dz75r-eb.js","/_next/static/immutable/chunks/0zughmw5sfoqu.js","/_next/static/immutable/chunks/0oys-zv_3ug7j.js","/_next/static/immutable/chunks/2uqd5nw6yg3-l.js","/_next/static/immutable/chunks/3dkxsd8f2ldu1.js","/_next/static/immutable/chunks/3y68jiah1cz3y.js"],"PublicationThemeProvider",1] 25:I[850952,["/_next/static/immutable/chunks/172zw2pawce4a.js","/_next/static/immutable/chunks/0khl6be5gkb4e.js","/_next/static/immutable/chunks/32v73smuj0mpl.js","/_next/static/immutable/chunks/24yqc4w1a7et3.js","/_next/static/immutable/chunks/1_ml33w9zgfcl.js","/_next/static/immutable/chunks/2ei-2pnos-kxj.js","/_next/static/immutable/chunks/0569cuozrnlw_.js","/_next/static/immutable/chunks/03zqxw9xonjw3.js","/_next/static/immutable/chunks/22ow_dz75r-eb.js","/_next/static/immutable/chunks/0zughmw5sfoqu.js","/_next/static/immutable/chunks/0oys-zv_3ug7j.js","/_next/static/immutable/chunks/2uqd5nw6yg3-l.js","/_next/static/immutable/chunks/3dkxsd8f2ldu1.js","/_next/static/immutable/chunks/3y68jiah1cz3y.js"],"PublicationBackgroundProvider",1] 27:I[790711,["/_next/static/immutable/chunks/172zw2pawce4a.js","/_next/static/immutable/chunks/0khl6be5gkb4e.js","/_next/static/immutable/chunks/32v73smuj0mpl.js","/_next/static/immutable/chunks/24yqc4w1a7et3.js","/_next/static/immutable/chunks/1_ml33w9zgfcl.js","/_next/static/immutable/chunks/2ei-2pnos-kxj.js","/_next/static/immutable/chunks/0569cuozrnlw_.js","/_next/static/immutable/chunks/03zqxw9xonjw3.js","/_next/static/immutable/chunks/22ow_dz75r-eb.js","/_next/static/immutable/chunks/0zughmw5sfoqu.js","/_next/static/immutable/chunks/0oys-zv_3ug7j.js","/_next/static/immutable/chunks/2uqd5nw6yg3-l.js","/_next/static/immutable/chunks/3dkxsd8f2ldu1.js","/_next/static/immutable/chunks/3y68jiah1cz3y.js"],"PublicationHomeLayout",1] 28:I[459124,["/_next/static/immutable/chunks/172zw2pawce4a.js","/_next/static/immutable/chunks/0khl6be5gkb4e.js","/_next/static/immutable/chunks/32v73smuj0mpl.js","/_next/static/immutable/chunks/24yqc4w1a7et3.js","/_next/static/immutable/chunks/1_ml33w9zgfcl.js","/_next/static/immutable/chunks/2ei-2pnos-kxj.js","/_next/static/immutable/chunks/0569cuozrnlw_.js","/_next/static/immutable/chunks/03zqxw9xonjw3.js","/_next/static/immutable/chunks/22ow_dz75r-eb.js","/_next/static/immutable/chunks/0zughmw5sfoqu.js","/_next/static/immutable/chunks/0oys-zv_3ug7j.js","/_next/static/immutable/chunks/2uqd5nw6yg3-l.js","/_next/static/immutable/chunks/3dkxsd8f2ldu1.js","/_next/static/immutable/chunks/3y68jiah1cz3y.js"],"PublicationAuthor",1] 29:I[163214,["/_next/static/immutable/chunks/172zw2pawce4a.js","/_next/static/immutable/chunks/0khl6be5gkb4e.js","/_next/static/immutable/chunks/32v73smuj0mpl.js","/_next/static/immutable/chunks/24yqc4w1a7et3.js","/_next/static/immutable/chunks/1_ml33w9zgfcl.js","/_next/static/immutable/chunks/2ei-2pnos-kxj.js","/_next/static/immutable/chunks/0569cuozrnlw_.js","/_next/static/immutable/chunks/03zqxw9xonjw3.js","/_next/static/immutable/chunks/22ow_dz75r-eb.js","/_next/static/immutable/chunks/0zughmw5sfoqu.js","/_next/static/immutable/chunks/0oys-zv_3ug7j.js","/_next/static/immutable/chunks/2uqd5nw6yg3-l.js","/_next/static/immutable/chunks/3dkxsd8f2ldu1.js","/_next/static/immutable/chunks/3y68jiah1cz3y.js"],"PublicationPostsList",1] 2a:T626,const HexRenderContext = createContext({ wrap: (child, coordinate) => child, // default }); function HexMap({ children }) { const layer1Ref = useRef(null); const layer2Ref = useRef(null); const layer3Ref = useRef(null); const layer4Ref = useRef(null); const layerGroups = [ [layer1Ref, layer2Ref], [layer3Ref, layer4Ref], ]; const wrapCell = (child, coordinate) => { const groupI = Math.abs(coordinate[0]) % layerGroups.length; const groupJ = Math.abs(coordinate[1]) % layerGroups[groupI].length; const layer = layerGroups[groupI][groupJ]; if (layer.current) { return createPortal(child, layer.current); } // fallback return child; }; return (

{children}

); } function HexCell({ children, coordinate }) { // up to you to do this math, this post is only concerned // with compositing optimization. const { top, left } = getPosition(coordinate); const { wrap } = use(HexRenderContext); return wrap(

{children}

, coordinate ); } // Usage: you don't have to know about the layers at all. function ExampleMap() { return ( {/* ... so on */} ); }1c:["$","$L24",null,{"record":{"url":"https://grant.leaflet.pub","name":"A Verdant Web","$type":"site.standard.publication","theme":{"$type":"pub.leaflet.publication#theme","primary":{"b":39,"g":39,"r":39,"$type":"pub.leaflet.theme.color#rgb"},"pageWidth":624,"accentText":{"b":245,"g":254,"r":255,"$type":"pub.leaflet.theme.color#rgb"},"pageBackground":{"a":100,"b":250,"g":255,"r":232,"$type":"pub.leaflet.theme.color#rgba"},"backgroundColor":{"b":56,"g":61,"r":9,"$type":"pub.leaflet.theme.color#rgb"},"accentBackground":{"b":125,"g":128,"r":0,"$type":"pub.leaflet.theme.color#rgb"},"showPageBackground":true},"basicTheme":{"$type":"site.standard.theme.basic","accent":{"b":125,"g":128,"r":0,"$type":"site.standard.theme.color#rgb"},"background":{"b":56,"g":61,"r":9,"$type":"site.standard.theme.color#rgb"},"foreground":{"b":0,"g":0,"r":0,"$type":"site.standard.theme.color#rgb"},"accentForeground":{"b":245,"g":254,"r":255,"$type":"site.standard.theme.color#rgb"}},"description":"Most of the time when I write a tech blog it's because I ended up doing something very strangely.","preferences":{"showComments":true,"showMentions":true,"showPrevNext":true,"showInDiscover":true}},"pub_creator":"did:plc:l44jvbenqtbven32h657s5cz","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Blog\",\"name\":\"A Verdant Web\",\"url\":\"https://grant.leaflet.pub\",\"description\":\"Most of the time when I write a tech blog it's because I ended up doing something very strangely.\"}"}}],["$","$L25",null,{"record":"$1c:props:record","pub_creator":"did:plc:l44jvbenqtbven32h657s5cz","children":["$L26",["$","$L27",null,{"showPageBackground":true,"iconUrl":"$undefined","wordmark":null,"navPages":[],"publicationUrl":"https://grant.leaflet.pub","activePath":"/","pageWidth":624,"subscribe":{"publicationUri":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.publication/3lx3v552cw22v","publicationUrl":"https://grant.leaflet.pub","publicationName":"A Verdant Web","publicationDescription":"Most of the time when I write a tech blog it's because I ended up doing something very strangely.","newsletterMode":false},"author":["$","$L28",null,{"did":"did:plc:l44jvbenqtbven32h657s5cz","displayName":"🌫️ Grant Forrest","handle":"gfor.rest"}],"children":["$","$L29",null,{"publication":{"uri":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.publication/3lx3v552cw22v","name":"A Verdant Web","identity_did":"did:plc:l44jvbenqtbven32h657s5cz","record":{"url":"https://grant.leaflet.pub","name":"A Verdant Web","$type":"site.standard.publication","theme":"$1c:props:record:theme","basicTheme":"$1c:props:record:basicTheme","description":"Most of the time when I write a tech blog it's because I ended up doing something very strangely.","preferences":"$1c:props:record:preferences"},"publication_newsletter_settings":null,"publication_pages":[]},"publicationRecord":"$1c:props:record","posts":[{"uri":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.document/3lx4ceciqa227","record":{"path":"/3lx4ceciqa227","site":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.publication/3lx3v552cw22v","$type":"site.standard.document","title":"Optimizing hex grids for DOM","content":{"$type":"pub.leaflet.content","pages":[{"$type":"pub.leaflet.pages.linearDocument","blocks":[{"$type":"pub.leaflet.pages.linearDocument#block","block":{"alt":"A bunch of hexagon tiles","$type":"pub.leaflet.blocks.image","image":{"ref":{"$link":"bafkreidepyw4itu6h4mrb6ml2n57qfqqrdcmbb3t7atl6df2infzyie6fu"},"size":82010,"$type":"blob","mimeType":"image/png"},"aspectRatio":{"width":1267,"height":984}}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Let's cut to the chase: if you want to render a hex grid on the web, you are better off using SVG or Canvas. There is a decent amount of material out there about how to do that."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"But this post is about how I got as close as I could (so far) to a decent experience making hex grids out of DOM."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":1,"facets":[],"plaintext":"Why DOM is the wrong choice"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Unlike Canvas (and to some extent, SVG), the rendering behavior of the DOM is largely abstracted away. This makes it very hard to consistently optimize draw-heavy UI, even if you understand how the GPU works and how to optimize in theory."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":90,"byteStart":83},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Hex grids highlight this problem particularly, because the bounding boxes of hexes overlap. To explain why that's a problem, let's do a shallow dive into compositing."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"Compositing and layers, pragmatic version"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Ignoring many details (and obscuring my own ignorance), let's talk layers."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"When the browser wants to render pixels, it first has to decide which groups of elements to combine into rectangular textures."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Why rectangles? That's just how graphics works, at least in this case. Even if you render a circle--or a hexagon--you're ultimately drawing transparent pixels to fill in the rest of the rectangle."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":88,"byteStart":79},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]},{"index":{"byteEnd":115,"byteStart":100},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]},{"index":{"byteEnd":128,"byteStart":118},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]},{"index":{"byteEnd":154,"byteStart":141},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]}],"plaintext":"Curious about how that pans out? Open your browser dev tools and switch to the Rendering panel from triple-dot menu > More tools. Then check Layer borders. The elements the browser grouped into layer rectangles will be outlined in orange."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Luckily for the web, we are mostly in the business of drawing pretty boxes, so this aligns pretty well and we don't have to worry about it."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"The most naive way you could think of compositing a website would be to render every single HTML element as an individual composited rectangle. Start from the lowest z-index, keep overlaying them till you get to the largest. If you were building a toy browser you might start there."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"But it's way more efficient to batch elements into larger rectangles because of how GPUs work, and that's what the browser does. It uses some heuristics to decide how to group things. The logic for which elements to group together is not, to my knowledge, consistent between vendors or publicly documented. Maybe you can find it if you're good at reading specs."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"Why hex grids ruin everything"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"In hexagon grids, the cells inherently overlap one another, and one surefire way to get an element booted to its own layer (its own personal rectangle) is to overlap another layer. Do this for hundreds of hexagon cells, and you're now making hundreds of sorted draw calls. Frames start dropping fast."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"alt":"A side by side screenshot of a hex grid and browser dev tools. The hex grid is annotated with layer borders, and every single cell has its own layer. In the dev tools you can see confirmation of this with a list of hundreds of layers in the layer viewer.","$type":"pub.leaflet.blocks.image","image":{"ref":{"$link":"bafkreiajypttxqrmdbs6fdofkui362opnecw77dfrh7ejvhhvx5z2aot5m"},"size":572269,"$type":"blob","mimeType":"image/png"},"aspectRatio":{"width":2493,"height":1409}}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":181,"byteStart":0},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Above: the hex grid on the left shows orange layer borders around every cell. On the right is another browser dev tool, the layer view, which confirms we have 252 individual layers."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":213,"byteStart":209},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":258,"byteStart":253},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Now, in a perfect world, we could explicitly tell the browser to composite certain cells together on a specific layer. But browsers do not afford this to us (yes I know about will-change; it's good for making more layers but not for forcing things into fewer layers, in my experience)."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":18,"byteStart":17},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"For mere mortals, we must simply try to play along with whatever the browser is doing."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":1,"facets":[],"plaintext":"So you're really doing it? Here's how."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":85,"byteStart":49},"features":[{"uri":"https://www.redblobgames.com/grids/hexagons","$type":"pub.leaflet.richtext.facet#link"}]}],"plaintext":"I will assume you have already read and digested this excellent Red Blob Games primer on how to actually do the math and rendering portions of hex grids, and applied that to DOM to position your cell elements on the page."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"So we know the problem: overlapping elements get pushed to their own layer, and every hex in a hex grid overlaps other elements. And browsers provide no explicit way of circumventing this."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Instead of explicit, then, we go implicit. The trick is to group our hexes under different parents so that none of the siblings in one parent overlaps another. In theory, this will encourage browsers to rasterize (render to rectangle) their common parent instead of each grouped tile individually."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Theoretically you could do this by splitting into two groups, the odd and even rows. This ought to work as hexes on the same row butt up flat against one another without overlapping. But something about Chrome's layer algorithm trips up on this too. So I've opted for a two-tiered separation: every other cell from every other row."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Finally, with this configuration, we seem to have convinced the browser to group cells together in a much smaller number of batches. Curiously, we still get a couple stragglers here and there. But this is still pretty much as good as I've managed to get it."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"alt":"Another side-by-side view with the hex grid and layer viewer. There are now just a handful of layers, most of the grid is devoid of orange borders.","$type":"pub.leaflet.blocks.image","image":{"ref":{"$link":"bafkreicseb5kc5uyhe4tbhiec5oa4jwqqlm4kaucrjqz3monju2vjncq44"},"size":468327,"$type":"blob","mimeType":"image/png"},"aspectRatio":{"width":2495,"height":1515}}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":159,"byteStart":0},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Above, see how few orange layer borders we have now! Strangely we still get some near the outer corners of the map. But overall, this is a massive improvement."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"As I'm using React, I wanted to ensure that the developer actually constructing a grid never had to worry about these performance optimizations, so I've turned to registering elements as portal targets in a context provider. This turns out pretty well!"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Here's some example React code, types omitted for brevity."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.code","language":"tsx","plaintext":"$2a"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":33,"byteStart":30},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]},{"index":{"byteEnd":201,"byteStart":198},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]}],"plaintext":"The hex map wrapper renders 4 divs, one for each layer group. It also provides a wrapping function to be used in the cells. This function selectively injects their DOM content into one of the group divs based on their coordinate."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"I wrote the logic here to more easily scale up and down the number of layer groups to play around with optimization, but I find this 2x2 setup works just fine for me."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"alt":"A massive grid of hex tiles, marked with colors. Odd rows show every other hex colored either yellow or green. Even rows show every other hex colored white or gray.","$type":"pub.leaflet.blocks.image","image":{"ref":{"$link":"bafkreiggufr3bvs7c2pwp4xekurmtyc566qbp5hvuydvjfmgwvw6y65sia"},"size":373792,"$type":"blob","mimeType":"image/png"},"aspectRatio":{"width":1241,"height":1177}}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":240,"byteStart":0},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Above: a visual coloring of which hexes are grouped together under different parent divs. As you can see, no two cells of the same color come close to overlapping, which seems to be enough for the browser to optimize compositing from there."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"Help: I tried this and they're still all different layers"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":28,"byteStart":19},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]},{"index":{"byteEnd":48,"byteStart":40},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]},{"index":{"byteEnd":88,"byteStart":79},"features":[{"$type":"pub.leaflet.richtext.facet#code"}]}],"plaintext":"You might be using transform instead of top/left for cell positioning? Usually transform is the more performant way to position things, but that's because usually you actually want positioned elements on their own layer, so they don't affect the rasterization of things around them as they move. In this case we really don't want that--so absolute positioning is the way to go."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":1,"facets":[],"plaintext":"The letdown"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Even with all of this, if you try to render more than a hundred or so cells onscreen, expect to dip below 60FPS. DOM is just not a great fit for this."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"But if you, like me, have your reasons... this will at least get you reasonable performance. I recommend keeping the number of onscreen hexes low if possible."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"That's all for now, but if I find another trick I'll add it here."}}]}]},"bskyPostRef":{"cid":"bafyreignzuqqso7zr74vy3yzexfkpiwjobvzgu5i5hbu7ivv7qlg2anjhu","uri":"at://did:plc:l44jvbenqtbven32h657s5cz/app.bsky.feed.post/3lx4cejit4s27","commit":{"cid":"bafyreiboqa2tjj2l5vrnoyhd72s3vyizwg23aaqim3coietm4ykh56zacm","rev":"3lx4cejlstc2k"},"validationStatus":"valid"},"description":"You shouldn't do this, but if you insist...","publishedAt":"2025-08-24T01:08:43.384Z","theme":"$undefined","preferences":"$undefined"},"commentsCount":0,"mentionsCount":0,"recommendsCount":0,"membersOnly":false,"bylineProfiles":[{"did":"did:plc:l44jvbenqtbven32h657s5cz","handle":"gfor.rest","displayName":"🌫️ Grant Forrest"}]},{"uri":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.document/3mcsi573sdk2k","record":{"path":"/3mcsi573sdk2k","site":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.publication/3lx3v552cw22v","tags":[],"$type":"site.standard.document","title":"Little Bosses Everywhere","content":{"$type":"pub.leaflet.content","pages":[{"id":"019bd6ec-642e-777b-8c0e-bc53922fa385","$type":"pub.leaflet.pages.linearDocument","blocks":[{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.bskyPost","postRef":{"cid":"bafyreihulcr5vqp6sh5t5hhsrwj7ct4tgzlexy5i5psltgg6kn2eumj34i","uri":"at://did:plc:l44jvbenqtbven32h657s5cz/app.bsky.feed.post/3m6iux7hkxk2h"}}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"I wasted my one kid-free morning with my wife at a coffee shop explaining what Gas Town is."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":209,"byteStart":206},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"To be fair it seemed like a suitable addendum to our conversation the night before in the car about the actual mechanics of LLMs and the attraction of the 'magic' factor, which undoubtedly exists (it's not all hype)."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":245,"byteStart":241},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Something bothered me about Gas Town that I couldn't put a finger on. Haunted me, maybe. There's a spectacle to it, an awe factor. It's not something a regular person would even think to build, and not something an irregular person would be able to build, until now (assuming it really works)."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"I was searching, through our conversation, for the source of the uneasy feeling I had about the existence of this... abomination. Why did I feel that way? Was it personal bias, or am I being carried along by an anti-AI community sentiment which which I'm sympathetic? Or is my intuition picking up on something?"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":143,"byteStart":139},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"I think at least part of the answer lies in how projects like Gas Town frame the act of creation, and the ideal that they strive for. It's boss shit. Pejoratively."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"God Complex"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":178,"byteStart":95},"features":[{"uri":"https://steve-yegge.medium.com/bags-and-the-creator-economy-249b924a621a","$type":"pub.leaflet.richtext.facet#link"}]},{"index":{"byteEnd":484,"byteStart":181},"features":[{"$type":"pub.leaflet.richtext.facet#strikethrough"}]},{"index":{"byteEnd":596,"byteStart":585},"features":[{"uri":"https://bsky.app/profile/mattkeeter.com/post/3mcvfz5huik25","$type":"pub.leaflet.richtext.facet#link"}]}],"plaintext":"The reason Gas Town's creator, Steve Yegge, believes it's the future is because it will allow \"one creator [to] make a product [...] that would have taken a whole company before.\" (Not linking to the source of this quote since Yegge has stated visibility personally contributes to his house stake in the gambling occurring on his idea, and I've benefitted him enough on that account already just by referring to it. Side note: really loving the attention economy; this is going great!) (Update: now that the pump-and-dump moved to the dump phase, I am indeed linking the post and also this chaser so you can share in some schadenfreude). "}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"This is the dominant promise behind most AI pitches: Become a Creator. In Yegge's view, the mechanism behind this will be to assume the role of Overseer to direct a whole hierarchy of virtual drones. You, the Creator, are the one with the vision. The drones do the work. At last, in 2026, the Idea Guy will take his rightful throne."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":27,"byteStart":24},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":137,"byteStart":133},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":150,"byteStart":142},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Here's what I think the ick intuition I had about all this was getting at. These AI Creator projects are reusing the same framing of work and industry as the worst archetypal bosses. Well before the introduction of virtual serfs, our cult of industry pictured the CEO as the visionary genius, and the corporation as his will made manifest. (You might say it's the echo of feudalism and slavery, still reverberating, looking for the right material to resonate again. Maybe that seems too uncharitable to you, just musing)."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"It is the handful of bosses who decide what problems get solved, and how. The role of the worker is to implement. To enshrine this hierarchy we note that production requires capital, and capital is privately owned; therefore the handful who accumulate this capital by any fashion get to be the bosses."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"The problem is not that AI Creator types didn't identify this as problematic (well, some of them at least). It's more that they pinpointed the problem as \"handful of bosses\" and went full speed ahead trying to turn that into \"everyone can be a boss.\" When in fact this was already as true as it probably ever will be. Anyone can be a Big Boss, provided they possess the will to dominate, extract, and coerce; provided they have enough hubris to believe they know what's best; and provided they're quite lucky. I'm not convinced that technology is going to meaningfully change that equation, as long as it lives under the dome of capitalism."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"Petit Boss"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"I think the real fallacy here is believing that this boss model works at all. I would, rather, suggest that the effectiveness of industry - even in the throes of the greatest Boss Cult waves - comes from the skill of workers. Almost like workers produce value. It rings a bell. I dunno."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":363,"byteStart":359},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":371,"byteStart":368},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":418,"byteStart":415},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":428,"byteStart":424},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":442,"byteStart":439},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Having been a worker all my professional life, I've seen this enough firsthand. I've had the enjoyable experience of working for good managers and bosses, who took a collaborative and bidirectional role alongside their teams. Experiencing that trust and agency helped me deliver work that exceeded all of our horizons. Good leadership helped direct me on the what and why of building. But along the way of deciding how, the what (and even why) were open to influence by me, too. This led in amazing and unexpected directions, for everyone."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":36,"byteStart":21},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":312,"byteStart":306},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":448,"byteStart":442},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":689,"byteStart":683},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"I don't think bosses shouldn't exist, necessarily (though I'm open to systems which imagine this). Rather I think that the position of \"boss\" works most effectively when it exists in a cohesive web of feedback across the whole team. It's when the boss begins to see themselves as the only agent - the only person in the equation, that things begin to fall apart. And AI Creator mindset is the distillation of that. You are, in fact, the only person left in Gas Town (maybe this is what made me describe it as 'haunting'). Why is it you think this is going to go so much better than that time your terrible boss demanded you shut up and build what he asked you to build? Just because you're the boss, now?"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":92,"byteStart":88},"features":[{"$type":"pub.leaflet.richtext.facet#strikethrough"}]},{"index":{"byteEnd":122,"byteStart":110},"features":[{"$type":"pub.leaflet.richtext.facet#strikethrough"}]}],"plaintext":"We have to stop thinking of bosses as a caste of people. When you step into the role of Lord Overseer in your serf village federated agentic mesh, I'm not sure (like I'm actually not sure) you get to keep your \"worker\" badge anymore. Maybe this is why the \"Creator\" label has been appropriated, to obscure this transformation. You are putting down your tools and becoming a Boss."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"Where's the line?"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"I know the framing is that Agentic AI is the new tool. I think this is just the part that I don't buy. Because it's also framed as a factory. It can't be both. And, personally, one of the great joys of my life is to use good tools (and make them), and I know what that feels like. It's not the same. Agentic AI is delegation, not participation (in contrast, non-agentic LLMs do feel more tool-shaped to me; perhaps this is bias or contradiction? I'm not above it.)"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"This is, in fact, why I do find a use every now and again for Agentic AI. There are certain mechanical tasks which I feel comfortable delegating. Ones which bring neither joy nor insight; things which I have done a million times before and just haven't found a way to abstract for reuse. Things I might pass on to a more junior team member instead if I'm working on a team (there is still something in it for them to learn and gain experience from). "}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"This serves as an excellent foothold to counter-argue this essay. Let's briefly sketch that out."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Why (you might say) can't we extrapolate that into higher and higher levels of building? Perhaps I call on an Agentic AI to create a component which formats the localized time, for use in a blog post header. Solved problem. Delegated. Isn't there also a point, in my journey as a maker, where it's time to delegate the creation of that header, too? What about the entire blog structure?"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Well, what about the blog posts, themselves?"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":41,"byteStart":23},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":116,"byteStart":88},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":169,"byteStart":163},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":207,"byteStart":203},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"Is there a point in my journey as a maker, where I graduate from making things to being a person who has made things? Where I have so mastered every lesson of the making process that I no longer need to make? Where I am entitled to simply speak, \"let there be a blog,\" and behold, there is a blog?"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":142,"byteStart":136},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"To speak a word and, by some obscured and delegated work, bring forth a creation - my argument is that this is no longer the process of making. At some point it tips the scale. I'm a boss now."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"To put it another way, I am not advocating that everyone be a pure artisan, a Worker par excellence. Delegation is a component of practical and effective work. But maxing out on delegation turns you into a boss. That's just what a boss is. A new technology of delegation doesn't change that, it just lets more people become bosses."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Like I said, I don't think bosses shouldn't exist. I just don't think \"boss\" is the final evolution of \"craftsperson.\" And it seems like that's what people are assuming here. If we convert all craftspeople to bosses, we may find real production and innovation grinds to a halt. Perhaps I'll have to argue that point elsewhere, but for now I'll just assert that craft should continue to be a thing humans practice."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"What, then, is the path of the craftsperson? How can I continue to level up as a worker without branching into the Boss skill tree? This isn't a new question at all. And there are two dimensions, at least, to explore."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"Expert"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":40,"byteStart":35},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":280,"byteStart":266},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":342,"byteStart":338},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":411,"byteStart":407},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":728,"byteStart":724},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"First, I think the actual depth of craft as such is much deeper than people realize. And reaching for delegation before grasping this is a sure way to miss that entire space. If you've worked as a craftsperson under a boss before, you've probably seen a version of \"this blindness.\" Your boss says something like, \"oh, and it needs to do this,\" and you spend the next hour digging into specification of how this can be done. Perhaps they dive in with you and follow along in curiosity as you examine the approaches and trade-offs (good job, boss). Perhaps they shrug and say, \"just figure it out.\" Either way you, as the worker, are responsible for understanding a fractal detail which the boss will continue to abstract as this when they conceptualize the output after they leave the room."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":48,"byteStart":34},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"The fallacy here is thinking that this blindness won't happen to you, too."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":73,"byteStart":69},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":124,"byteStart":120},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":130,"byteStart":126},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":223,"byteStart":219},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":395,"byteStart":391},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":412,"byteStart":404},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"As workers we have, historically, been forced not to brush all those thises aside. It's our job to figure out how to do this. This is the engine that drives expertise. A skilled generalist will learn how to do a couple thises and compose the work of specialists for the ones they don't understand (this might be more on the \"boss\" skill track). A specialist may spend a lifetime on a single this and its sub-thises."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Every single one holds the opportunity for innovation. New insight. Digging deeper into a problem than anyone has before. Stuff that's not in the training data. Combining two problems into one solution which no one thought of. New trade-offs, new behaviors, new variables. All of that can be lost if you see a forest and not the trees."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.bskyPost","postRef":{"cid":"bafyreicuzyov3y6t4rw2i4lgkzyerpncgwc6fq3mnpcoph2zvcakzzxcnu","uri":"at://did:plc:l44jvbenqtbven32h657s5cz/app.bsky.feed.post/3mbp3e7i7es22"}}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":119,"byteStart":115},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"So the first way to level up as a craftsperson is to dig in. Refuse the call to back away and delegate. Treat each this as a chance to deepen your expertise. Not just to deliver a product, but to shape who you are."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"Collaborator"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":52,"byteStart":46},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":83,"byteStart":75},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":160,"byteStart":153},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"But that's not the only thing. I've noted the upward of delegation and the downward of specialization and expertise. There's another dimension: reaching outward in collaboration."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"The key point is, collaboration is not delegation. Collaboration is an invitation to diversified thought. A delegate follows orders, a collaborator reinvents, re-interprets, and even defies them."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":101,"byteStart":96},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":146,"byteStart":143},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"It's honestly frustrating that LLMs have captured the word \"agent\" because a collaborator is an agent in the way AI is specifically engineered not to be. A collaborator's first instinct on encountering your idea is not to enthusiastically praise it as \"totally right.\" The best collaborators are invested skeptics."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":333,"byteStart":321},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"A good collaboration is built on mutual respect. Your collaborator will see your approach and ask, \"have you tried...\" and they actually mean it as an open question. The person who asks that and secretly wants you to just go with their idea is a boss in disguise. The collaborator wants to see how their idea takes shape in your mind. They can't do that without you, and you can't do it without them. That's the magic."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"A collaboration is not a competition of bosses trying to delegate to one another. Its goal is to leverage diversity of perspective, experience, and knowledge to produce a transcendent outcome. The work becomes a collective effort of which no one person could reasonably claim the title of Creator."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"The reason I'm belaboring these distinctions is because the language of collaboration has been co-opted by bosses to talk about delegation. I just want to recall what we're really talking about here. My best bosses were actually collaborators: curious listeners, challenging me to broaden my perspective and try new approaches without ever mandating how I spend my time and effort."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Really, my biggest concern about the Agentic Engineering Revolution is that we lose track of real collaboration. That it will be such a huge buff to delegation that collaboration looks like a losing strategy. Why deal with the complexity and give-and-take of true, personal collaboration... when mechanically, you can go much faster with the power of our new delegation machines?"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Why go together when you could go so much faster alone? Gosh, feels familiar, is there some kind of... aphorism... about that..."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"The future of..."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":239,"byteStart":208},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":269,"byteStart":251},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"So I suppose I should sum it up. I don't like being a hardline nay-sayer about any particular thing. That's not how I think about the world. My convictions are based in context. I'm more interested in saying this is the wrong tool for that instead of this tool is evil."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"So maybe what I'd like to say is this: it's best to mentally downgrade claims like \"Agentic AI is the future of work.\" This is too broad a claim. We don't have to attack and refute the whole enterprise to respond to it. We are not stuck in a dichotomy."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":91,"byteStart":74},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":190,"byteStart":185},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":414,"byteStart":403},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":432,"byteStart":421},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]},{"index":{"byteEnd":561,"byteStart":550},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"The mental downgrade is more or less to: \"Agentic AI may be the future of going fast alone.\" There are lots of times you want to go fast alone! Assuming other problems with this model (cough, energy reliability security safety) are eventually resolved, we may be left with something genuinely quite useful, when it comes to going alone. But there is a reason you don't always go alone. And just because going alone might potentially now scale up to the work output of an entire company, does not mean that it will transcend the intrinsic equation of going alone. Can one person really ship a good product, alone? Not just mechanically, but holistically? Maybe some people can. But it's worth meditating on what usually happens to, say, the solo projects of band leaders. Or when popular authors finally shake off their editors."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":184,"byteStart":166},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"So before buying into \"the future,\" think about what model of production this future is enshrining, and consider whether perfecting that model is actually perfecting production itself. This is also a great opportunity to think about what different models we could strive toward instead."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"And maybe sit with that a bit before dumping your savings into $GAS or NVDA or whatever."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"facets":[],"plaintext":"The real conclusion"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"But I forgot why I was writing this in the first place. I was not just trying to make a practical observation about not believing the hype, I wanted to say something about work itself and our relationship to it."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":287,"byteStart":261},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"I believe effort is important. Didn't you hear? In 2026 we're friction-maxing. But really, encountering obstacles and overcoming them is so key to self-formation. I changed my mind while writing this essay. It's a big part of why I write essays! Not just to be someone who wrote an essay. Not even mostly that."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":344,"byteStart":332},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"And self-formation never stops. I don't think it's an accident that all the richest guys are sociopaths. Lots of people think it's because being a sociopath gives you money-accumulation superpowers. That's possible, but also, having all that money - all that delegation power - makes it so easy to lose touch with the real labor of doing things. In fact I worry that excessive delegation is, itself, a kind of spiritual rot. Making delegation power more accessible to the masses might not be empowering good makers to go change the world - it might in fact be corrupting good makers into bad bosses."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":525,"byteStart":523},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"With our current wealth and influence, workers of the world are forced to specialize, and to collaborate. This is how we deliver, how we grow, how we find our niche and thrive. Suppose they really succeed at building each of us a personal drone army to delegate to, instead. When we gain that power, what do we lose? No longer driven, by sheer physical need, to work together, how will we not become more alienated? More myopic? More competitive? More factional? More mistrusting? Not rhetorical questions - if this really is inevitable, please let's actually answer them. Jury's still out on that though."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[],"plaintext":"Don't lose sight of your values. Even if they have a sledgehammer to smash the current broken systems, ask what will be built on the rubble before taking a swing. Worse worlds are possible. But better ones are, too."}}]}]},"description":"What actually happens when everyone's a boss and nobody does the work?","publishedAt":"2026-01-19T20:27:49.534Z","theme":"$undefined","preferences":"$undefined"},"commentsCount":0,"mentionsCount":0,"recommendsCount":0,"membersOnly":false,"bylineProfiles":[{"did":"did:plc:l44jvbenqtbven32h657s5cz","handle":"gfor.rest","displayName":"🌫️ Grant Forrest"}]},{"uri":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.document/3mgx4fk4lus27","record":{"path":"/3mgx4fk4lus27","site":"at://did:plc:l44jvbenqtbven32h657s5cz/site.standard.publication/3lx3v552cw22v","tags":[],"$type":"site.standard.document","title":"The Parable of the Toolmakers","content":{"$type":"pub.leaflet.content","pages":[{"id":"019ce78d-79d8-7006-b132-0e5e80c1433d","$type":"pub.leaflet.pages.linearDocument","blocks":[{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"plaintext":"Chapter One"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"Some builders wanted to fasten two boards together. So they asked their toolmakers for a tool to help. The toolmakers crafted a screwdriver."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"The builders were puzzled. \"Can you teach us how to use this?\" So the toolmakers sent them documentation. But this did not answer their questions, so the builders gave up and began holding the long neck of the screwdriver and using the large, solid handle to pound in their nails."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"After a week of this, word finally reached the toolmakers: your screwdriver handles are too weak, they break after only a few hits! Horrified, the toolmakers added a section to their documentation: NOT TO BE USED TO POUND NAILS. It was very clear, large font, etc. They delivered the new docs. Nothing changed, of course."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"Frustrated, the toolmakers held meetings about how to improve the screwdriver and fix the problem. \"We could make a smaller handle, out of silicone,\" said one. \"We could decrease the force of impact by making the neck shorter,\" said another. These were clever ideas. They created a new version of the screwdriver. It took a long time to produce - they had never worked with silicone before."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"The builders were incensed. \"You have made the tool worse!\" They hoarded all of the old screwdrivers they could, they needed them to meet their deadlines."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"The managers of the builder team and the toolmaker team came together. \"Our team is working harder than ever!\" \"So is ours!\" \"So why have we not fastened any boards together?\" It was quite a problem. Neither one was willing to add more scope to their team’s work. The builders were twice as busy now that their new screwdrivers were half as good at pounding nails. The toolmakers were frantically iterating on the screwdriver design to make it non-poundable."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","facets":[{"index":{"byteEnd":81,"byteStart":77},"features":[{"$type":"pub.leaflet.richtext.facet#italic"}]}],"plaintext":"A distinguished builder came along and saw the builders hard at work. \"Those look like screwdrivers,\" she said (though they were very odd looking screwdrivers, by now). \"You should be using screws with those.\" She gave the builders some screws. But when they tried to use them, the silicone handles torqued and squished and barely drove the screw at all. And the short neck could not reach into tight corners. \"Screws are useless,\" said the builders. But the work was very slightly faster, and the distinguished engineer insisted on the screws. \"At least,\" she shrugged, \"we are now using screws with our screwdrivers.\" (Even if the toolmakers make terrible screwdrivers.)"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"A designer came along and saw the toolmakers hard at work. \"Your users like nails,\" they said, \"you should be making them a hammer.\" \"What’s that?\" They helped design an excellent hammer, and the toolmakers built it and gave it to the builders. \"This would have helped with nails,\" they replied, \"but we are using screws now. We’ve learned very clever techniques to get the handles to turn reliably, and we just skip tight corners. We don’t need this.\""}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"A few years passed this way, and the team celebrated the fastening of one hundred boards. It was hard work by all teams - well done! 🎉"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"plaintext":"Chapter Two"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"A new team of builders wanted to fasten two boards together. So they asked a new team of toolmakers for a tool to help. The toolmakers crafted a screwdriver."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"The builders began using the screwdriver to pound their nails into the boards. The toolmakers' designer saw this, and designed a hammer. They gave the hammer to the builders. Within a few days, the builders were using hammers for nails exclusively. Their distinguished builder taught them when to use screws instead of nails: when tensile strength is critical to the structure. Screws were more expensive, so the builders learned to select the most effective option for each join."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"Within a quarter, a hundred boards were fastened."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"plaintext":"Epilogue"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"Our original toolbuilders got hold of one of the new screwdrivers. They observed its large, solid handle, and its extended neck."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"\"Why did you make a new screwdriver?\" they asked the new toolbuilder team. \"We already have one we spent years perfecting.\""}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"\"Oh,\" said the new team, \"we didn’t recognize it.\""}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"\"Your screwdriver is not very well-designed,\" said the original toolbuilders. \"Nowhere in the documentation does it call out the most important thing - NOT TO BE USED TO POUND NAILS. And its handle is too large and hard, its neck is too long, the builders will surely pound nails with it. Our builders love pounding nails with whatever we give them.\""}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"\"Oh,\" said the new toolmakers, \"We made them a hammer for that.\""}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"\"A hammer? Hammers are a waste of time, we never saw any adoption of ours.\""}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.header","level":2,"plaintext":"Coda"}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"After years of slow and troubled deliveries, the original toolmakers devised a more powerful tool. They spent a full year working on a very fancy impact driver. They showed the CEO a demo of driving a 3-inch screw into a board in the blink of an eye. This was going to be huge – a revolution in board-fastening."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"When their builders got the impact driver, they were thrilled. They were sick of screws and these awful screwdrivers! The impact driver was big and very solid. They could pound plenty of nails with it."}},{"$type":"pub.leaflet.pages.linearDocument#block","block":{"$type":"pub.leaflet.blocks.text","plaintext":"After the launch of the impact driver, productivity metrics went up quite a bit – but not as much as expected. The impact drivers kept getting broken by all the pounding, and they were very expensive to fix. Some of the builders and toolmakers were laid off, since the work was more efficient now anyway, and the money was needed for the impact drivers."}}]}]},"publishedAt":"2026-03-13T14:21:49.093Z","theme":"$undefined","preferences":"$undefined"},"commentsCount":0,"mentionsCount":0,"recommendsCount":0,"membersOnly":false,"bylineProfiles":[{"did":"did:plc:l44jvbenqtbven32h657s5cz","handle":"gfor.rest","displayName":"🌫️ Grant Forrest"}]}],"fakePosts":"$undefined","className":"px-3 sm:px-4"}]}]]}]]}]