·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