UI/UX дизайн для цифровых настольных игр. Используйте при создании игровых интерфейсов, реализации перетаскивания, рендеринге игровых полей, отображении информации об игроке, обработке анимации или разработке адаптивных макетов. Охватывает подходы на основе Canvas, SVG и DOM.
Быстро установите AI-навык board-game-ui в вашу среду разработки через командную строку
Источник: fil512/upship.
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.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/fil512/upship --skill board-game-uiUI/UX дизайн для цифровых настольных игр. Используйте при создании игровых интерфейсов, реализации перетаскивания, рендеринге игровых полей, отображении информации об игроке, обработке анимации или разработке адаптивных макетов. Охватывает подходы на основе Canvas, SVG и DOM. Источник: fil512/upship.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/fil512/upship --skill board-game-ui После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/fil512/upship