·react-game-ui
*

react-game-ui

ccalebcarter/purria-skills

shadcn/ui、Tailwind、および Framer Motion を使用してゲーム UI パターンに反応し、洗練されたゲーム インターフェイスを実現します。 HUD、リソース バー、スコアボード、モーダル、ツールチップ、カード コンポーネント、または任意のゲーム UI を構築するときに使用します。ゲームのマイクロインタラクション、アニメーション、応答性の高いレイアウト、アクセシビリティが含まれます。ゲーム インターフェイス コンポーネント、UI アニメーション、または shadcn/ui ゲーム パターンのリクエストをトリガーします。

61インストール·0トレンド·@ccalebcarter

インストール

$npx skills add https://github.com/ccalebcarter/purria-skills --skill react-game-ui

SKILL.md

Production-ready UI patterns for game interfaces using shadcn/ui, Tailwind, and Framer Motion.

shadcn/ui、Tailwind、および Framer Motion を使用してゲーム UI パターンに反応し、洗練されたゲーム インターフェイスを実現します。 HUD、リソース バー、スコアボード、モーダル、ツールチップ、カード コンポーネント、または任意のゲーム UI を構築するときに使用します。ゲームのマイクロインタラクション、アニメーション、応答性の高いレイアウト、アクセシビリティが含まれます。ゲーム インターフェイス コンポーネント、UI アニメーション、または shadcn/ui ゲーム パターンのリクエストをトリガーします。 ソース: ccalebcarter/purria-skills。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ccalebcarter/purria-skills --skill react-game-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/ccalebcarter/purria-skills --skill react-game-ui
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

react-game-ui とは?

shadcn/ui、Tailwind、および Framer Motion を使用してゲーム UI パターンに反応し、洗練されたゲーム インターフェイスを実現します。 HUD、リソース バー、スコアボード、モーダル、ツールチップ、カード コンポーネント、または任意のゲーム UI を構築するときに使用します。ゲームのマイクロインタラクション、アニメーション、応答性の高いレイアウト、アクセシビリティが含まれます。ゲーム インターフェイス コンポーネント、UI アニメーション、または shadcn/ui ゲーム パターンのリクエストをトリガーします。 ソース: ccalebcarter/purria-skills。

react-game-ui のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ccalebcarter/purria-skills --skill react-game-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/ccalebcarter/purria-skills