Coding
PromptBeginner5 minmarkdown
Nano Banana Pro
Agent skill for nano-banana-pro
6
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Sign in to like and favorite skills
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
This is a learning project to experiment with Claude Code, following a Japanese article about getting started with Claude Code on the Pro plan. The goal is to build a Tetris game using React + TypeScript.
The main Tetris game is located in the
tetris-game/ directory, which is a Vite + React + TypeScript project.
src/types/tetris.ts - Type definitions for the game (GameState, Tetromino, Board, etc.)src/utils/tetris.ts - Core game logic utilities (piece creation, validation, line clearing)src/hooks/useTetris.ts - Main game state management hooksrc/hooks/useKeyboard.ts - Keyboard input handlingsrc/components/Board.tsx - Game board rendering componentsrc/components/GameInfo.tsx - Score and next piece display componentTo work with the Tetris game:
cd tetris-game npm install # Install dependencies npm run dev # Start development server (usually on http://localhost:5173 or 5174) npm run build # Build for production npm run preview # Preview production build
The game follows a React hooks-based architecture:
useTetris manages all game state and logicuseKeyboard handles input mapping