game-board-betting

Build a reusable betting panel UI for mobile game boards in Figma.

Updated Mar 25, 2026

Search Tags:#theming #figma #ui-design #component-pattern #betting-panel #game-board

Ready to run

npx skills add https://github.com/PytaichukBohdan/figma_board_connection --skill game-board-betting

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: game-board-betting
Source: https://github.com/PytaichukBohdan/figma_board_connection/tree/main/.claude/skills/game-board-betting
Command: npx skills add https://github.com/PytaichukBohdan/figma_board_connection --skill game-board-betting

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build a reusable betting panel UI for a mobile game board in Figma that combines a large bet input, +/- controls, quick-pick tabs, an auto-play toggle, and a prominent CTA, streamlining the design process.

Core Features & Use Cases

Bet input with a large display and +/- micro-controls for quick adjustments.
Quick-pick tab row with preset bets (1, 2, 5, 10) to speed up wagering decisions.
Auto-play toggle as a switcher component to enable automated rounds.
Full-width CTA button to start or place a bet, with theme-driven styling for different game contexts.
Use Case: Designers create consistent betting panels across game boards by following a reusable component pattern and theme derivation.

Quick Start

Load this Skill in your Figma project and assemble the betting panel using the provided component patterns and guidance.

Frequently Asked Questions about game-board-betting

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I design a betting panel for a mobile game board in Figma?▼

Design a betting panel for a mobile game board in Figma by assembling reusable component patterns for the bet input, quick-pick tabs, auto-play toggle, and CTA. This Skill provides a structured UI pattern to streamline the layout process.

What UI components do I need for a mobile game betting interface?▼

A mobile game betting interface requires a large bet input, +/- micro-controls, preset quick-pick tabs, an auto-play switcher, and a full-width CTA. These elements combine to create a complete and functional wagering UI.

Can I apply custom theme colors to a Figma betting panel?▼

Yes, you can apply theme-driven colors to a Figma betting panel by using theme derivation. This allows the betting panel UI to adapt its styling consistently across different game board contexts.

How do I create reusable component patterns for game board wagering UIs?▼

Create reusable component patterns for game board wagering UIs by following a consistent component hierarchy. This Skill defines frontmatter and references optional scripts and assets directories to maintain design consistency across contexts.

Does this betting panel Skill work without external Figma dependencies?▼

Yes, this betting panel Skill works without external dependencies. It operates as a standalone Advanced design pattern within Figma, allowing you to build the UI directly using the provided component guidance.

What is the best way to structure a full-width CTA and quick-pick tabs for a betting panel?▼

The best way to structure a full-width CTA and quick-pick tabs is to use a component pattern with a large display input. This approach ensures theme-driven styling and consistent wagering decisions across game boards.