design-sync-package-source-shape
CommunitySync React design systems from packages without Storybook, with automated previews.
Authormkusaka
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the challenge of syncing a React design system from a built package without Storybook, providing automated previews for components.
Core Features & Use Cases
- Automated Syncing: Syncs a React design system from a built package without the need for Storybook.
- Component Previewing: Generates floor cards for unauthored components and allows for the authoring of rich previews.
- Configurable Build Commands: Allows users to specify the build command required to build the design system package.
- Documentation: Provides detailed instructions and configuration options for the design system sync process.
Quick Start
Run the 'design-sync-package-source-shape' skill to automatically sync your React design system package and generate previews.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-sync-package-source-shape Download link: https://github.com/mkusaka/ccskills/archive/main.zip#design-sync-package-source-shape Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.