Mega-bundle skill collection: React Native best practices (Metro, FlatList, Expo, React Navigation) and WCAG 2.2 accessibility auditing (ARIA, color contrast, screen reader compatibility) — one install, all skills.
Use this skill for ANY React Native task involving performance, architecture, or platform-specific concerns. Triggers on: Metro bundler config/optimization, FlatList vs ScrollView choice, platform-specific code audit (Platform.OS, .ios.js/.android.js splits), Expo vs bare workflow guidance, React Navigation setup/patterns, bundle size analysis, slow list rendering, navigation performance, or any RN project audit. Always use this skill when the user mentions React Native, Expo, Metro, React Navigation, or mobile app performance.
Use this skill for ANY task involving: buttons, forms, inputs, images, modals, navigation, focus, keyboard, color, contrast, screen readers, ARIA, semantic HTML, interactive elements, component review, frontend code review, UI audit, UX review, checkout flow, or any component that users interact with visually or programmatically. Also triggers explicitly on: "accessibility", "a11y", "WCAG", "ARIA", "screen reader", "color contrast", "tab order", "ADA compliance", "audit my", "check my", "review my", "fix my", "is my X accessible". When in doubt — run Phase 1 tool check first, it costs nothing.
Runs 55+ specific checks across React Native, WCAG 2.2, and frontend codebases — one install, all skills.
/plugin marketplace add petro-nazarenko/claude-skills
| Skill | Checks | Covers |
|---|---|---|
react-native-best-practices | 30+ | Metro bundler, FlatList/ScrollView, Expo vs bare, React Navigation, platform-specific code |
wcag-auditor | 25+ | WCAG 2.2 AA/AAA, ARIA roles, color contrast, screen reader, keyboard navigation, fix suggestions |
# 1. Add this marketplace to Claude Code
/plugin marketplace add petro-nazarenko/claude-skills
# 2. Install both skills
/plugin install react-native-best-practices@claude-skills
/plugin install wcag-auditor@claude-skills
Activates automatically on: React Native, Expo, Metro, React Navigation, FlatList, ScrollView, mobile performance.
| Reference | What it covers |
|---|---|
metro-bundler.md | Cold-start fixes, Hermes, cache tuning, bundle splitting, monorepo symlinks |
flatlist-vs-scrollview.md | Decision matrix, getItemLayout, windowSize, FlashList upgrade |
expo-vs-bare.md | Managed vs Bare spectrum, CNG, EAS Build, OTA updates, prebuild migration |
navigation-patterns.md | NativeStack vs Stack, deep linking, type-safe nav, auth flow, freezeOnBlur |
platform-specific-code.md | Platform.OS/select, file-extension splits, SafeAreaView, PixelRatio |
Activates automatically on: accessibility, a11y, WCAG, ARIA, screen reader, color contrast, tab order, ADA.
| Reference | What it covers |
|---|---|
wcag-checks.md | All WCAG 2.2 A/AA/AAA criteria mapped to code patterns |
aria-roles.md | Landmark roles, widget roles, required props, React/Vue/Angular patterns |
color-contrast.md | Contrast ratio calculation, Tailwind/CSS-in-JS auditing, design token fixes |
screen-reader.md | Live regions, focus management, skip links, table a11y, framework patterns |
fix-suggestions.md | Before/after fixes for 12 violation patterns: modals, toasts, tabs, infinite scroll |
MIT — Petro Nazarenko
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub petro-nazarenko/claude-skills --plugin wcag-auditorReact Native performance, Metro bundler optimization, FlatList/ScrollView guidance, Expo vs bare workflow decision matrix, and React Navigation patterns for Claude Code.
WCAG 2.2 AA/AAA accessibility auditing, ARIA roles audit, color contrast detection, screen reader compatibility, and automated fix suggestions for frontend codebases.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.