Lighthouse Audit

Google Lighthouse를 로컬에서 실행하여 웹 페이지의 성능, 접근성, SEO 등을 분석하고 개선점을 제안하는 스킬.

동작 흐름

사용자가 URL을 명시한 경우 그대로 사용한다. URL이 여러 개이면 모두 수집하여 한 번에 분석한다. URL이 없으면 프로젝트 설정 파일을 확인하여 프레임워크를 감지하고 기본 로컬 URL을 추론한다.

감지 파일	프레임워크	기본 URL
`vite.config.ts` / `vite.config.js`	Vite (React, Vue 등)	`http://localhost:5173`
`next.config.ts` / `next.config.js` / `next.config.mjs`	Next.js	`http://localhost:3000`
`nuxt.config.ts` / `nuxt.config.js`	Nuxt	`http://localhost:3000`
`svelte.config.js` / `svelte.config.ts`	SvelteKit	`http://localhost:5173`
`angular.json`	Angular	`http://localhost:4200`