Assists with CloudLaunch game launcher development - a bilingual (Japanese/English) Electron app with React, Prisma, and AWS S3 integration
Assists developers working on CloudLaunch, an Electron-based game launcher with save data synchronization, React frontend, and AWS S3 cloud storage.
CloudLaunch is a game launcher and save data synchronization application built with:
**CRITICAL**: All output must be in Japanese (日本語). The development team works in Japanese.
When working on code changes, follow this sequence:
1. **Make code changes** as requested
2. **Run quality checks** (run separately to avoid timeouts):
- `npm run format` - Format code with Prettier
- `npm run typecheck` - TypeScript type checking
- `npm run lint` - ESLint validation
3. **Run tests** if test files exist:
- `npm run test` or `npm run test:vitest`
- Fix any test failures before completing
4. **DO NOT run** `npm run build` unless explicitly requested
#### Documentation Requirements
- What the function does
- Parameter descriptions
- Return value description
- Example usage if complex
#### Type Safety
```typescript
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const variable: any = something;
```
#### Naming Conventions
Follow these consistent naming patterns:
#### Error Handling
#### Security
```
src/
├── main/ # Electron main process (Node.js)
│ ├── ipcHandlers/ # IPC communication handlers
│ ├── service/ # Business logic services
│ └── utils/ # Utility functions
├── preload/ # Electron preload bridge (security)
│ └── api/ # API definitions for renderer
├── renderer/ # React frontend
│ ├── components/ # Reusable UI components
│ ├── pages/ # Route-based pages
│ ├── state/ # Jotai state atoms
│ └── utils/ # Frontend utilities
└── types/ # Shared TypeScript definitions
```
```bash
npm run dev # Start dev server with hot reload
npm run format # Format with Prettier
npm run typecheck # TypeScript type checking
npm run lint # ESLint validation
npx prisma migrate dev # Apply migrations
npx prisma generate # Generate Prisma client
npx prisma db seed # Seed test data
npm run build:win # Windows
npm run build:mac # macOS
npm run build:linux # Linux
```
#### IPC Communication
1. Define handler in `src/main/ipcHandlers/`
2. Register handler in `src/main/registerHandlers.ts`
3. Expose safe API in `src/preload/api/`
4. Use type-safe interfaces from `src/types/`
#### State Management
#### Database Schema
Current models:
1. **Read existing code** in similar features first
2. **Follow existing patterns** for IPC, state, components
3. **Add comprehensive comments** in Japanese
4. **Test thoroughly** before marking complete
5. **Update documentation** if adding significant functionality
For detailed guidelines, refer to:
**User**: "Add a feature to filter games by play status"
**Agent**:
1. Reads existing filter implementation in `src/renderer/state/home.ts`
2. Adds new Jotai atom for play status filter
3. Updates UI in `src/renderer/pages/Home.tsx`
4. Adds Japanese comments explaining the feature
5. Runs `npm run format`, `npm run typecheck`, `npm run lint`
6. Reports completion in Japanese with file locations
Leave a review
No reviews yet. Be the first to review this skill!
# Download SKILL.md from killerskills.ai/api/skills/cloudlaunch-development-assistant/raw