feat(skills): add igniteui-react-generate-from-image-design skill#146
Open
georgianastasov wants to merge 6 commits intomasterfrom
Open
feat(skills): add igniteui-react-generate-from-image-design skill#146georgianastasov wants to merge 6 commits intomasterfrom
georgianastasov wants to merge 6 commits intomasterfrom
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
Adds a new skill that guides an agent through implementing Ignite UI React views from screenshots/mockups, including component selection references and common React/Ignite UI pitfalls, and exposes the skill via the docs indexes.
Changes:
- Added
igniteui-react-generate-from-image-designskill documentation and workflow (SKILL.md). - Added supporting reference docs for component mapping and Ignite UI React gotchas/pitfalls.
- Updated skill discovery docs in
skills/README.mdand the rootREADME.md.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| skills/igniteui-react-generate-from-image-design/SKILL.md | New skill workflow/instructions for screenshot-to-implementation with MCP theming and docs lookup. |
| skills/igniteui-react-generate-from-image-design/references/component-mapping.md | Reference table mapping common UI patterns to Ignite UI React components/packages. |
| skills/igniteui-react-generate-from-image-design/references/gotchas.md | React/Ignite UI “gotchas” and theming/component caveats for screenshot-driven builds. |
| skills/README.md | Adds the new skill to the skills index and copy/setup examples. |
| README.md | Adds the new skill to the repo’s skill list for discovery. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
…tchas.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
…ub.com/IgniteUI/igniteui-react into ganastasov/add-screenshot-to-app-skill
kdinev
requested changes
Apr 22, 2026
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Closes #
Description:
Add a new
igniteui-react-generate-from-image-designskill for building Ignite UI React views from screenshots and mockups.Included
Why
This provides a dedicated screenshot-to-implementation workflow for Ignite UI React projects, with MCP-first theming and component-token guidance.
Additional information (check all that apply):
Checklist:
README.MDCHANGELOG.MDupdates for newly added functionality