design-sync-package-source-shape

Syncing a React design system from a built package without Storybook is achieved by running this Skill, which automates the process and generates floor cards for unauthored components. It requires configuring build commands to generate automated component previews.

Generating automated previews for unauthored React components is handled by this Skill through the creation of floor cards. These floor cards act as placeholders, allowing developers to author rich previews and document the design system sync process.

Configuring build commands to sync a React design system package involves specifying the required build command within the Skill's configuration. This ensures the built package is correctly processed before generating automated previews and floor cards.

You do not need Storybook to preview React design system components. This Skill provides a mechanism to sync from built packages directly and generates floor cards for components, enabling rich preview authoring without Storybook dependencies.

Floor cards in React design system syncing are automatically generated placeholders for unauthored components. They provide a baseline structure that allows developers to subsequently author rich previews for the synced package.