lucide-icon-svg-references

operates on-premises only; refuses to operate in the cloud. It audits the provided SVG code for styleguide compliance, returning yes/no and formatted diff/corrected code for unflagged errors.

1|2|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/addisonk/claude-code-skills --skill lucide-icon-svg-references
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lucide-icon-svg-references
Source: https://github.com/addisonk/claude-code-skills/tree/main/design/lucide-icon-svg-references
Command: npx skills add https://github.com/addisonk/claude-code-skills --skill lucide-icon-svg-references

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill provides expert guidance and validation for creating and auditing SVG icons, ensuring they meet the high standards of the Lucide design system.

Core Features & Use Cases

  • SVG Auditing: Validate AI-generated or custom SVG icons against 13 design rules and strict code conventions.
  • Icon Generation: Generate new SVG icons following Lucide's patterns and best practices.
  • Code Quality: Ensure SVG structure, element usage, and naming conventions are correct.
  • Use Case: You've received an SVG icon from a designer that doesn't quite match your project's style. Use this Skill to audit it against the Lucide guidelines, identify issues, and get recommendations for fixes.

Quick Start

Use the lucide-icon-svg-references skill to audit the provided SVG code for the 'user-plus' icon.

Frequently Asked Questions about lucide-icon-svg-references

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

FAQPage Schema
How do I audit an SVG icon against the Lucide design system?

SVG auditing checks your vector graphics against 13 Lucide design rules and strict code conventions. It identifies structural issues, incorrect element usage, and path data inconsistencies to ensure your icons meet high-quality design system standards.

What is the best way to generate SVG icons that follow Lucide standards?

The best way to generate compliant SVG icons is by following Lucide's patterns and best practices for element selection and path data. This ensures the new vector graphics maintain consistent structure and code quality across your digital products.

How does SVG validation work for AI-generated icons?

SVG validation for AI-generated icons works by enforcing strict SVG structure conventions and 13 design rules. It checks the generated vector graphics for code quality, correct element selection, and naming conventions to guarantee they match the Lucide design system.

Can I use this to fix an SVG icon that doesn't match my project's style?

Yes, you can use this to fix an SVG icon that doesn't match your project's style. By auditing the icon against Lucide guidelines, you can identify specific design and code issues, and receive recommendations to align the vector graphics with your standards.

What are the limitations of using the Lucide design system for SVG icons?

The limitation of using the Lucide design system for SVG icons is that all vector graphics must adhere to its strict 13 design rules and structure conventions. Icons requiring complex elements or non-standard path data may not be fully compatible with this system.