dds
dds
Answer questions about the Livingston Digital Design System by reading the relevant documentation files before responding.
When to use
When a user asks for help with any DDS component, pattern, or migration — e.g. "how do I use cards?", "show me a button example", "how do I migrate the toaster?".
Instructions
-
Identify what the user is asking about (component name, pattern, or migration topic).
-
Read the most relevant file(s) from the docs folders below. Choose based on the topic:
Component examples —
./examples/alerts-examples.mdbuttons-examples.mdcards-examples.mdforms-examples.md
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.
8prep-ds-pr
Runs the full PR preparation workflow for the design system — installs the latest livingston-npm-components, comments out the optimizeDeps exclude config in vite.config.ts, runs all doc/bundle extraction scripts, then instructs the developer to run the final build. Trigger this skill whenever the user says "prep-ds-pr", "prep the PR", "prepare the design system PR", or asks to get the code ready for a pull request.
2link-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