docs: Updated skills for Ignite UI for Web Components

- Added prefix "igniteui-wc-" to skill directories and files to better reflect the content and improve organization.
- Updated README.md to reflect the changes in skill directories and files.

Author: rkaraivanov

skills/README.md

@@ -10,10 +10,10 @@ Skills are structured instructions that help AI agents understand and execute co
 
 | Skill                                                       | Description                                                                        | Use When                              |
 | ----------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------- |
-| [choose-components](./choose-components/)                   | Identify the right components for a UI pattern and navigate to official docs/demos | Deciding which components to use      |
-| [integrate-with-framework](./integrate-with-framework/)     | Integrate components into React, Angular, Vue, or vanilla JS applications          | Setting up components in your project |
-| [customize-component-theme](./customize-component-theme/)   | Customize styling using CSS custom properties, parts, and theming system           | Applying custom brand colors/styles   |
-| [optimize-bundle-size](./optimize-bundle-size/)             | Reduce bundle size by importing only needed components and lazy loading            | Optimizing production performance     |
+| [igniteui-wc-choose-components](./igniteui-wc-choose-components/SKILL.md)                   | Identify the right components for a UI pattern and navigate to official docs/demos | Deciding which components to use      |
+| [igniteui-wc-integrate-with-framework](./igniteui-wc-integrate-with-framework/SKILL.md)     | Integrate components into React, Angular, Vue, or vanilla JS applications          | Setting up components in your project |
+| [igniteui-wc-customize-component-theme](./igniteui-wc-customize-component-theme/SKILL.md)   | Customize styling using CSS custom properties, parts, and theming system           | Applying custom brand colors/styles   |
+| [igniteui-wc-optimize-bundle-size](./igniteui-wc-optimize-bundle-size/SKILL.md)             | Reduce bundle size by importing only needed components and lazy loading            | Optimizing production performance     |
 
 ## How to Use
 

skills/choose-components/SKILL.md …s/igniteui-wc-choose-components/SKILL.mdskills/choose-components/SKILL.md renamed to skills/igniteui-wc-choose-components/SKILL.md skills/choose-components/SKILL.md renamed to skills/igniteui-wc-choose-components/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: choose-components
+name: igniteui-wc-choose-components
 description: Identify and select the right Ignite UI Web Components for your app UI, then navigate to official docs, usage examples, and API references
 user-invokable: true
 ---
@@ -21,9 +21,9 @@ This skill helps AI agents and developers identify the best Ignite UI components
 
 ## Related Skills
 
-- [integrate-with-framework](../integrate-with-framework/SKILL.md) — Set up chosen components in React, Angular, Vue, or vanilla JS
-- [customize-component-theme](../customize-component-theme/SKILL.md) — Style and theme the components you select
-- [optimize-bundle-size](../optimize-bundle-size/SKILL.md) — Import only the components you actually use
+- [igniteui-wc-integrate-with-framework](../igniteui-wc-integrate-with-framework/SKILL.md) — Set up chosen components in React, Angular, Vue, or vanilla JS
+- [igniteui-wc-customize-component-theme](../igniteui-wc-customize-component-theme/SKILL.md) — Style and theme the components you select
+- [igniteui-wc-optimize-bundle-size](../igniteui-wc-optimize-bundle-size/SKILL.md) — Import only the components you actually use
 
 ## When to Use
 
