optimizing-iconography
Installation
SKILL.md
Iconography and Assets
When to use this skill
- Adding wayfinding icons (Pin, Map, Star).
- Implementing navigation icons (Menu, Auth, Cart).
Best Practices
- Dynamic Imports: Do not import the entire library.
- Consistency: Use a fixed stroke width (usually
strokeWidth={2}) for a cohesive look. - Colors: Use Tailwind colors (e.g.,
text-primary,text-yellow-500for stars).
Usage
import { MapPin, Calendar, Users } from 'lucide-react';