News from Fragments, practical guides, and ideas for building and reviewing your React app.
14 posts
Coding agents write UI fast, and drift from your design system just as fast. Six checks for React teams: tokens, agent instructions, lint rules, a baseline, strictness by area, and a look at the page.
· 6 min read
4 min read
See your React app’s pages together, point at what needs changing, and direct Claude Code or Codex. Review the result before and after, with Undo.
Announcement
9 min read
A practical guide to design system governance: what it is, who owns it, which workflows matter, which metrics to track, and how UI governance changes in the age of AI-generated UI.
Guide
2 min read
Fragments is the desktop app for directing frontend work in your running React app. The @usefragments packages provide reusable components and developer tools.
Guide
1 min read
How Fragments builds on Base UI components and adds accessible styling, design tokens, and metadata for larger-scale design system workflows.
Engineering
1 min read
A practical AI-native design system architecture for React teams: component docs, design tokens, metadata compilation, and MCP integration.
Engineering
1 min read
How to structure design system CLI workflows for component libraries so metadata builds, docs, AI tools, and CI checks stay in sync.
Tutorial
1 min read
A practical architecture for combining a React component library with design tokens, component docs, and AI-ready metadata using Fragments.
Engineering
1 min read
How to evaluate an accessible React component library and how Fragments combines accessibility guidance, component docs, and AI-ready metadata.
Guide
2 min read
Configure the standalone @usefragments/cli local MCP integration for Claude Code, then verify component and token context before checking saved UI changes.
Tutorial
2 min read
Configure the standalone @usefragments/cli local MCP integration for Cursor, then verify component and token context before checking saved UI changes.
Tutorial
7 min read
Why AI hallucinates component APIs, why examples beat parameter lists, and what six research papers tell us about building design systems that AI can actually use.
Engineering
1 min read
A local package workflow for finding approved components and tokens, checking saved UI files, and reviewing the result with your coding agent.
Tutorial
1 min read
Use the standalone @usefragments/cli local MCP tools to inspect a contract, find components and tokens, and check saved files.
Tutorial