skills.rest
Teng-AI
Teng-AICOMMUNITY
Explore all skills by this author →
GitHub

mahjong-ui-components

Provide reusable React and TailwindCSS components for Mahjong game interfaces.

Updated Aug 27, 2026
Search Tags:#react#ui-components#game-ui#mahjong#tile-display#hand-layout#melds
One-click install
npx skills add https://github.com/Teng-AI/mahjong --skill mahjong-ui-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mahjong-ui-components
Source: https://github.com/Teng-AI/mahjong/tree/main/.claude/skills/mahjong-ui-components
Command: npx skills add https://github.com/Teng-AI/mahjong --skill mahjong-ui-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI component patterns for Fujian Mahjong game. Use when building tile displays, hand layouts, call prompts, score screens, or any visual game elements.

Core Features & Use Cases

  • Reusable React components for tiles, hands, melds, and board elements used across Mahjong game UIs.
  • Patterns for tile displays, hand layouts, call prompts, and score screens to ensure visual consistency.
  • Real-world use: assemble a complete Mahjong game UI by combining Tile, PlayerHand, OpponentHand, Meld, DiscardPile, and overlays.

Quick Start

Import the Mahjong UI components and compose them to render tiles, hands, and prompts in your game UI.

Frequently Asked Questions about mahjong-ui-components

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

FAQPage Schema
How do I build a Mahjong game UI with React?▼

Build a Mahjong game UI by composing reusable React components for tiles, hands, and melds. This library provides patterns for tile displays, hand layouts, call prompts, and score screens to ensure visual consistency across game interfaces.

What components do I need for a Mahjong tile display and hand layout?▼

Assemble Tile, PlayerHand, OpponentHand, Meld, and DiscardPile React components to render Mahjong tile displays and hand layouts. Combining these elements creates a complete game board with dynamic turn states and connectivity indicators.

Does this Mahjong UI library support gold tiles and hidden melds?▼

Yes, the Mahjong UI library supports rendering gold tiles, hidden tiles, and exposed tiles. These React components handle dynamic turn states and meld layouts to accurately reflect the current game board status.

Can I use TailwindCSS to style Mahjong game components?▼

Yes, you can use TailwindCSS to style Mahjong game components because the library defines its React UI elements with TailwindCSS. This allows you to maintain consistent visual styling for tiles, prompts, and board overlays.

What is the best way to render Fujian Mahjong visual game elements?▼

Use a dedicated UI component library to render Fujian Mahjong visual game elements. It provides reusable React patterns for tile displays, hand layouts, call prompts, and score screens to ensure visual consistency.

Related Skills

Explore More Software Engineering Skills→
sahaja9707sahaja9707

shadcn-ui

Initialize and configure shadcn/ui projects with React components and Tailwind CSS.

Community
Intermediate
jhouserjhouser

game-domain

Manage ActionPhase game lifecycle states, phase transitions, and character workflows.

Community
Basic
biwakonbubiwakonbu

file-path-matcher

Match file paths against path conditions in .claude/rules.

Community
Basic
del-zhenwudel-zhenwu

frontend-design

Create aesthetic web interfaces with HTML, CSS, and JavaScript.

Community
Advanced