Menu
ERNE — Design navigation architecture using the architect agent
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
| name | erne-navigate |
| description | ERNE — Design navigation architecture using the architect agent |
You are executing the /erne-navigate command. Use the architect agent to design navigation structure.
app/
_layout.tsx # Root Stack
index.tsx # Redirect to (tabs)
+not-found.tsx # 404 screen
(tabs)/
_layout.tsx # Tab navigator
index.tsx # Home tab
search.tsx # Search tab
profile.tsx # Profile tab
(auth)/
_layout.tsx # Auth stack (no tabs)
login.tsx
register.tsx
forgot-password.tsx
[entity]/
_layout.tsx # Entity detail stack
[id].tsx # Entity detail screen
[id]/edit.tsx # Edit screen
modal/
_layout.tsx # Modal group
settings.tsx # Settings modal
create-post.tsx # Create post modal
Define navigation patterns:
Generate layout files — Create _layout.tsx files with proper configuration:
// app/(tabs)/_layout.tsx
import { Tabs } from 'expo-router';
export default function TabLayout() {
return (
<Tabs screenOptions={{ tabBarActiveTintColor: '#007AFF' }}>
<Tabs.Screen name="index" options={{ title: 'Home', tabBarIcon: ... }} />
<Tabs.Screen name="search" options={{ title: 'Search', tabBarIcon: ... }} />
<Tabs.Screen name="profile" options={{ title: 'Profile', tabBarIcon: ... }} />
</Tabs>
);
}
rules/common/navigation.md for conventionsnpx uri-scheme open [url] --iosApple 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