board-game-ui
Installation
SKILL.md
Board Game UI Skill
Overview
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.
Rendering Approaches
When to Use Each
| Approach | Best For | Avoid When |
|---|---|---|
| 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 |