From erne-universal
Builds, reviews, animates, and analyzes React Native/Expo UI with Apple Human Interface Guidelines, including spring physics, semantic colors, compliance scans, video motion extraction, and design tokens.
npx claudepluginhub jubakitiashvili/everything-react-native-expoThis skill uses the workspace's default tool permissions.
- Building UI components with Apple-quality design (spring physics, semantic colors, 8pt grid)
Generates platform-native social content for X, LinkedIn, TikTok, YouTube, newsletters from source material like articles, demos, docs, or notes. Adapts voice and format per platform.
Interactively installs Everything Claude Code skills and rules to user-level (~/.claude) or project-level (.claude) directories, verifies paths, and optimizes files. Activate on 'configure ecc' or setup requests.
Reorganizes X and LinkedIn networks: review-first pruning of low-value follows, priority-based add/follow recommendations, and drafts warm outreach in user's voice.
Detect intent from the user's message and route to the appropriate mode:
| Intent Keywords | Mode | What Happens |
|---|---|---|
build, create, make, design, component | Build | Apply HIG rules while creating UI |
review, check, scan, audit, compliance | Review | Run HIG scanner on source files |
animate, motion, spring, gesture, transition | Animate | Implement animations with HIG physics |
video + file path | Analyze | Extract motion spec from reference video |
tokens, theme, design system | Tokens | Generate HIG design tokens |
| No clear intent | Interactive | Ask what the user wants |
When building UI, load and apply these rules from design/hig/rules/:
design-system.md (typography, colors, spacing, corners)animation.md + craft.md (spring physics)patterns.md (sheets, tabs, transitions)Non-negotiable requirements:
borderCurve: 'continuous' on all rounded elementsuseReducedMotion with any animationexpo-haptics on key interactionsuseColorSchemewithSpring, never withTiming with linear easingSpring presets (use from design/hig/index.ts):
smooth: default for most transitionssnappy: button presses, togglesbouncy: playful elements, celebrationsgentle: background, ambient motionRun the HIG scanner from design/scanner/:
/erne-hig review ./src/screens/
/erne-hig review ./src/components/Button.tsx
Output: violations grouped by severity (critical → low), HIG score (0-100), grade (A-F), and fix suggestions.
Integrate with /erne-quality-gate — scanner runs automatically alongside code-reviewer and performance-profiler.
Load craft.md + animation.md rules. Key patterns:
FadeIn.duration(300).springify() — never abrupt appear/disappearwithDecay for momentum, snap points with withSpringuseAnimatedScrollHandler + interpolate with Extrapolation.CLAMPProcess reference video through design/video/:
/erne-hig video ./reference.mp4
Auto-detects project stack, generates Reanimated/Gesture Handler code matching the video's motion patterns.
Generate typed design tokens from design/tokens/:
/erne-hig tokens
Creates theme/hig-tokens.ts with colors, typography, spacing, shadows — ready for useColorScheme and StyleSheet.create.