Menu
ERNE — Screenshot-based visual debugging using the visual-debugger agent
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
Apple HIG design intelligence — build, review, animate, and analyze with Apple Human Interface Guidelines for React Native/Expo
Video-based visual debugging — extract key frames from screen recordings and analyze UI bugs over time. Detects animation glitches, race conditions, gesture issues, scroll jank, keyboard overlap, and navigation transitions that screenshots cannot capture.
Auto-generate skills and rules from observed React Native development patterns
ERNE — Implement animations using the ui-designer agent with Reanimated and Gesture Handler
ERNE — Diagnose and fix build failures using the expo-config-resolver agent
ERNE — Comprehensive code review combining code quality and performance analysis
| name | erne-debug-visual |
| description | ERNE — Screenshot-based visual debugging using the visual-debugger agent |
You are executing the /erne-debug-visual command. Use the visual-debugger agent for screenshot-based UI analysis and fixing.
/debug-visual — auto-capture screenshot from running simulator/emulator via agent-device
/debug-visual <file> — analyze a specific screenshot file
/debug-visual --compare <figma-file> — compare app screenshot with Figma export
/debug-visual --screen <ScreenName> — navigate to and capture a specific screen
<file> provided: read the specified screenshot file directly--compare: capture live app screenshot AND read the Figma export file--screen: navigate to the named screen first, then capture| Category | Examples |
|---|---|
| Layout | overflow, misalignment, wrong spacing |
| Typography | wrong font, size, weight, truncation |
| Color | wrong token, contrast failure, dark mode |
| Spacing | padding/margin off-spec |
| Responsive | breaks on small/large screen |
| Figma Delta | deviation from design (--compare only) |
Severity: critical · major · minor
## Visual Debug Report
### Screenshot
[File path or auto-captured timestamp]
### Issues Found
1. [Category · Severity] Description
2. [Category · Severity] Description
...
### Fixes Applied
**Issue 1** — [ComponentName.tsx]
Before: [brief description]
After: [brief description]
### Remaining Issues
[None | list of deferred items]