skills.rest
patternfly
patternflyOFFICIAL
Explore all skills by this author →
Website𝕏@patternflyGitHub

icon-finder

Discover Red Hat Design System icons by use case and preview HTML results.

10|26|Updated Jul 8, 2025
Search Tags:#design#ui#search#preview#icons#icon#rhds
One-click install
npx skills add https://github.com/patternfly/ai-helpers --skill icon-finder-patternfly
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: icon-finder
Source: https://github.com/patternfly/ai-helpers/tree/main/plugins/design-foundations/skills/icon-finder
Command: npx skills add https://github.com/patternfly/ai-helpers --skill icon-finder-patternfly

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Find icons from the Red Hat Design System (@rhds/icons) by use case and preview results for quick UI decisions.

Core Features & Use Cases

  • Icon discovery and matching by keywords against the RHDS icons demo site.
  • Visual HTML preview generation for side-by-side comparison.
  • Use cases: selecting icons for actions, navigation, status indicators, or UI components.

Quick Start

Follow the workflow to derive and preview matching icons for your UI.

Frequently Asked Questions about icon-finder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find Red Hat Design System icons for specific UI actions?▼

Preview RHDS icons by generating a visual HTML preview for side-by-side comparison alongside a match table, allowing you to evaluate icons for quick UI decisions without manual browsing.

Can I search for RHDS icons by navigation and status use cases?▼

Yes, you can search for RHDS icons by navigation and status use cases. The tool matches keywords to the RHDS demo site to find appropriate icons for these UI components.

What's the best way to compare RHDS icons before adding them to a frontend?▼

The best way to compare RHDS icons is by generating an HTML preview that displays results visually, paired with a match table for easy side-by-side decision-making in frontend workflows.

Do I need any dependencies to search for RHDS icons?▼

No dependencies are required to search for RHDS icons. The tool operates independently by querying the Red Hat Icons demo site to retrieve and preview matching results.

Does the icon finder output code snippets or just visual previews?▼

The icon finder outputs a visual HTML preview for side-by-side comparison and a match table for decision-making, focusing on visual discovery rather than generating code snippets.

Related Skills

Explore More Design & Creative Skills→
abdulahad139abdulahad139

task-search

Search tasks by text with relevance ranking and matched-term highlighting.

Community
Advanced
ProfPowellProfPowell
1

icons

Standardize Lucide-based icons with a local <x-icon> component.

Community
Intermediate
OMIXECOMIXEC
1

design-taste-frontend

Architect frontend UI guidelines for React/Next.js apps with design systems and accessibility constraints.

Community
Advanced
MCERQUAMCERQUA
1

icon-generation

Generate custom icons from descriptions or search over 1,700 Lucide icons.

Community
Intermediate