board-game-ui
✓Diseño UI/UX para juegos de mesa digitales. Úselo al crear interfaces de juegos, implementar arrastrar y soltar, renderizar tableros de juego, mostrar información del jugador, manejar animaciones o diseñar diseños responsivos. Cubre enfoques basados en Canvas, SVG y DOM.
Instalación
SKILL.md
This skill provides expertise for building user interfaces for digital board games. It covers rendering approaches (DOM, Canvas, SVG), interaction patterns (drag-and-drop, click-to-select), responsive design for different screen sizes, and UX principles specific to turn-based games.
| DOM/CSS | Card games, simple boards, UI overlays | Many moving pieces, complex animations | | SVG | Maps, vector graphics, zoomable boards | Thousands of elements, pixel effects | | Canvas | Complex animations, particles, real-time | Accessibility needed, text-heavy | | Hybrid | Most board games | Over-engineering simple games |
Use DOM for UI chrome (menus, player info, cards) and Canvas/SVG for the game board:
Diseño UI/UX para juegos de mesa digitales. Úselo al crear interfaces de juegos, implementar arrastrar y soltar, renderizar tableros de juego, mostrar información del jugador, manejar animaciones o diseñar diseños responsivos. Cubre enfoques basados en Canvas, SVG y DOM. Fuente: fil512/upship.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/fil512/upship --skill board-game-ui- Fuente
- fil512/upship
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es board-game-ui?
Diseño UI/UX para juegos de mesa digitales. Úselo al crear interfaces de juegos, implementar arrastrar y soltar, renderizar tableros de juego, mostrar información del jugador, manejar animaciones o diseñar diseños responsivos. Cubre enfoques basados en Canvas, SVG y DOM. Fuente: fil512/upship.
¿Cómo instalo board-game-ui?
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/fil512/upship --skill board-game-ui 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/fil512/upship
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01