메뉴
This skill should be used when the user asks to "take a desktop screenshot", "screenshot the electron app", "show me the desktop app", "what does the app look like", or mentions checking the Electron/desktop UI visually.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when updating npm/yarn dependencies in shared/package.json. Use for routine dep bumps, security updates, or keeping packages current.
Use when refactoring Keybase Zustand stores in `shared/stores` to remove screen-local or route-owned state, keep only truly global or cross-screen data in the store, prefer querying the Go service layer over frontend convenience caches, move one-off RPC calls into components with `C.useRPC`, and split the work into safe stacked commits.
Use when writing, fixing, or adding e2e flow tests for the Keybase app — desktop (Playwright) or iOS (Maestro). Covers testID conventions, navigation patterns, common pitfalls, and the two-harness structure.
Migrate React Navigation navigators from dynamic component based config to static object based config.
Software Mansion's best practices for production React Native and Expo apps on the New Architecture. Trigger on: 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', or any question involving UI, graphics, native modules, or React Native threading and animation behavior. Also use when a more specific sub-skill matches.
Upgrade React Navigation from 6.x to 7.x or from 7.x to 8.x.
| name | electron-screenshot |
| description | This skill should be used when the user asks to "take a desktop screenshot", "screenshot the electron app", "show me the desktop app", "what does the app look like", or mentions checking the Electron/desktop UI visually. |
Take a screenshot of the running Electron app via Playwright MCP and display it.
The Electron app must be running with remote debugging enabled:
KB_ENABLE_REMOTE_DEBUG=1 yarn desktop:start:hot
This launches Electron with --remote-debugging-port=9222.
Close the DevTools tab first to avoid stale data. Use browser_tabs with action=list, then action=close on the DevTools tab (usually index 0).
Select the main app window tab (the one titled "Keybase: ..." — usually index 1 after DevTools is closed it becomes index 0). Use browser_tabs with action=list then action=select.
Take a screenshot with browser_take_screenshot.
The screenshot is saved to a temp file. Resize it for token efficiency:
sips -Z 800 <screenshot_path> --out /tmp/electron-screenshot.png
Use the Read tool to display /tmp/electron-screenshot.png to the user.
cd shared && KB_ENABLE_REMOTE_DEBUG=1 yarn desktop:start:hot.sips fails, fall back to displaying the original screenshot directly.browser_evaluate and browser_snapshot run against DevTools instead of the app.