Синхронизация React-компонентов без Storybook

★ 7.5 · design

non-storybook is a Claude Code skill that synchronizes React component libraries with Claude Design projects when no Storybook is present, deriving the component list from the package's built `dist/` output and `.d.ts` exports tree. It reads `package.json` entry points (`module`/`main`/`exports`), runs the appropriate build command — `turbo`, `pnpm`, `tsup`, `rollup`, or a user-confirmed custom script — and produces TypeScript contracts, `.prompt.md` documentation, and preview cards for every exported component. Each component receives a functional floor card automatically; richer authored previews are created from the repo's own usage examples and graded on an absolute rubric. Incremental re-syncs compare against a stored `_ds_sync.json` anchor and upload only changed files, with config persisted in `.design-sync/config.json` for reproducibility. It suits teams maintaining a UI kit without Storybook who need their design system reliably reflected in Claude Design.