nitayneeman/sync-design-system-with-claude-design-example

TypeScript

2 commits

updated Sep 28, 2026

See what people are saying

Newest first

Most points

Source	Message	Score	Date
	How to Sync a Design System with Claude Design (r/javascript) The article walks through syncing a React design system into Claude Design but most of what breaks is plain packaging: * The sync bundles a single entry file (React included) so the components can run on their own. Anything not re-exported from `src/index.ts` silently doesn't exist. * It discovers…	0	Sep 28, 2026
	Syncing a React component library into Claude Design: entry files, type definitions and verifying against Storybook (r/reactjs) Short version of what's in it: * The sync bundles one entry file and finds components through their \`.d.ts\` files, so a component missing from either never arrives, with no warning. * Storybook stories become the reference: each preview is screenshotted and compared to its story. That only means…	2	Sep 28, 2026

README

my-design-system

A minimal design system for syncing into Claude Design: three shadcn components (Button, Card and Input), Tailwind v4 and Storybook.

Usage

npm install
npm run storybook

To compile the stylesheet:

npx @tailwindcss/cli -i ./src/index.css -o ./ds.css

Similar repos

plugin87/ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 50 components, WCAG 2.2 AA-AAA, 138 design…

1,479

navikt/nav-frontend-moduler

Navs designsystem og Aksel-portalen

186

facebook/astryx

An open source design system that's fully customizable and agent ready

13,458

amruthpillai/ui

Beautifully designed components built with Radix UI and Tailwind CSS.

badlogic/mini-lit

100

daangn/seed-design

SEED Design System

1,155

saadeghi/daisyui

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

42,498

uxKero/anydesign

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md…

201

Languages

TypeScript

65.3%

CSS

34.7%

nitayneeman/sync-design-system-with-claude-design-example

TypeScript

2 commits

updated Sep 28, 2026

See the code

See what people are saying

Newest first

Most points

Source	Message	Score	Date
	How to Sync a Design System with Claude Design (r/javascript) The article walks through syncing a React design system into Claude Design but most of what breaks is plain packaging: * The sync bundles a single entry file (React included) so the components can run on their own. Anything not re-exported from `src/index.ts` silently doesn't exist. * It discovers…	0	Sep 28, 2026
	Syncing a React component library into Claude Design: entry files, type definitions and verifying against Storybook (r/reactjs) Short version of what's in it: * The sync bundles one entry file and finds components through their \`.d.ts\` files, so a component missing from either never arrives, with no warning. * Storybook stories become the reference: each preview is screenshotted and compared to its story. That only means…	2	Sep 28, 2026

README

my-design-system

A minimal design system for syncing into Claude Design: three shadcn components (Button, Card and Input), Tailwind v4 and Storybook.

Usage

npm install
npm run storybook

To compile the stylesheet:

npx @tailwindcss/cli -i ./src/index.css -o ./ds.css

Similar repos

plugin87/ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 50 components, WCAG 2.2 AA-AAA, 138 design…

1,479

navikt/nav-frontend-moduler

Navs designsystem og Aksel-portalen

186

facebook/astryx

An open source design system that's fully customizable and agent ready

13,458

amruthpillai/ui

Beautifully designed components built with Radix UI and Tailwind CSS.

badlogic/mini-lit

100

daangn/seed-design

SEED Design System

1,155

saadeghi/daisyui

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

42,498

uxKero/anydesign

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md…

201

Languages

TypeScript

65.3%

CSS

34.7%