Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill mui-accessibilityThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
Based on SOC occupation classification
| name | mui-accessibility |
| description | null |
Category: mui · Status: 🟢 Active
Khi cần đảm bảo component MUI tiếp cận được: label, ARIA, focus, độ tương phản màu.
label của TextField, hoặc aria-label cho icon button).aria-label mô tả hành động.Dialog/Menu (MUI lo sẵn nếu dùng đúng).<IconButton aria-label="delete item" onClick={onDelete}>
<DeleteIcon />
</IconButton>
<TextField label="Full name" id="name" required
aria-describedby="name-help" helperText="As on your ID" />
<Dialog open={open} onClose={onClose} aria-labelledby="dlg-title">
<DialogTitle id="dlg-title">Settings</DialogTitle>
</Dialog>
Good: icon button có aria-label, input có label, Dialog gắn aria-labelledby, màu từ theme.
Avoid: icon button trống aria, placeholder thay label, màu hardcode tương phản thấp.
aria-label