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

game-board-screen

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

Updated Mar 25, 2026
Search Tags:#figma#ui-design#component-based#mobile-design#screen-layout#theme-variables#game-board
One-click install
npx skills add https://github.com/PytaichukBohdan/figma_board_connection --skill game-board-screen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: game-board-screen
Source: https://github.com/PytaichukBohdan/figma_board_connection/tree/main/.claude/skills/game-board-screen
Command: npx skills add https://github.com/PytaichukBohdan/figma_board_connection --skill game-board-screen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds a reusable mobile game screen scaffold in Figma with a three-zone layout (Header, Game Area, Betting Panel), reducing repeated design effort and ensuring consistency across screens.

Core Features & Use Cases

  • Provides a 375x812 vertical wrapper with a fixed header, flexible content area, and fixed betting panel to standardize mobile game UIs.
  • Supports a desktop variant workflow and theme-driven styling guidelines for quick adaptation to other games, with an explicit pattern for header slots, content areas, and action panels.
  • Designed to be composed with sub-skills to swap header or betting content while keeping a stable overall structure.

Quick Start

Generate the 375x812 mobile game board screen in the Figma canvas using the game-board-screen skill to establish header, game area, and betting panel.

Frequently Asked Questions about game-board-screen

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

FAQPage Schema
How do I create a mobile game board screen layout in Figma?▼

The mobile game board screen uses a three-zone vertical layout: a fixed-height header, a flexible game area, and a bottom betting panel. This structure ensures consistent UI scaffolding across different mobile games in Figma.

Can I apply theme variables to a mobile game screen wrapper in Figma?▼

Yes, you can swap header or betting panel content by composing this skill with sub-skills. This allows you to customize specific zones of the mobile game board screen while keeping the stable three-zone vertical layout intact.

Does the mobile game board screen skill support desktop variants?▼

Yes, the mobile game board screen skill provides a desktop variant workflow and theme-driven styling guidelines. This helps adapt the standard 375x812 mobile layout into desktop formats quickly.

What is the standard size for a mobile game board screen in Figma?▼

The standard size for a mobile game board screen is 375x812 pixels. This vertical wrapper enforces a three-zone layout with a fixed header, flexible content area, and bottom betting panel.

Related Skills

Explore More Design & Creative Skills→
333-333-333333-333-333

corporate-colors

Define corporate color palettes with Catppuccin warm tones for web and mobile theming.

Community
Advanced
Aurora-AIAurora-AI
1

stitch-mcp-integration

Integrates Stitch MCP via API/CLI to generate landing pages and visual components from text prompts.

Community
Advanced
trioskosmostrioskosmos
1

board_layout_rules

Define card orientations, zone requirements, and rotation logic for game boards.

Community
Basic
idontcarlidontcarl

figma-implement-design

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

Community
Advanced