angular-lucide-icons-setup
OfficialIntegrate Lucide icons in Angular 20
Software Engineering#typescript#angular#frontend development#component integration#lucide icons#icon setup
Authorcromesdk
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of adding and managing Lucide icons within Angular 20 projects, ensuring efficient bundle usage and correct integration for both standalone and NgModule architectures.
Core Features & Use Cases
- Automated Installation: Installs
lucide-angularusing the project's package manager. - Architecture Detection: Intelligently handles setup for both standalone components and NgModules.
- Optimized Icon Registration: Registers only the icons specified, minimizing bundle size.
- Verification: Includes build and test verification to ensure proper integration.
- Use Case: Quickly add a set of common icons like 'House', 'Menu', and 'User' to your Angular 20 application, ensuring they render correctly and don't bloat your application's bundle.
Quick Start
Use the angular-lucide-icons-setup skill to install lucide-angular in this Angular 20 workspace and add the House and Menu icons.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: angular-lucide-icons-setup Download link: https://github.com/cromesdk/ai-skills/archive/main.zip#angular-lucide-icons-setup Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.