suggest-lucide-icons_skill

This skill helps you pick Lucide icons that symbolize concepts or UI contexts with real icon recommendations and rationale.

TypeScript

0

GitHub Stars

2

Bundled Files

3 weeks ago

Catalog Refreshed

2 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstart where the catalogue uses aiagentskills.

npx veilstart add skill nweii/agent-stuff --skill suggest-lucide-icons

changelog.md950 B
SKILL.md2.8 KB

Overview

This skill suggests the most relevant Lucide icons to represent concepts or fit specific UI placements. It searches the Lucide icon set to find real icons that match symbolic meanings and design context. Results include three vetted candidates and a single recommended icon with a clear rationale.

How this skill works

I brainstorm visual metaphors and associations for the given concept and inspect any provided screenshot for placement, size, and color considerations. I then search the Lucide icon library for matching, real icon names, verify their existence, and present three distinct candidates with short explanations. Finally I recommend the single best option and explain why it fits the UI context and semantics.

When to use it

Choosing icons for buttons, menus, or toolbars
Picking symbols for documentation, guides, or feature lists
Replacing placeholders with meaningful icons in prototypes
Matching icons to multi-cultural metaphors and accessibility needs
Refining icon choices after user testing or visual review

Best practices

Provide a short concept phrase plus optional screenshot for context
Specify placement, size, and color constraints when possible
Prefer simple, high-contrast icons for small UI elements
Request distinct alternatives (semantic, literal, abstract) to compare options
Ask for follow-up rounds to fine-tune meaning or style

Example use cases

Suggest an icon for a ‘save draft’ button shown in a top-right toolbar
Recommend icons for a settings panel with privacy, notifications, and account rows
Find a symbol for ‘analytics overview’ for a dashboard hero card
Provide icon options for mobile tab bar where space is limited
Replace ambiguous emoji labels in documentation with consistent Lucide icons

FAQ

Yes. Provide each placement or context and I will return distinct candidate sets and a best choice for each.

What if Lucide has no good match?

I will explicitly say no suitable icons exist after thorough search and suggest alternative approaches like combining icons, using text labels, or custom SVGs.