nds-doc

Generate documentation pages by locating source files across components, ui-shell, layout, and utilities directories to aggregate component docs, code samples, and usage guidelines into a production-ready page. This process ensures documentation accurately mirrors the underlying SCSS and JS definitions.

Keep design system documentation aligned by updating demo cards, code tabs, and built-in feature sections to reflect the latest SCSS and JS definitions. Refining existing docs ensures content stays synchronized with live component behavior and accessibility notes.

Structure front matter and code samples by applying design-system documentation patterns that organize section structures and built-in features. This approach ensures consistent formatting across component pages, UI shell layouts, and utility documentation.

Yes, you can document both new and existing UI components by creating pages from source files or refining existing documentation. The process works across components, ui-shell, layout, and utilities to maintain consistency throughout the design system.

The documentation process targets source files specifically within components, ui-shell, layout, and utilities directories. Organizing your codebase with these directories allows the system to locate relevant files and accurately drive page generation for the design system.