Skills included
react-native-best-practices
30+ checks- Metro bundler: cold-start, Hermes, cache, monorepo
- FlatList vs ScrollView: getItemLayout, FlashList
- Expo vs bare: CNG, EAS Build, prebuild migration
- React Navigation: deep linking, type-safe nav, auth flow
- Platform code: Platform.OS, .ios/.android splits
wcag-auditor
25+ checks- WCAG 2.2 A/AA/AAA — all criteria mapped to code
- ARIA roles: landmarks, widgets, required props
- Color contrast: Tailwind, CSS-in-JS, design tokens
- Screen reader: live regions, focus traps, skip links
- Fix suggestions: 12 patterns with before/after
Example use cases
React Native
Fix slow Metro cold start
Triggers: metro, bundler, slow start, bundle size
/react-native-best-practices My app takes 40s to cold start in Metro. How do I fix it?
Laggy list of 500 items
Triggers: FlatList, ScrollView, list, laggy
/react-native-best-practices My list of 500 items is laggy on Android. FlatList or ScrollView?
Expo vs bare for production
Triggers: expo, eject, bare workflow, native module
/react-native-best-practices We need push notifications and Bluetooth. Expo or bare workflow?
WCAG / Accessibility
Full repo accessibility audit
Triggers: audit, accessibility, a11y, WCAG
/wcag-auditor Audit my React app for WCAG 2.2 AA compliance
Color contrast check
Triggers: color contrast, hex, Tailwind
/wcag-auditor Check if #767676 on white passes WCAG AA. Fix my Tailwind palette.
Modal screen reader fix
Triggers: modal, screen reader, focus trap, ARIA
/wcag-auditor Make my modal dialog work properly with VoiceOver and NVDA
Installation
1
Add the marketplace
Register the claude-skills marketplace in Claude Code.
/plugin marketplace add petro-nazarenko/claude-skills
2
Install React Native skill
Covers Metro, FlatList, Expo/bare, React Navigation, platform code.
/plugin install react-native-best-practices@claude-skills
3
Install WCAG Auditor skill
Covers WCAG 2.2 AA/AAA, ARIA, contrast, screen reader, fix suggestions.
/plugin install wcag-auditor@claude-skills
4
Use the skills
Ask Claude anything — skills activate automatically on trigger keywords.
/react-native-best-practices [question or problem] /wcag-auditor [component or question]
What's covered
| Skill | Area | Reference file |
|---|---|---|
| react-native-best-practices | Metro bundler | references/metro-bundler.md |
| react-native-best-practices | FlatList / ScrollView | references/flatlist-vs-scrollview.md |
| react-native-best-practices | Expo vs bare workflow | references/expo-vs-bare.md |
| react-native-best-practices | React Navigation | references/navigation-patterns.md |
| react-native-best-practices | Platform-specific code | references/platform-specific-code.md |
| wcag-auditor | WCAG 2.2 criteria | references/wcag-checks.md |
| wcag-auditor | ARIA roles | references/aria-roles.md |
| wcag-auditor | Color contrast | references/color-contrast.md |
| wcag-auditor | Screen reader | references/screen-reader.md |
| wcag-auditor | Fix suggestions | references/fix-suggestions.md |