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デザイン。ゲーム インターフェイスの構築、ドラッグ アンド ドロップの実装、ゲーム ボードのレンダリング、プレーヤー情報の表示、アニメーションの処理、または応答性の高いレイアウトの設計を行うときに使用します。 Canvas、SVG、DOM ベースのアプローチをカバーします。 ソース: fil512/upship。

原文を見る