@@ -334,7 +334,7 @@ defineComponents(
 
 ### "I need React support"
 
-Use the [`igniteui-react`](https://www.npmjs.com/package/igniteui-react) package. Components are wrapped with React-friendly event bindings and props. See the [integrate-with-framework](../integrate-with-framework/) skill for setup.
+Use the [`igniteui-react`](https://www.npmjs.com/package/igniteui-react) package. Components are wrapped with React-friendly event bindings and props. See the [igniteui-wc-integrate-with-framework](../igniteui-wc-integrate-with-framework/SKILL.md) skill for setup.
 
 ### "How do I get commercial components?"
 

skills/customize-component-theme/SKILL.md …ui-wc-customize-component-theme/SKILL.mdskills/customize-component-theme/SKILL.md renamed to skills/igniteui-wc-customize-component-theme/SKILL.md skills/customize-component-theme/SKILL.md renamed to skills/igniteui-wc-customize-component-theme/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: customize-component-theme
+name: igniteui-wc-customize-component-theme
 description: Customize Ignite UI Web Components styling using CSS custom properties, optional Sass, and the igniteui-theming MCP server for AI-assisted theming
 user-invokable: true
 ---

skills/integrate-with-framework/SKILL.md …eui-wc-integrate-with-framework/SKILL.mdskills/integrate-with-framework/SKILL.md renamed to skills/igniteui-wc-integrate-with-framework/SKILL.md skills/integrate-with-framework/SKILL.md renamed to skills/igniteui-wc-integrate-with-framework/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: integrate-with-framework
+name: igniteui-wc-integrate-with-framework
 description: Integrate igniteui-webcomponents into React, Angular, Vue, or vanilla JS applications with framework-specific configurations
 user-invokable: true
 ---
@@ -17,8 +17,8 @@ This skill helps users integrate Ignite UI Web Components into their application
 
 ## Related Skills
 
-- [optimize-bundle-size](../optimize-bundle-size/SKILL.md) - Reduce bundle size after integration
-- [customize-component-theme](../customize-component-theme/SKILL.md) - Style components after setup
+- [igniteui-wc-optimize-bundle-size](../igniteui-wc-optimize-bundle-size/SKILL.md) - Reduce bundle size after integration
+- [igniteui-wc-customize-component-theme](../igniteui-wc-customize-component-theme/SKILL.md) - Style components after setup
 
 ## When to Use
 

…ate-with-framework/references/angular.md …ate-with-framework/references/angular.mdskills/integrate-with-framework/references/angular.md renamed to skills/igniteui-wc-integrate-with-framework/references/angular.md skills/integrate-with-framework/references/angular.md renamed to skills/igniteui-wc-integrate-with-framework/references/angular.md

@@ -1,5 +1,5 @@
 ---
-name: optimize-bundle-size
+name: igniteui-wc-optimize-bundle-size
 description: Optimize application bundle size by importing only necessary components and using tree-shaking effectively
 user-invokable: true
 ---
@@ -18,8 +18,8 @@ This skill helps users minimize their application's bundle size when using Ignit
 
 ## Related Skills
 
-- [integrate-with-framework](../integrate-with-framework/SKILL.md) - Proper integration setup
-- [customize-component-theme](../customize-component-theme/SKILL.md) - Theming after optimization
+- [igniteui-wc-integrate-with-framework](../igniteui-wc-integrate-with-framework/SKILL.md) - Proper integration setup
+- [igniteui-wc-customize-component-theme](../igniteui-wc-customize-component-theme/SKILL.md) - Theming after optimization
 
 ## When to Use
 
@@ -93,7 +93,7 @@ function MyComponent() {
 - No need for component registration overhead
 - Better integration with React build tools
 
-For more details, see the [integrate-with-framework](../integrate-with-framework/) skill.
+For more details, see the [igniteui-wc-integrate-with-framework](../igniteui-wc-integrate-with-framework/SKILL.md) skill.
 
 ## Analyzing Your Bundle
 
@@ -699,7 +699,7 @@ After optimization, you should see:
 - Implement lazy loading for heavy components
 - Consider using CDN for static assets
 - Enable HTTP/2 for better resource loading
-- Check [integrate-with-framework](../integrate-with-framework/) for proper setup
+- Check [igniteui-wc-integrate-with-framework](../igniteui-wc-integrate-with-framework/SKILL.md) for proper setup
 
 ## Additional Resources