Suggest Lucide Icons

The suggest-lucide-icons skill enables AI agents to discover and install the Lucide Icons library, a popular collection of open-source SVG icons. It streamlines the integration of visual assets into projects by providing direct access to installation commands and icon specifications. This tool is essential for developers who need to quickly populate interfaces with consistent, high-quality graphical elements without manual searching.

When to use it

• You are building a web application or dashboard and need to add navigation icons or status indicators.
• Your project requires a scalable SVG icon set that supports dark mode and custom sizing.
• You want an AI agent to automatically generate the npm install or yarn add command for Lucide.
• You need assistance finding specific icon names within the library to ensure semantic consistency.

Key capabilities

• Provides installation instructions for various package managers (npm, yarn, pnpm).
• Offers access to the full catalog of Lucide's open-source SVG icons.
• Facilitates the integration of consistent visual design systems into codebases.
• Supports both static and dynamic icon rendering workflows.

Example prompts

• "Install the suggest-lucide-icons skill so I can add navigation icons to my React app."
• "What is the best way to install Lucide Icons using npm for a Next.js project?"
• "Find the specific SVG code for a 'settings' icon from the Lucide library and show me how to import it."

Tips & gotchas

Ensure your development environment has the necessary package manager installed before requesting installation commands. While this skill handles the setup, remember that you may still need to configure your build tool (like Vite or Webpack) to correctly process SVG files if not using a dedicated component library wrapper.