Skills
.Work. You
Rest

create-new-component

Official

Bootstrap a new Lit component end-to-end.

Software Engineering#testing#scaffold#storybook#web components#generate#lit
AuthorIgniteUI
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Creating new Lit web components from scratch is repetitive and error-prone; this skill provides a standardized scaffold that enforces project conventions, ensuring consistent structure, exports, theming, and tests.

Core Features & Use Cases

  • End-to-end scaffolding: component class, styles, tests, Storybook story, and exports.
  • Theming and exports: includes theming integration and ready-to-export module.
  • Documentation and QA readiness: includes JSDoc, accessibility-audited tests, and Storybook story.

Quick Start

Create a new component named my-component following the conventions to generate the full scaffold.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: create-new-component
Download link: https://github.com/IgniteUI/igniteui-webcomponents/archive/main.zip#create-new-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.