Skip to content
agent-skills

lucide-react

Pack path: lucide-react/

Skills

Section titled “Skills”
  • Lucide React Dynamic Icons And Lucide Lab — Use DynamicIcon, Lucide Lab, or custom iconNode data in React with the right tradeoffs. Use when tasks mention lucide-react/dynamic, DynamicIcon, icon names coming from a CMS or database, @lucide/lab, the Icon component, custom Lucide nodes, or loading icons outside the core Lucide set.
  • Lucide React Overview And Setup — Set up lucide-react, choose the right import pattern, and route icon work to the right Lucide follow-up skill. Use when tasks mention lucide-react, Lucide installation, icon imports, SVG props, absoluteStrokeWidth, import aliases like HouseIcon or LucideHouse, or deciding whether to use direct imports, DynamicIcon, or @lucide/lab.
  • Lucide React Styling And Accessibility — Style lucide-react icons consistently and keep them accessible. Use when tasks mention LucideProvider, global icon CSS, the .lucide class, title, aria-label, icon-only buttons, contrast, non-scaling strokes, or icon semantics in React UI.