Mark Cianfrani

“Doesn’t scale” is such a cop out reply. @stuffbreaker.bsky.social seriously huge props for trying to at least push this.

Building an AI Agent with Typescript The one where I build an AI agent in typescript

AI context is just a black and white mead composition book cianfrani.dev/posts/buildi...

They need to come up with the right marketing name for it.

Documenting every single permutation of every component always felt redundant. If you have an input component, you can easily guess what the textarea will look like. Future of DS/AI is patterns. No need to waste context.

Who said we shouldn’t put jokes in our code? Or was that the joke

….brb launching my new startup

Idk maybe like salesforce and GitHub scale orgs tie your performance evaluations into how much you misuse the design system so this isn’t a problem for most people

Same but my god the shit I’ve seen people (myself included) do. The _doesn’t mean shit. Emoji all the way. I don’t think people care if it’s internal if it works. People will probably stumble upon the private var via dev tools, likely frustrated already.

I’m convinced the overlap of people that use angular and people that use web components is exactly 8 people.

Idk if I were a manager id give everyone like a week to do their own project, prototype something, let em pick the tech, not have to use react, sing the songs they want want to sing and then never talk about it.

Need to make my own component library so I can name it cianfranui

The aria label is so good.

“Make it accessible”

Controlling Browsers with LLMs The one where I look at how the playwright MCP works

Current status: trying to scale Playwright with LLMs

Put this on a custom domain so I can constantly link to it. “You are not your fucking components”

Locator | Playwright Locators are the central piece of Playwright's auto-waiting and retry-ability. In a nutshell, locators represent a way to find element(s) on the page at any moment. A locator can be created with the p...

playwright.dev/docs/api/cla...

Playwright just dropped a super useful “ref” option that will add an aria-ref attr. Allows MCP to interact entirely with the aria snapshot instead of the whole DOM/images

GitHub - microsoft/playwright-mcp: Playwright MCP server Playwright MCP server. Contribute to microsoft/playwright-mcp development by creating an account on GitHub.

Take advantage of the AI hype to sell accessibility. Tools like playwright use chromes accessibility tree as a much leaner way for LLMs to “see” the page. Having 500k divs is about to get real expensive github.com/microsoft/pl...

Being able to write a tech debt ticket from within IDE/file + using Claude Desktop for larger refining/splitting stories has been insane. UI is in trouble

Don’t you dare. You don’t understand how many times I still have to tap the sign.

First-Hand:Evolution of the 2-Person Crew Jet Transport Flight Deck

> The flight engineer’s intense focus on systems problems often distracted one or both of the pilots, sometimes resulting in no one “flying the airplane.”

Planes used to have a 3rd crew member until automation made them so bored they became a liability to safety.

I ( sometimes) like CSS btw

Cascade effect - Wikipedia

People are adverse to CSS because the word “cascade” is often not a good thing en.m.wikipedia.org/wiki/Cascade... see also: disaster

Though I imagine (hope) flying a plane is a lot harder than building a CRUD app

And they literally named it Copilot.

On autopilot: the dangers of overautomation The grounding of Boeing’s popular new 737 Max 8 planes, after two recent crashes, has placed a new focus on flight automation. Here’s an excerpt from my 2014 book on automation and its …

www.roughtype.com?p=8622#:~:te....

> Ebbatson surveyed commercial pilots, asking them whether “they felt their manual flying ability had been influenced by the experience of operating a highly automated aircraft.” Fully 77 percent reported that “their skills had deteriorated”; just 7 percent felt their skills had improved

> Common examples are: my first website's animated exploding bomb cursor

An MCP server for your design system, except it intentionally gaslights the LLM to make more API requests ($$$) if it detects the user is using Tailwind

I’m right there with ya. I don’t think anybody does. Which is kinda half the fun I think

> Engineering leadership doesn’t see how the ability to design is useful for them

So true. Do yall use the engineering hiring loop or the design hiring loop for this role? That’s been the big 🐘 IMO