Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From primereact
Apply current mode-scoped PrimeReact accessibility and icon guidance. Use for semantics, names, labels, focus and keyboard behavior, PrimeIcons, custom icons, and icon-bearing controls.
How this skill is triggered — by the user, by Claude, or both
Slash command
/primereact:primereact-accessibility-iconsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Select the mode before retrieval. Inspect native semantics, labels/descriptions, status messaging, focus and keyboard handling, icon packages, custom icon rendering, local Tailwind components, and nearby conventions.
Select the mode before retrieval. Inspect native semantics, labels/descriptions, status messaging, focus and keyboard handling, icon packages, custom icon rendering, local Tailwind components, and nearby conventions.
Use same-mode get_guide only for the current routed accessibility, PrimeIcons, or custom-icons concept. Use same-mode get_component for component-specific accessibility metadata and supported icon props/parts. Do not generalize across modes or components, and do not invent ARIA attributes, icon names, callbacks, slots, parts, or keyboard interactions.
Call same-mode validate_usage once on final component code and repeat only after a reported issue. Separately test focus order, keyboard operation, visible focus, accessible names/states, contrast, and responsive behavior where required. Do not call version routinely.
accessibility-icons: get_guide -> get_component -> validate_usage; maximum 3.Report selected-mode PrimeReact citations and only the runtime or assistive-technology checks actually performed.
npx claudepluginhub primefaces/primeui-plugins --plugin primereactCreates, edits, and verifies skills using a test-driven development approach with pressure scenarios and subagents.