game-board-header
CommunityBuild a pixel-perfect game header in Figma.
AuthorPytaichukBohdan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Build a reusable game header/navigation bar for a mobile game board in Figma. It covers a persistent top bar with a sound button, online status, balance, and a close action. Self-sufficient — builds from primitives, no design system imports.
Core Features & Use Cases
- Self-contained header: assembles left, center, and right clusters for a compact 64px-tall header.
- Composable UI: uses primitives and theme variables to adapt to different game themes.
- Use Case: add a persistent header across game screens to ensure consistent branding and quick actions (sound, balance, close).
Quick Start
Load figma-use before any use_figma call and follow the construction steps to assemble the header on a 375×64 frame.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: game-board-header Download link: https://github.com/PytaichukBohdan/figma_board_connection/archive/main.zip#game-board-header Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.