migrate-svelte-zukan
Installation
SKILL.md
migrate-svelte-zukan
Each story file becomes a svelte-zukan catalog file, each story a <Section>, and the docs move into the component's JSDoc and a .zukan.md file. For setting up svelte-zukan, writing catalog files and checking them, follow the svelte-zukan skill. If that skill is not installed, add svelte-zukan as a dev dependency first (with the package manager of the lockfile) and read node_modules/svelte-zukan/skills/svelte-zukan/SKILL.md, which ships in the package; https://oekazuma.github.io/svelte-zukan/llms-full.txt has the full docs.
1. Take stock
Before writing anything, list:
- Storybook:
.storybook/main.*(itsstoriesglobs),.storybook/preview.*(global CSS imports, decorators, parameters), every*.stories.svelteand*.stories.{js,ts}, every*.mdx, and thestorybook/build-storybookscripts - Histoire:
histoire.config.*(setupFile,theme.title), the setup file, every*.story.svelte, the<Name>.story.mdnext to it, standalone*.story.mdpages, and thestory:*scripts - For each story file, the component it shows and the name of every story in it:
<Story name>, a CSF export (or itsname),<Hst.Variant title>. The catalog has to match this list at the end
2. Set up svelte-zukan
Follow the svelte-zukan skill's setup, carrying over what the old tool had: