skills.rest
NVIDIA
NVIDIAOFFICIAL
Explore all skills by this author →
WebsiteGitHub

component-creation

Generate file structures, base class instances, and automated tests for Elements UI components.

33|9|Updated Mar 2, 2026
Search Tags:#automation#scaffolding#developer tool#ui components#Elements
One-click install
npx skills add https://github.com/NVIDIA/elements --skill component-creation-nvidia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: component-creation
Source: https://github.com/NVIDIA/elements/tree/main/.agents/skills/component-creation
Command: npx skills add https://github.com/NVIDIA/elements --skill component-creation-nvidia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps users automate the process of creating new Elements components, ensuring that all necessary files, structure, and configurations are in place.

Core Features & Use Cases

  • Automated Scaffold Creation: Generates a standardized file structure for new components.
  • Base Class & Mixin Guidance: Provides information on base classes and mixins suitable for components.
  • Test Boilerplate Generation: Offers setup for unit, accessibility, visual, SSR, and Lighthouse tests.
  • Use Case: A developer can quickly generate the required files for a new component with just a few steps.

Quick Start

Start creating a new Elements component by using the 'component-creation' skill and specifying the component name, for example, 'my-new-component'.

Frequently Asked Questions about component-creation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate scaffolding for new UI components?▼

Automate scaffolding for new UI components by using this skill to generate a standardized file structure, base class instances, and automated tests for the Elements framework.

What is the process for creating new Elements components?▼

Creating new Elements components involves generating a standardized file structure, configuring base classes and mixins, and setting up boilerplates for unit, accessibility, visual, SSR, and Lighthouse tests.

How do I set up automated tests for functional and static components?▼

Set up automated tests for functional and static components by using this skill to generate test boilerplates that cover unit, accessibility, visual, SSR, and Lighthouse testing scenarios.

Do I need to manually configure base classes and mixins when generating a file structure?▼

You do not need to manually configure base classes and mixins, because the skill provides automated guidance and generates base class instances alongside the standardized file structure.

Can I quickly generate required files for a new component in just a few steps?▼

You can quickly generate required files for a new component in a few steps by invoking the skill and specifying the component name, which automates the entire setup process.

What's the best way to ensure all necessary configurations are in place for Elements framework components?▼

The best way to ensure all necessary configurations are in place is to automate the setup process, which generates the required files, structure, and test boilerplates for Elements framework components.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
ImaginerLabsImaginerLabs

bmad-qa-generate-e2e-tests

Generate end-to-end and API tests aligned to detected project test frameworks.

Official
Advanced
hzm0321hzm0321
1.6k

shadcn

Manage shadcn/ui components and projects with CLI integration.

Community
Advanced
Ditto190Ditto190

component-gen

Generate React component scaffolds with props, tests, and docs from templates.

Community
Basic