Guide for creating new Elements components with all required files, base classes, metadata patterns, and test boilerplate. Use this skill whenever the user wants to create, scaffold, or set up a new component from scratch, needs to understand the required 10-file structure, asks about base classes and mixins (LitElement vs ButtonFormControlMixin), define.ts vs index.ts patterns, static metadata, component registration, or sub-component parent relationships. Also trigger when the user mentions creating test boilerplate for all 5 test types.
$npx -y skills add nvidia/elements --skill component-creationInstalls into the current project.
Run `npx skills use "https://github.com/nvidia/elements" --skill "nvidia/elements/component-creation"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/nvidia/elements" that are relevant to the current task. Run `npx skills add "https://github.com/nvidia/elements"` and select the relevant skills, then follow their instructions.