feat(skills): Add icon-finder skill

[bekah-stephens]

Summary

This skill closes the loop on icon discovery by allowing your AI agent to search the @rhds/icons ui set (~542 icons) by described use case. It interprets natural-language prompts like "find me an icon for cloud deployment," derives search terms, fetches the live icon list from the Red Hat Icons demo site, and returns matched icons in both a markdown table and a visual HTML preview styled with PatternFly 6. Each card in the preview displays outline and fill variants side-by-side with individually clickable links to the source SVGs on GitHub, along with software-UI-specific context hints to help users evaluate which icon best fits their use case. If the initial results aren't sufficient, a deep search fallback expands to synonyms, related concepts, and domain-specific terminology to surface icons the user may not have thought to search for.

• Adds new icon-finder skill with SKILL.md containing the full search workflow (use case interpretation, demo site fetch, keyword matching, fill variant detection, HTML preview generation, and deep search expansion)
• Includes PatternFly 6 CDN-based HTML preview template with responsive gallery layout, clickable icon variant links, and "UI context:" hints per card
• Includes footer linking to a custom icon request form for cases where no existing icon fits
• Includes .gitignore to exclude generated icon-finder-preview.html preview artifacts
• Works in both Cursor and Claude Code with no dependencies beyond a browser

Test plan

• Verify SKILL.md renders correctly in a markdown viewer
• Confirm skill triggers on expected user prompts (e.g. "find an icon", "search for an icon", "pick an icon for", "icon options for")
• Run a search (e.g. "find an icon for cloud") and verify the HTML preview opens with PatternFly-styled cards, correct outline/fill variant links, and "UI context:" hints
• Verify cards link to the correct SVGs on GitHub (/blob/main/src/ui/ for browsing, /raw/.../src/ui/ for rendering)
• Trigger a deep search and confirm expanded results appear in a separate section below the originals with no duplicates
• Verify the custom icon request link in the footer opens the correct Google Form

[jpuzz0]

This searches Red Hat Design System icons (@rhds/icons), not PatternFly React components, so pf-react isn't the right home.

Would something like a pf-design-system plugin make sense to you? That could cover design system resources — icons, illustrations, typography, visual assets — and would be distinct from pf-design-tokens (CSS variable auditing) and pf-figma (Figma files). Happy to help set that up if it sounds right.

[bekah-stephens]

That's a good point. I'm not super opinionated on that, so I'm happy to place this skill wherever it makes sense!

[bekah-stephens]

Do we still need to create a new plugin for this to live? If so, would you mind helping set that up? @jpuzz0

[jpuzz0]

I think a new plugin or a rename of plugins makes sense. I will make a jira to track some re-organization of skills that make sure this skill gets moved as a part of that.

[bekah-stephens]

sweet, thank you!

[jpuzz0]

Here's the change: #59. Went with "design-foundations" since that's terminology used in PF org which I think makes more sense. Let me know in that PR if you think otherwise