Menu
Use when building or changing React components, hooks, forms, or feature UI.
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/VilnaCRM-Org/crm --skill frontend-component-developmentThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Use when placing features, repositories, hooks, or fixing dependency-cruiser errors.
Use when improving frontend performance, Lighthouse, web-vitals, or a11y.
Keep the Bats make-target contract in sync when adding or renaming a Makefile target so the bats CI check stays green
Showing SKILL.md
Based on SOC occupation classification
| name | frontend-component-development |
| description | Use when building or changing React components, hooks, forms, or feature UI. |
Use React 18.3, TypeScript, MUI v7, Emotion, Redux Toolkit, RTK Query,
React Router v6, react-hook-form, and react-i18next patterns already present
in the repo.
en.json and uk.json.src/components and use a UI prefix.@mui/icons-material when an icon exists.make format
make test-unit-client
make lint
For visible layout changes, also run:
make test-visual
Before applying this skill, confirm the active task against ../AI-AGENT-GUIDE.md and ../SKILL-DECISION-GUIDE.md so every relevant skill is consulted.
Before presenting changes, check changed text files for lines longer than 100 characters.
If any exist, tell the user each path:line and measured character count.
Treat this as disclosure, not failure, unless a project gate fails.