·ux-iconography
*

ux-iconography

matthewharwood/fantasy-phonics

Patrones de uso de iconos utilizando símbolos de materiales v3. Úselo al agregar íconos a botones, navegación o indicadores de estado. Cubre el tamaño, la accesibilidad, las animaciones y la integración del color con los tokens del proyecto.

4Instalaciones·0Tendencia·@matthewharwood

Instalación

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-iconography

SKILL.md

Icon implementation patterns for UI components. This project uses Material Symbols v3 as the primary icon system.

This project uses Material Symbols Outlined (variable font) from Google Fonts:

| Word phase | menubook | Phase indicator | | Collision phase | swords | Phase indicator | | Mutation phase | genetics | Phase indicator | | Story phase | autostories | Phase indicator | | Complete | checkcircle | Status indicator | | Locked | lock | Unavailable item | | Star/achievement | star | Rewards | | Settings | settings | Configuration |

Patrones de uso de iconos utilizando símbolos de materiales v3. Úselo al agregar íconos a botones, navegación o indicadores de estado. Cubre el tamaño, la accesibilidad, las animaciones y la integración del color con los tokens del proyecto. Fuente: matthewharwood/fantasy-phonics.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-iconography
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es ux-iconography?

Patrones de uso de iconos utilizando símbolos de materiales v3. Úselo al agregar íconos a botones, navegación o indicadores de estado. Cubre el tamaño, la accesibilidad, las animaciones y la integración del color con los tokens del proyecto. Fuente: matthewharwood/fantasy-phonics.

¿Cómo instalo ux-iconography?

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/matthewharwood/fantasy-phonics --skill ux-iconography 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/matthewharwood/fantasy-phonics