스킬 frontend-review

📦

frontend-review

Name: frontend-review
Author: yaojingang

콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어

병합 전 프런트엔드 코드 검토

프런트엔드 리뷰에서는 접근성 격차, 안전하지 않은 렌더링 경로, 불완전한 UI 상태가 자주 누락됩니다. 이 스킬은 Claude, Codex 또는 Claude Code에 실용적인 병합 전 피드백을 위한 집중 검토 체크리스트를 제공합니다.

지원: Claude Codex Code(CC)

📊 75 적절함

Maintain this Skill? Claim it 📊 75 적절함

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청

Review the Skillstore skill "frontend-review" from https://skillstore.io/skills/yaojingang-frontend-review.md and its manifest at https://skillstore.io/api/skills/yaojingang-frontend-review/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/yaojingang-frontend-review.md 서명된 manifest GET /api/skills/yaojingang-frontend-review/manifest 서명된 lockfile GET /api/skills/yaojingang-frontend-review/lockfile

테스트해 보기

"frontend-review" 사용 중입니다. 병합 전에 새 모달 컴포넌트를 리뷰합니다.

예상 결과:

발견 사항: 대화상자가 열릴 때 포커스가 모달 안으로 이동하지 않습니다.
영향: 키보드 사용자가 배경 컨트롤과 계속 상호작용할 수 있습니다.
수정: 열릴 때 대화상자 제목 또는 첫 번째 실행 가능한 컨트롤로 포커스를 이동합니다.

"frontend-review" 사용 중입니다. 비동기 로딩이 있는 검색 결과 페이지를 리뷰합니다.

예상 결과:

발견 사항: 빈 상태와 오류 상태가 구분되지 않습니다.
영향: 사용자는 결과가 없는 것인지 요청이 실패한 것인지 알 수 없습니다.
수정: 별도의 빈 상태, 로딩 상태, 재시도 가능한 오류 상태를 추가합니다.

"frontend-review" 사용 중입니다. 사용자 제공 콘텐츠를 렌더링하는 컴포넌트를 리뷰합니다.

예상 결과:

발견 사항: 표시 전에 렌더링된 콘텐츠가 정제되는지 리뷰에서 확인해야 합니다.
영향: 신뢰할 수 없는 마크업은 cross-site scripting 위험이 될 수 있습니다.
수정: 안전한 렌더링 기본값을 사용하고 신뢰할 수 있는 HTML 경계를 문서화합니다.

보안 감사

안전

v4 • 2026. 7. 8. 버전별 보고서 열기

The single static finding is a false positive. SKILL.md line 26 uses Markdown backticks to format a local checklist path, not to execute shell or Ruby commands. No prompt injection or malicious intent was found in the reviewed files.

스캔된 파일

분석된 줄 수

검토 항목

오탐 무시됨

위험 요인

⚙️ 외부 명령어 (1)

SKILL.md:26

가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/yaojingang-frontend-review/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/yaojingang-frontend-review/security.svg)](https://skillstore.io/skills/yaojingang-frontend-review?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/yaojingang-frontend-review?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/yaojingang-frontend-review/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/yaojingang-frontend-review.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

학술 인용 (APA · BibTeX · CFF)

APA 인용

yaojingang. (2026). frontend-review security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/yaojingang-frontend-review/audits/4

BibTeX 인용

@techreport{yaojingang-yaojingang-frontend-review-2026,
  author = {yaojingang},
  title = {frontend-review security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/yaojingang-frontend-review/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-review security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "yaojingang"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/yaojingang-frontend-review/audits/4"
identifiers:
  - type: other
    value: "skillstore:yaojingang-frontend-review:audit:4"
    description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

병합 전 React 리뷰

승인 전에 접근성, 안전하지 않은 렌더링, 누락된 사용자 상태에 대해 pull request를 검토합니다.

디자인 시스템 컴포넌트 점검

키보드 동작, 포커스 관리, 비활성화 상태, 일관된 오류 처리 측면에서 공유 컴포넌트를 평가합니다.

보안을 고려한 UI 리뷰

신뢰할 수 없는 콘텐츠를 렌더링하거나 명확한 검증 및 복구 상태 없이 양식을 처리하는 UI 경로를 찾습니다.

이 프롬프트를 사용해 보세요

기본 컴포넌트 리뷰

Use frontend-review to review this component for accessibility, unsafe rendering, and missing loading or error states.

Pull Request 리뷰

Use frontend-review on this frontend change. Prioritize findings by severity and include concrete file references.

양식 흐름 리뷰

Use frontend-review to inspect this form flow for validation gaps, pending states, disabled states, focus handling, and error recovery.

보안 및 접근성 리뷰

Use frontend-review for a strict review of unsafe rendering, dangerous HTML injection paths, keyboard navigation, focus behavior, and residual test gaps.