ds-lint-component

To lint design system components for style guide compliance, this Skill automates the checking of Helvetia components using TypeScript AST parsing to identify formatting issues, missing documentation, and style guide violations.

Automatically fixing missing documentation in component development requires analyzing JSDoc tags. This Skill evaluates JSDoc analysis during component linting and automatically corrects common formatting and documentation issues found in Helvetia Design System components.

Yes, you can check a single component like a button by running the /ds-lint-component command with the component name. It performs targeted linting and fixing to ensure that specific component meets design system standards.

Design system component linting requires TypeScript AST parsing to accurately evaluate code structure and JSDoc. This Skill uses AST parsing to deeply analyze Helvetia components for style guide compliance and missing documentation during code reviews.

You need to run design system component linting during code reviews before releasing a project. This ensures all Helvetia Design System components meet defined style guide standards, saving developers time and reducing formatting or documentation errors.