How do I install the Masoi UI Review skill?

Run npx skillmds@latest add nobodyonlyc/masoi-ui-review in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Masoi UI Review safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Masoi UI Review?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Masoi UI Review free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Masoi UI Review?

nobodyonlyc (@nobodyonlyc) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Masoi UI Review by nobodyonlyc — Agent Skill

Name: Masoi UI Review
Author: nobodyonlyc

Masoi UI Review

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.

nobodyonlyc Updated Sep 17, 2026

File contents

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.

Frequently asked questions