prep-ds-pr
prep-ds-pr
Runs all pre-PR checks and doc generation steps to get the design system ready for a pull request. Follow each step in order.
Step 1: Install latest package
npm install livingston-npm-components@latest
Step 2: Update vite.config.ts
Navigate to vite.config.ts in the project root and comment out the optimizeDeps block:
// optimizeDeps: {
// exclude: ['livingston-npm-components']
// }
Handle these cases:
- Present and uncommented: comment it out.
- Already commented out: leave it as-is.
- Missing entirely: leave it as-is, nothing to comment out.
Step 3: Run extraction and generation scripts sequentially
Run each command one at a time, waiting for the previous to complete before starting the next:
npm run extractBundles
npm run extractProps
npm run extractNpmJsxDocs
npm run extractNpmReleaseNotes
npm run extractSources
npm run generateAIContext
Step 4: Instruct the developer
Do NOT run npm run build yourself. Instead, tell the user:
✅ PR prep complete. Now run this in your zsh terminal to do a final build check:
npm run build
The skill is complete once you've delivered this message.
More from ahmed-aux/dds-skills
dds-docs
Help users with the Livingston Digital Design System (DDS) by looking up component docs, examples, and migration guides.
8dds
Help users with the Livingston Digital Design System (DDS) by looking up component docs, examples, and migration guides.
1link-ds
Runs the full link-ds workflow — switches to Node 22.11.0, clears Vite cache, reinstalls dependencies, links livingston-npm-components, ensures the optimizeDeps exclude config is active in vite.config.ts, then starts the dev server. Trigger this skill whenever the user says "link-ds", "run link-ds", "link the design system", or asks to set up or relink the livingston-npm-components package. Always use this skill for that workflow rather than running the steps ad hoc.
1