skills.rest
PytaichukBohdan
PytaichukBohdanCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/PytaichukBohdan/figma_board_connection --skill game-board-betting
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
PytaichukBohdanPytaichukBohdan

game-board-screen

Generate a 375x812 Figma game screen with header, game area, and betting panel.

Community
Intermediate
webrix-aiwebrix-ai
1

design-handoff

Extract design specifications and implementation details from Figma handoff materials.

Official
Intermediate
PytaichukBohdanPytaichukBohdan

game-board-menu

Construct reusable Figma game menu panels with settings toggles and navigation rows.

Community
Intermediate
idontcarlidontcarl

figma-implement-design

Convert Figma designs into UI code with design-token integration.

Community
Advanced