skills.rest
rayriffy
rayriffyCOMMUNITY
Explore all skills by this author →
Website𝕏@rayriffyGitHub

suggest-lucide-icons

Identify and verify Lucide icons for a given concept via unpkg SVG URLs.

127|21|Updated Nov 5, 2018
Search Tags:#design#ui#verification#lucide#iconography#icon-suggestion#unpkg
One-click install
npx skills add https://github.com/rayriffy/rayriffy-h --skill suggest-lucide-icons
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: suggest-lucide-icons
Source: https://github.com/rayriffy/rayriffy-h/tree/main/.agents/skills/suggest-lucide-icons
Command: npx skills add https://github.com/rayriffy/rayriffy-h --skill suggest-lucide-icons

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps designers and developers quickly select Lucide icons that match a given concept or UI context, reducing guesswork and design churn.

Core Features & Use Cases

  • Brainstorms 4–6 candidate icons based on a concept or UI context.
  • Verifies candidate icons by checking availability via unpkg SVG URLs and discards unavailable options.
  • Delivers 3 verified candidates with explanations and a strongest recommendation.

Quick Start

Provide 3 verified Lucide icon names that best symbolize the concept, with rationale and a strongest recommendation.

Frequently Asked Questions about suggest-lucide-icons

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

FAQPage Schema
How do I find the right Lucide icons to match a specific UI concept?▼

To find matching Lucide icons, you provide a concept or UI context. The skill brainstorms candidates, verifies availability via unpkg SVG URLs, and delivers three verified options with rationale and a strongest recommendation.

Can I verify if a Lucide icon exists before using it in my design?▼

You can verify Lucide icon availability by checking unpkg SVG URLs. The skill performs this verification automatically, discarding unavailable options to ensure you only receive verified icons for your UI.

What's the best way to choose icons for dashboard empty states?▼

Choosing icons for dashboard empty states involves matching visual metaphors to your concept. This skill suggests three verified Lucide icons with explanations, providing a strongest recommendation for your design exploration.

Does the icon suggestion process work for forms and documentation tasks?▼

The icon suggestion process works for forms and documentation tasks by identifying relevant Lucide icons. It brainstorms candidates based on your UI context, verifies them via unpkg, and delivers three options with rationale.

How many icon options will I get when searching for a matching visual metaphor?▼

You will get three verified Lucide icon options when searching for a matching visual metaphor. The skill brainstorms four to six candidates, verifies availability, and delivers the final three with explanations and a strongest recommendation.

Why should I use verified SVG URLs for icon selection in design explorations?▼

Using verified SVG URLs ensures the Lucide icons you select actually exist before implementation. This skill checks unpkg URLs to discard unavailable options, reducing design churn and guesswork in your explorations.

Related Skills

Explore More Design & Creative Skills→
oliverjone01-devoliverjone01-dev
1

colorize

Add strategic color to monochromatic UI elements with WCAG-aware palettes.

Community
Intermediate
TinkerbellsTinkerbells
1

suggest-lucide-icons

Map concepts to Lucide icons and validate availability via unpkg SVGs.

Community
Intermediate
gotalabgotalab
406

frontend-design

Generate production-grade frontend interfaces with bold aesthetics and accessibility.

Community
Intermediate
cfardevcfardev

react-icons

Render SVG icons in React/Next.js by importing from react-icons.

Community
Basic