Seleccione íconos semánticamente apropiados para sitios web que usan Lucide, Heroicons o Phosphor. Cubre el mapeo de concepto a ícono, plantillas React/HTML y patrones de sacudida de árboles. Úselo cuando: cree secciones de funciones, cuadrículas de servicios, información de contacto, navegación o cualquier interfaz de usuario que necesite íconos. Previene el uso de emoji, garantiza la coherencia.
Instala rápidamente el skill de IA icon-design en tu entorno de desarrollo mediante línea de comandos
Fuente: oakoss/agent-skills.
Select the right icon for the job. Maps concepts to icons across three modern libraries, provides ready-to-use templates, and prevents common mistakes like broken tree-shaking and inconsistent styles.
| Award/Quality | Trophy | trophy | Trophy | | Price/Value | Tag | tag | Tag | | Location | MapPin | map-pin | MapPin | | Expertise | GraduationCap | academic-cap | GraduationCap | | Support | MessageCircle | chat-bubble-left-right | ChatCircle | | Security | Shield | shield-check | Shield | | Speed | Zap | bolt | Lightning |
| Phone | Phone | phone | Phone | | Email | Mail | envelope | Envelope | | User/Profile | User | user | User | | Team | Users | user-group | Users | | Settings | Settings | cog-6-tooth | Gear | | Home | Home | home | House | | Search | Search | magnifying-glass | MagnifyingGlass | | Check/Success | Check | check | Check | | Close/Cancel | X | x-mark | X |
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/oakoss/agent-skills --skill icon-designSeleccione íconos semánticamente apropiados para sitios web que usan Lucide, Heroicons o Phosphor. Cubre el mapeo de concepto a ícono, plantillas React/HTML y patrones de sacudida de árboles. Úselo cuando: cree secciones de funciones, cuadrículas de servicios, información de contacto, navegación o cualquier interfaz de usuario que necesite íconos. Previene el uso de emoji, garantiza la coherencia. Fuente: oakoss/agent-skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill icon-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/oakoss/agent-skills