board-game-ui

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:

UI/UX design for digital board games. Use when building game interfaces, implementing drag-and-drop, rendering game boards, showing player information, handling animations, or designing responsive layouts. Covers Canvas, SVG, and DOM-based approaches. Source: fil512/upship.

View raw