feat: Add end-user skills routines#2106
Conversation
…and bundle optimization
- Make sure to include a default prebuilt CSS theme with the components
|
Shouldn't the added |
The one in the |
- Changed incorrect event binding for code snippet
- Split framework references into separate files for better organization
- 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.
c4eead0 to
733c5f4
Compare
There was a problem hiding this comment.
Pull request overview
This PR adds comprehensive end-user skills documentation for GitHub Copilot and other LLM agents to help developers effectively use Ignite UI Web Components in their applications. The PR introduces four major skill guides covering framework integration, component selection, theming, and bundle optimization, along with framework-specific reference documentation for React, Angular, Vue, and vanilla JavaScript.
Changes:
- Added four comprehensive skill guides with step-by-step instructions, code examples, and best practices
- Created framework-specific integration references for React, Angular, Vue, and vanilla JavaScript
- Updated build script to include skills directory in distribution
- Fixed incorrect documentation links in README (Form component and Grid Lite package name)
Reviewed changes
Copilot reviewed 11 out of 11 changed files in this pull request and generated 11 comments.
Show a summary per file
| File | Description |
|---|---|
| skills/README.md | Overview and navigation for end-user skills documentation |
| skills/igniteui-wc-choose-components/SKILL.md | Component selection guide with catalog and usage patterns |
| skills/igniteui-wc-integrate-with-framework/SKILL.md | Main framework integration skill with detection logic |
| skills/igniteui-wc-integrate-with-framework/references/react.md | React-specific integration guide using igniteui-react package |
| skills/igniteui-wc-integrate-with-framework/references/angular.md | Angular integration with CUSTOM_ELEMENTS_SCHEMA configuration |
| skills/igniteui-wc-integrate-with-framework/references/vue.md | Vue 3 integration with isCustomElement configuration |
| skills/igniteui-wc-integrate-with-framework/references/vanilla-js.md | Vanilla JavaScript/TypeScript integration guide |
| skills/igniteui-wc-customize-component-theme/SKILL.md | Comprehensive theming guide covering CSS variables, Sass, and MCP server |
| skills/igniteui-wc-optimize-bundle-size/SKILL.md | Bundle optimization guide with lazy loading and tree-shaking strategies |
| scripts/build.mjs | Added skills directory copying to build process |
| README.md | Fixed incorrect Form component reference and Grid Lite package name |
skills/igniteui-wc-integrate-with-framework/references/react.md
Outdated
Show resolved
Hide resolved
skills/igniteui-wc-integrate-with-framework/references/vanilla-js.md
Outdated
Show resolved
Hide resolved
skills/igniteui-wc-integrate-with-framework/references/vanilla-js.md
Outdated
Show resolved
Hide resolved
skills/igniteui-wc-integrate-with-framework/references/react.md
Outdated
Show resolved
Hide resolved
skills/igniteui-wc-integrate-with-framework/references/angular.md
Outdated
Show resolved
Hide resolved
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Description
Add end-user skills guides for framework integration, theming, and bundle optimization.
Type of Change
Checklist