Mark Anthony Cianfrani

Here's a wild idea--ship your design tokens, not your components.

There's this idea that's rapidly gaining popularity as AI continues to evolve that all SaaS products are dead--that if someone wants a ToDo app then they can just vibe code their own app in minutes.

Some of the best designers I've ever worked with all had one thing in common--the ability to communicate their design decisions into words.

Sometimes you want to take some UI from the browser, whether it’s a full page feature or a single component, and copy it into Figma so that you can iterate over it.

Our environment is full of signs.

import PromptBox from "../..

import CitationBox from "../..

import PromptBox from "../..

## A Problem What are some ways I can implement source citations in my RAG chatbot?

**TLDR:** Use hooks for typechecking and filter the output to minmax the context.

import AgentWorkflow from "../..

When playwright announced their [official MCP server](https://github.com/microsoft/playwright-mcp), the first thing I tried was setting it loose on one of the applications I'm developing.

Developing an MCP server is a very weird experience--on one hand you're writing code, implementing interfaces, adhering to a spec, on the other, you're just prompt-engineering.

I start this adventure with a question and a seed of doubt: "Why are read-only radio controls so uncommon in design systems?"

Preface everything here with "I think" or "In my experience,". ## The Prime Directive The design system sweats the details so you don't have to.

**TLDR:** If your typography styles don't include letter-spacing, you can make use of the CSS [font](https://developer.mozilla.org/en-US/docs/Web/CSS/font#constituent_properties) property and have a single (composite) design token.

> 'We’re going to build a component library — which are like a bunch of LEGOs — so designers/developers can just pick a prefabricated component off the shelf and build with consistency and coherence.' > > It’s a nice thought, if you don’t think about it t…

And that is okay.

The following is a result of my three years as lead developer on the Astro UX Design System.

!

> Full disclosure: This article mentions a plugin that I wrote myself.

Everybody’s talking about design tokens—how to name them, how to organize them, how to use them, but design tokens aren’t just something that you can easily retrofit into your existing wardrobe.

Writing Web Components is hard.