diff --git a/packages/ecc-utils-design/src/components/badge/badge.ts b/packages/ecc-utils-design/src/components/badge/badge.ts
index 02de6793..24db8a77 100644
--- a/packages/ecc-utils-design/src/components/badge/badge.ts
+++ b/packages/ecc-utils-design/src/components/badge/badge.ts
@@ -34,6 +34,8 @@ const sizeStyles: Record<"sm" | "md" | "lg", string> = {
 
 /**
  * EccUtilsDesignBadge - Badge component
+ *
+ * @element ecc-utils-design-badge
  */
 export class EccUtilsDesignBadge extends LitElement {
   static styles = [
diff --git a/packages/ecc-utils-design/src/components/code/code.ts b/packages/ecc-utils-design/src/components/code/code.ts
index 7b550673..863073e6 100644
--- a/packages/ecc-utils-design/src/components/code/code.ts
+++ b/packages/ecc-utils-design/src/components/code/code.ts
@@ -601,6 +601,8 @@ function cn(...classes: (string | undefined | false)[]) {
 
 /**
  * Code editor component with syntax highlighting
+ *
+ * @element ecc-utils-design-code
  */
 export class EccUtilsDesignCode extends LitElement {
   static styles = [
diff --git a/packages/ecc-utils-design/src/components/collapsible/collapsible.ts b/packages/ecc-utils-design/src/components/collapsible/collapsible.ts
index a94013f4..552cce1c 100644
--- a/packages/ecc-utils-design/src/components/collapsible/collapsible.ts
+++ b/packages/ecc-utils-design/src/components/collapsible/collapsible.ts
@@ -13,6 +13,8 @@ const collapsibleState = new Map<
 
 /**
  * EccUtilsDesignCollapsible - Root collapsible component
+ *
+ * @element ecc-utils-design-collapsible
  */
 export class EccUtilsDesignCollapsible extends LitElement {
   static styles = [
@@ -90,6 +92,8 @@ export class EccUtilsDesignCollapsible extends LitElement {
 
 /**
  * EccUtilsDesignCollapsibleTrigger - Trigger component
+ *
+ * @element ecc-utils-design-collapsible-trigger
  */
 export class EccUtilsDesignCollapsibleTrigger extends LitElement {
   static styles = [
@@ -145,6 +149,8 @@ export class EccUtilsDesignCollapsibleTrigger extends LitElement {
 
 /**
  * EccUtilsDesignCollapsibleContent - Content component
+ *
+ * @element ecc-utils-design-collapsible-content
  */
 export class EccUtilsDesignCollapsibleContent extends LitElement {
   static styles = [
diff --git a/packages/ecc-utils-design/src/components/input/input.ts b/packages/ecc-utils-design/src/components/input/input.ts
index 0d282ca1..e834c024 100644
--- a/packages/ecc-utils-design/src/components/input/input.ts
+++ b/packages/ecc-utils-design/src/components/input/input.ts
@@ -24,6 +24,11 @@ function cn(...classes: (string | undefined | false)[]) {
   return classes.filter(Boolean).join(" ");
 }
 
+/**
+ * EccUtilsDesignInput - Input component
+ *
+ * @element ecc-utils-design-input
+ */
 export class EccUtilsDesignInput extends LitElement {
   static styles = [
     css`
diff --git a/packages/ecc-utils-design/src/components/label/label.ts b/packages/ecc-utils-design/src/components/label/label.ts
index 7112a77b..792a2d81 100644
--- a/packages/ecc-utils-design/src/components/label/label.ts
+++ b/packages/ecc-utils-design/src/components/label/label.ts
@@ -9,6 +9,8 @@ function cn(...classes: (string | undefined | false)[]) {
 
 /**
  * EccUtilsDesignLabel - Label component
+ *
+ * @element ecc-utils-design-label
  */
 export class EccUtilsDesignLabel extends LitElement {
   static styles = [
diff --git a/packages/ecc-utils-design/src/components/multi-select/multi-select.ts b/packages/ecc-utils-design/src/components/multi-select/multi-select.ts
index 2f8b228d..5311135d 100644
--- a/packages/ecc-utils-design/src/components/multi-select/multi-select.ts
+++ b/packages/ecc-utils-design/src/components/multi-select/multi-select.ts
@@ -20,6 +20,8 @@ const multiSelectState = new Map<
 
 /**
  * EccUtilsDesignMultiSelect - Root multi-select component
+ *
+ * @element ecc-utils-design-multi-select
  */
 export class EccUtilsDesignMultiSelect extends LitElement {
   static styles = [
@@ -140,6 +142,8 @@ export class EccUtilsDesignMultiSelect extends LitElement {
 
 /**
  * EccUtilsDesignMultiSelectTrigger - Trigger component for the multi-select
+ *
+ * @element ecc-utils-design-multi-select-trigger
  */
 export class EccUtilsDesignMultiSelectTrigger extends LitElement {
   static styles = [
@@ -351,6 +355,8 @@ export class EccUtilsDesignMultiSelectTrigger extends LitElement {
 
 /**
  * EccUtilsDesignMultiSelectContent - Content component for the multi-select
+ *
+ * @element ecc-utils-design-multi-select-content
  */
 export class EccUtilsDesignMultiSelectContent extends LitElement {
   static styles = [
@@ -429,6 +435,8 @@ export class EccUtilsDesignMultiSelectContent extends LitElement {
 
 /**
  * EccUtilsDesignMultiSelectItem - Item component for the multi-select
+ *
+ * @element ecc-utils-design-multi-select-item
  */
 export class EccUtilsDesignMultiSelectItem extends LitElement {
   static styles = [
diff --git a/packages/ecc-utils-design/src/components/pagination/pagination.ts b/packages/ecc-utils-design/src/components/pagination/pagination.ts
index 8b509fd7..a24cfe61 100644
--- a/packages/ecc-utils-design/src/components/pagination/pagination.ts
+++ b/packages/ecc-utils-design/src/components/pagination/pagination.ts
@@ -10,6 +10,8 @@ function cn(...classes: (string | undefined | false)[]) {
 
 /**
  * EccUtilsDesignPagination - Root pagination component
+ *
+ * @element ecc-utils-design-pagination
  */
 export class EccUtilsDesignPagination extends LitElement {
   static styles = [
@@ -39,6 +41,8 @@ export class EccUtilsDesignPagination extends LitElement {
 
 /**
  * EccUtilsDesignPaginationContent - Content component
+ *
+ * @element ecc-utils-design-pagination-content
  */
 export class EccUtilsDesignPaginationContent extends LitElement {
   static styles = [
@@ -63,6 +67,8 @@ export class EccUtilsDesignPaginationContent extends LitElement {
 
 /**
  * EccUtilsDesignPaginationItem - Item component
+ *
+ * @element ecc-utils-design-pagination-item
  */
 export class EccUtilsDesignPaginationItem extends LitElement {
   static styles = [
@@ -85,6 +91,8 @@ export class EccUtilsDesignPaginationItem extends LitElement {
 
 /**
  * EccUtilsDesignPaginationLink - Link component
+ *
+ * @element ecc-utils-design-pagination-link
  */
 export class EccUtilsDesignPaginationLink extends LitElement {
   static styles = [
@@ -135,6 +143,8 @@ export class EccUtilsDesignPaginationLink extends LitElement {
 
 /**
  * EccUtilsDesignPaginationPrevious - Previous button component
+ *
+ * @element ecc-utils-design-pagination-previous
  */
 export class EccUtilsDesignPaginationPrevious extends LitElement {
   static styles = [
@@ -196,6 +206,8 @@ export class EccUtilsDesignPaginationPrevious extends LitElement {
 
 /**
  * EccUtilsDesignPaginationNext - Next button component
+ *
+ * @element ecc-utils-design-pagination-next
  */
 export class EccUtilsDesignPaginationNext extends LitElement {
   static styles = [
@@ -257,6 +269,8 @@ export class EccUtilsDesignPaginationNext extends LitElement {
 
 /**
  * EccUtilsDesignPaginationEllipsis - Ellipsis component
+ *
+ * @element ecc-utils-design-pagination-ellipsis
  */
 export class EccUtilsDesignPaginationEllipsis extends LitElement {
   static styles = [
diff --git a/packages/ecc-utils-design/src/components/select/select.ts b/packages/ecc-utils-design/src/components/select/select.ts
index e716770a..a01d2894 100644
--- a/packages/ecc-utils-design/src/components/select/select.ts
+++ b/packages/ecc-utils-design/src/components/select/select.ts
@@ -19,6 +19,8 @@ const selectState = new Map<
 
 /**
  * EccUtilsDesignSelect - Root select component
+ *
+ * @element ecc-utils-design-select
  */
 export class EccUtilsDesignSelect extends LitElement {
   static styles = [
@@ -120,6 +122,8 @@ export class EccUtilsDesignSelect extends LitElement {
 
 /**
  * EccUtilsDesignSelectTrigger - Trigger component for the select
+ *
+ * @element ecc-utils-design-select-trigger
  */
 export class EccUtilsDesignSelectTrigger extends LitElement {
   static styles = [
@@ -183,6 +187,8 @@ export class EccUtilsDesignSelectTrigger extends LitElement {
 
 /**
  * EccUtilsDesignSelectContent - Content component for the select
+ *
+ * @element ecc-utils-design-select-content
  */
 export class EccUtilsDesignSelectContent extends LitElement {
   static styles = [
@@ -254,6 +260,8 @@ export class EccUtilsDesignSelectContent extends LitElement {
 
 /**
  * EccUtilsDesignSelectItem - Item component for the select
+ *
+ * @element ecc-utils-design-select-item
  */
 export class EccUtilsDesignSelectItem extends LitElement {
   static styles = [
@@ -371,6 +379,8 @@ export class EccUtilsDesignSelectItem extends LitElement {
 
 /**
  * EccUtilsDesignSelectGroup - Group component
+ *
+ * @element ecc-utils-design-select-group
  */
 export class EccUtilsDesignSelectGroup extends LitElement {
   static styles = [
@@ -393,6 +403,8 @@ export class EccUtilsDesignSelectGroup extends LitElement {
 
 /**
  * EccUtilsDesignSelectLabel - Label component
+ *
+ * @element ecc-utils-design-select-label
  */
 export class EccUtilsDesignSelectLabel extends LitElement {
   static styles = [
@@ -412,6 +424,8 @@ export class EccUtilsDesignSelectLabel extends LitElement {
 
 /**
  * EccUtilsDesignSelectSeparator - Separator component
+ *
+ * @element ecc-utils-design-select-separator
  */
 export class EccUtilsDesignSelectSeparator extends LitElement {
   static styles = [
@@ -431,6 +445,8 @@ export class EccUtilsDesignSelectSeparator extends LitElement {
 
 /**
  * EccUtilsDesignSelectValue - Value component for the select
+ *
+ * @element ecc-utils-design-select-value
  */
 export class EccUtilsDesignSelectValue extends LitElement {
   static styles = [
diff --git a/packages/ecc-utils-design/src/components/separator/separator.ts b/packages/ecc-utils-design/src/components/separator/separator.ts
index 8c41d157..9ad388ff 100644
--- a/packages/ecc-utils-design/src/components/separator/separator.ts
+++ b/packages/ecc-utils-design/src/components/separator/separator.ts
@@ -13,6 +13,8 @@ function cn(...classes: (string | undefined | false)[]) {
  * @summary A separator component that visually or semantically separates content
  * @since 1.0.0
  *
+ * @element ecc-utils-design-separator
+ *
  * @csspart base - The component's base wrapper
  *
  * @slot - Default slot
diff --git a/packages/ecc-utils-design/src/components/skeleton/skeleton.ts b/packages/ecc-utils-design/src/components/skeleton/skeleton.ts
index 651673f8..b63d4035 100644
--- a/packages/ecc-utils-design/src/components/skeleton/skeleton.ts
+++ b/packages/ecc-utils-design/src/components/skeleton/skeleton.ts
@@ -15,12 +15,12 @@ function cn(...classes: (string | undefined | false)[]) {
  *
  * @element ecc-utils-design-skeleton
  *
- * @prop {string} class - Additional CSS classes to apply to the skeleton
+ * @attr {string} class - Additional CSS classes to apply to the skeleton
  *
  * @example
  * ```html
  * <!-- Basic usage -->
- * <ecc-utils-design-skeleton class="h-4 w-40"></ecc-utils-design-skeleton>
+ * <ecc-utils-design-skeleton class="w-[100px] h-[20px] rounded-full"></ecc-utils-design-skeleton>
  *
  * <!-- Card skeleton -->
  * <div class="card">