webshop/.agents/skills/lucide-icons-guide/skill.md

skill: lucide-icons-guide description: Integration, Auswahl und Optimierung von Lucide React Icons (lucide.dev) für Next.js 15 (RSC/Server Actions) und Tailwind CSS. rules:

• Importiere Icons direkt aus lucide-react (z. B. import { Package, ShieldCheck, ShoppingCart } from 'lucide-react').
• Achte bei React Server Components (RSC) darauf, dass Icons performant gerendert und keine unnötigen Client-Side Bundles erzeugt werden.
• Verwende konsistente Größen (size={18} oder Tailwind w-5 h-5) und Stile (z. B. strokeWidth={1.75}) passend zum B2B-Design.
• Nutze dynamische Icon-Name-Renderings nur über eine typsichere Map/Registry, um Unused-Code-Elimination (Tree Shaking) zu gewährleisten.