-
Notifications
You must be signed in to change notification settings - Fork 10
feat: Add end-user skills routines #2106
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from all commits
Commits
Show all changes
18 commits
Select commit
Hold shift + click to select a range
7118717
feat: Add end-user skills guides for framework integration, theming, …
rkaraivanov b926082
docs(readme): remove obsolete form info
damyanpetev d867953
docs(skills): add theming MCP setup step instruction
damyanpetev f9cdf6c
fix: Updated the integrate-with-framework skill
rkaraivanov 1907784
docs(readme): fix Grid Lite package link
damyanpetev 982b938
docs(skills): add a component pick/list skill
damyanpetev ec2b9a9
docs: Updated integrate-with-framework skill
rkaraivanov 3f662b1
docs: Updated integrate-with-framework skill
rkaraivanov c6f67d6
docs: Updated theming skill
rkaraivanov 703b120
build: Include skills directory in the build output
rkaraivanov 0c579cf
Merge branch 'master' into rkaraivanov/end-user-skills
rkaraivanov 249e7c0
docs: fix links in readme and skills
damyanpetev 733c5f4
docs: Updated skills for Ignite UI for Web Components
rkaraivanov 72425d2
docs: update components skill example to actually register icons
damyanpetev ac5651c
Update skills/igniteui-wc-optimize-bundle-size/SKILL.md
rkaraivanov 01415a4
Apply suggestions from code review
rkaraivanov 7ce321a
Apply suggestions from code review
rkaraivanov 9de8bfb
docs(readme): also fix hgrid link here
damyanpetev File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| # LLM Agent Skills for End Users | ||
|
|
||
| This directory contains skills for GitHub Copilot and other LLM agents to help developers use Ignite UI Web Components effectively in their applications. | ||
|
|
||
| ## What are Skills? | ||
|
|
||
| Skills are structured instructions that help AI agents understand and execute common tasks consistently. Each skill is a self-contained guide that provides step-by-step instructions, code examples, and best practices. | ||
|
|
||
| ## Available Skills | ||
|
|
||
| | Skill | Description | Use When | | ||
| | ----------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------- | | ||
| | [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 | ||
|
|
||
| When working with an AI agent like GitHub Copilot, reference skills by name or ask questions naturally: | ||
|
|
||
| ### Natural Questions | ||
| - "How do I integrate igniteui-webcomponents with React?" | ||
| - "Help me customize the button colors to match my brand" | ||
| - "My bundle size is too large, how can I reduce it?" | ||
| - "Show me how to use these components in Vue" | ||
|
|
||
| ### Direct Skill Reference | ||
| - "Follow the integrate-with-framework skill for my Angular app" | ||
| - "Use the customize-component-theme skill to help me style components" | ||
| - "Apply the optimize-bundle-size skill to reduce my bundle" | ||
|
|
||
| ## Skill Structure | ||
|
|
||
| Each skill contains: | ||
|
|
||
| - **Example Usage**: Common questions or scenarios | ||
| - **When to Use**: Situations where the skill applies | ||
| - **Related Skills**: Other relevant skills to explore | ||
| - **Step-by-Step Instructions**: Detailed guidance with code examples | ||
| - **Framework-Specific Examples**: React, Angular, Vue, and vanilla JS patterns | ||
| - **Common Issues & Solutions**: Troubleshooting guidance | ||
| - **Best Practices**: Recommended approaches | ||
| - **Additional Resources**: Further reading and documentation | ||
|
|
||
| ## Contributing | ||
|
|
||
| If you identify gaps in the skills or have suggestions for improvements: | ||
|
|
||
| 1. [Open an issue](https://github.com/IgniteUI/igniteui-webcomponents/issues) describing the improvement | ||
| 2. Submit a pull request with the proposed changes | ||
| 3. Follow the skill format and structure of existing skills | ||
|
|
||
| For skills related to **contributing to the library itself** (creating components, reviewing PRs, etc.), see [`.github/skills/`](../.github/skills/). | ||
|
|
||
| ## Additional Resources | ||
|
|
||
| - [Component Documentation](https://igniteui.github.io/igniteui-webcomponents) | ||
| - [Project README](../README.md) | ||
| - [Code Examples & Storybook](https://igniteui.github.io/igniteui-webcomponents) | ||
| - [GitHub Repository](https://github.com/IgniteUI/igniteui-webcomponents) | ||
|
|
||
| ## License | ||
|
|
||
| These skills are provided under the same license as the Ignite UI Web Components library. See [LICENSE](../LICENSE) for details. |
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.