다음 분야를 탐색하여 안내 영역을 살펴보세요.
핵심 분야
웹에서 안전하고 고품질의 환경을 구축하기 위한 권장사항
accessibility
전체 애플리케이션에서 효과적인 접근성 패턴을 평가, 수정, 구현합니다.
performance
코어 웹 바이탈을 최적화하고, 페이지 로드 시간을 줄이고, 사용자 입력에 대한 응답성을 개선합니다.
privacy
설계 단계부터 개인 정보 보호, 데이터 수집 최소화, 서드 파티 감사, 안전한 데이터 처리를 구현합니다.
security
일반적인 웹 취약점 (XSS, CSP, 쿠키, 교차 출처 격리)으로부터 보호하기 위해 예방적 보안 가이드라인을 구현합니다.
웹 기술
핵심 웹 언어, 기술, 런타임 환경 사용에 관한 권장사항
html
최신 HTML 아키텍처, 시맨틱, 네이티브 대화형 API (대화상자, 팝오버, 세부정보), 포커스 관리, 리소스 우선순위 지정을 구현합니다.
css
최신 CSS 아키텍처, 레이아웃, 성능 권장사항을 적용합니다.
css-layout
Flexbox, 그리드, 하위 그리드, 컨테이너 쿼리, 앵커 위치 지정, 내재적 크기 조정과 같은 최신 CSS 기능을 사용하여 반응형 레이아웃을 빌드합니다.
forms
액세스 가능하고 안전하며 사용자 친화적인 웹 양식을 빌드하세요.
passkeys
교차하는 최신 원칙에 따라 웹 애플리케이션에서 WebAuthn 및 패스키를 구현합니다.
webmcp
WebMCP를 구현하여 클라이언트 측 브라우저 기능을 AI 에이전트를 위한 대화형 도구로 노출합니다.
브라우저 기능 (선택)
특수 브라우저 API 및 플랫폼 사용 권장사항 이러한 기능은 modern-web-guidance와 별개의 기능이며 개별적으로 설치해야 합니다.
chrome-extensions
일반적인 서비스 워커 수명 주기 및 샌드박스 함정을 피하는 Manifest V3에 따라 안전하고 규정을 준수하는 Chrome 확장 프로그램을 빌드하고 메타데이터, 개인 정보 보호 정책, 권한 근거를 준비하는 데 도움을 받아 Chrome 웹 스토어에 게시하는 과정을 간소화하세요. 선택하려면 최신 웹 안내를 설치할 때 chrome-extensions 스킬을 선택하세요.
npx modern-web-guidance@latest install --choose
GitHub에서 chrome-extensions 스킬 보기
다음 단계
이제 Modern Web Guidance를 이해했으니 직접 사용해 보세요. Modern Web Guidance에서 지원되는 기능과 사용 사례를 알아보고 샘플 프롬프트를 몇 개 사용해 시작해 보세요.