메뉴
Systematically remove Firebase auth & cloud sync from an Electron + React app — trace dependencies across renderer, main process, and preload bridge
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Find and fix WCAG 2.2 accessibility issues. Two modes — report (sweep a codebase or page, produce a prioritized written report, no edits) and fix (audit→edit→verify loop on a target). Prefers direct-CDP live-DOM auditing; falls back to HTML-string audits.
Diff a live page's accessibility violations against a baseline — by default compares uncommitted changes (stash-based), or pass --branch [<name>] to diff against a branch. Reports only new violations introduced, violations fixed, and pre-existing count. Use `scan` for a full audit with no diffing.
Audit a live page for accessibility issues and locate each violation precisely — pass a URL, a config target name (e.g. `accesslint:scan dev`), or nothing to use the default target from accesslint.config.json. Ensures a debuggable Chrome, runs the @accesslint/core engine via CDP, and returns a worklist of live-DOM WCAG violations grounded to each violation's DOM selector and source file:line. Locates; doesn't edit — output drives fixes by Claude. Use it for "is this page accessible", or to verify a UI change. For diffing against uncommitted changes or a branch, use the `diff` skill.
Diagnose when AI features silently return 'Offline' or 'no API key' despite valid settings
Remove native title bar double-rendering in Electron by setting `frame: false` and using CSS `-webkit-app-region` for window dragging
When a utility exports a boolean constant but a component imports and calls it as a function — `isNative()` instead of `isNative` — causes "is not a function" at render time
| name | remove-auth-from-electron-react-app |
| description | Systematically remove Firebase auth & cloud sync from an Electron + React app — trace dependencies across renderer, main process, and preload bridge |
| source | auto-skill |
| extracted_at | 2026-06-05T18:40:16.459Z |
When removing a cross-cutting concern like Firebase authentication + cloud sync from an Electron + React app, the dependency spans three architectural layers that must each be addressed:
BrowserWindow popup/open handlers, navigation allow-listscontextBridge.exposeInMainWorld entries that expose auth IPC to the rendererWhy: Deleting just the Firebase service file (firebase.js) leaves dangling imports in stores (Zustand), UI components (header, settings), layout init calls, and IPC handlers in the Electron main process. The app will crash at import-time or fail silently with broken UI. Each layer must be traced and cleaned.
How to apply:
grep -r "firebase\|googleSignIn\|authStore\|onAuthChange" src/ electron/
src/services/firebase.js): delete entirelysrc/store/authStore.js): delete entirely (Zustand store that wraps Firebase auth)clipboardStore.js): remove imports (auth, syncClipToCloud, deleteClipFromCloud), remove helper (getCloudUser), remove cloud-sync blocks inside addItem/updateItem/deleteItemLayout.jsx, MobileLayout.jsx): remove useAuthStore import, initAuth() call, and unsubscribe cleanupuseAuthStore usage, update data-section text that references cloud syncCloud, CloudOff, LogOut, User)electron/main.js)require('./google-auth') and any direct auth module usageipcMain.handle('auth:google-signin', ...)frame-src directivesetWindowOpenHandler — remove Firebase/Google popup allow-lists; route all external URLs to shell.openExternalweb-contents-created listener: remove Firebase/Google from allowedUrls in will-navigate handler and from the setWindowOpenHandler blockelectron/preload.js)googleSignIn: () => ipcRenderer.invoke('auth:google-signin') from contextBridge.exposeInMainWorldfirebase.json, .firebaserc, firestore.rules, electron/google-auth.jspackage.json: remove "firebase": "..." linenpm uninstall firebasegrep -r "firebase\|authStore\|googleSignIn" src/ electron/ # should be empty
npx vite build # should compile cleanly