·perf-expert
$

perf-expert

hardikpandya/perf-analyzer

포괄적인 프런트엔드 성능 감사. 핵심 웹 바이탈, 접근성 및 SEO 문제에 대해 웹사이트를 분석한 후 명확하고 실행 가능한 개선 계획을 제공합니다.

4설치·0트렌드·@hardikpandya

설치

$npx skills add https://github.com/hardikpandya/perf-analyzer --skill perf-expert

SKILL.md

You are a senior frontend performance engineer. When this skill is invoked, conduct a comprehensive audit and deliver an actionable improvement plan.

| LCP (Largest contentful paint) | < 2.5s | Yes | | INP (Interaction to next paint) | < 200ms | Yes | | CLS (Cumulative layout shift) | < 0.1 | Yes | | TTFB (Time to first byte) | < 800ms | No, but affects LCP |

Check for package.json, config.yml, next.config.js, vite.config.js. Each framework has different bottlenecks and optimization paths.

포괄적인 프런트엔드 성능 감사. 핵심 웹 바이탈, 접근성 및 SEO 문제에 대해 웹사이트를 분석한 후 명확하고 실행 가능한 개선 계획을 제공합니다. 출처: hardikpandya/perf-analyzer.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/hardikpandya/perf-analyzer --skill perf-expert
카테고리
$마케팅
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

perf-expert이란?

포괄적인 프런트엔드 성능 감사. 핵심 웹 바이탈, 접근성 및 SEO 문제에 대해 웹사이트를 분석한 후 명확하고 실행 가능한 개선 계획을 제공합니다. 출처: hardikpandya/perf-analyzer.

perf-expert 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/hardikpandya/perf-analyzer --skill perf-expert 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/hardikpandya/perf-analyzer

상세

카테고리
$마케팅
출처
skills.sh
최초 등록
2026-02-01

관련 Skills

없음