ワンクリックでManusで任意のスキルを実行

masoi-ui-review

スター0

フォーク0

更新日2026年5月28日 15:22

Review or improve Ma Sói UI for phase clarity, role visibility, hidden-information safety, target selection, timers, chat, reconnect state, mobile layout, and game-result screens. Use when editing client/src/pages, client/src/components, client/src/hooks/useGame.js, or user-facing text for roles and actions.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

nobodyonlyc

nobodyonlyc/masoi

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Ma Sói UI Review

Workflow

Read phase routing in client/src/App.jsx.
Read state contract in client/src/hooks/useGame.js.
Inspect relevant page/component:
- NightPhase.jsx for role actions.
- DayPhase.jsx and PlayerGrid.jsx for vote/day.
- WaitingRoom.jsx for room config.
- ResultScreen.jsx for reveal/end game.
Check UI against references/ui-checklist.md.
Build after edits: cd client && npm run build.

UI Rules

Show the player's own role clearly in every active phase.
Do not reveal hidden roles through target filtering, labels, or spectator data.
For wolves, show teammates and current shared target.
For Doctor, make self-save clear by labeling self as (Bạn).
For Witch, show potion availability and one-action-per-night rule.
Disable or hide impossible actions instead of relying only on server errors.
Timer labels and configured durations must match server phase timing.
Keep buttons readable on mobile; avoid overlapping fixed elements.

References

Load references/ui-checklist.md when reviewing or changing UI.

このリポジトリの他の Skills

同じリポジトリ

masoi-be-testing

nobodyonlyc/masoi

Create and maintain backend unit tests, integration tests, and API tests for Ma Sói server. Covers gameEngine.js pure functions, Socket.IO handler logic, Redis/PostgreSQL data layer, authentication, room lifecycle, and timer-driven resolution. Use when adding server-side test coverage, debugging server logic, or verifying backend changes.

2026-06-040

masoi-devops

nobodyonlyc/masoi

Manage Ma Sói Docker configuration, deployment, infrastructure, environment variables, Nginx reverse proxy, health checks, and CI/CD. Use when modifying docker-compose files, Dockerfiles, nginx.conf, .env files, or preparing for VPS/cloud deployment.

2026-06-040

masoi-e2e-testing

nobodyonlyc/masoi

Create and maintain automated tests for Ma Sói game engine, night/vote resolution, Socket.IO event contracts, race conditions, and role-specific edge cases. Use when adding test coverage, debugging flaky behavior, verifying concurrent action handling, or setting up CI testing.

2026-06-040

masoi-perf-security

nobodyonlyc/masoi

Audit Ma Sói server and client for performance bottlenecks, memory leaks, security vulnerabilities, rate limiting, input validation, CORS policy, timer cleanup, and room zombie detection. Use when changing socket handlers, setTimeout/setInterval patterns, Redis/PostgreSQL queries, authentication, or deploying to production.

2026-06-040

masoi-role-designer

nobodyonlyc/masoi

Design and integrate new roles into Ma Sói Online. Provides templates, file checklists, balance guidelines, and integration patterns for adding roles across server game engine, socket handlers, client hooks, UI components, and documentation. Use when planning, implementing, or reviewing new character roles.

2026-06-040

masoi-gameplay-qa

nobodyonlyc/masoi

Generate manual QA scenarios and acceptance checks for Ma Sói gameplay across player counts, role setups, night actions, vote resolution, special roles, timers, chat, and end-game history. Use before or after gameplay changes to define concrete test rooms and expected outcomes.

2026-05-280

name	masoi-ui-review
description	Review or improve Ma Sói UI for phase clarity, role visibility, hidden-information safety, target selection, timers, chat, reconnect state, mobile layout, and game-result screens. Use when editing client/src/pages, client/src/components, client/src/hooks/useGame.js, or user-facing text for roles and actions.

Ma Sói UI Review

Workflow

Read phase routing in client/src/App.jsx.
Read state contract in client/src/hooks/useGame.js.
Inspect relevant page/component:
- NightPhase.jsx for role actions.
- DayPhase.jsx and PlayerGrid.jsx for vote/day.
- WaitingRoom.jsx for room config.
- ResultScreen.jsx for reveal/end game.
Check UI against references/ui-checklist.md.
Build after edits: cd client && npm run build.

UI Rules

Show the player's own role clearly in every active phase.
Do not reveal hidden roles through target filtering, labels, or spectator data.
For wolves, show teammates and current shared target.
For Doctor, make self-save clear by labeling self as (Bạn).
For Witch, show potion availability and one-action-per-night rule.
Disable or hide impossible actions instead of relying only on server errors.
Timer labels and configured durations must match server phase timing.
Keep buttons readable on mobile; avoid overlapping fixed elements.

References

Load references/ui-checklist.md when reviewing or changing UI.