스킬 frontend-security-coder

📦

frontend-security-coder

Name: frontend-security-coder
Author: sickn33

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

안전한 프론트엔드 코드 구축

프론트엔드 팀은 XSS, 안전하지 않은 리디렉션, 취약한 브라우저 보호로 이어지는 클라이언트 측 결함을 놓치는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 안전한 UI 패턴을 구현하고 집중적인 프론트엔드 보안 리뷰를 수행하도록 안내합니다.

지원: Claude Codex Code(CC)

🥉 78 브론즈

Maintain this Skill? Claim it 🥉 78 브론즈

내 에이전트로 설치

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

에이전트 요청

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

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

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

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

Markdown 상세 GET /skills/sickn33-frontend-security-coder.md 서명된 manifest GET /api/skills/sickn33-frontend-security-coder/manifest 서명된 lockfile GET /api/skills/sickn33-frontend-security-coder/lockfile

테스트해 보기

"frontend-security-coder" 사용 중입니다. 사용자 프로필 페이지가 이름, 소개, 업로드된 리치 텍스트를 렌더링합니다.

예상 결과:

신뢰할 수 있는 콘텐츠와 신뢰할 수 없는 콘텐츠를 구분하고, 더 안전한 렌더링 API를 권장하며, 정제가 필요한 위치를 식별하는 우선순위 기반 리뷰입니다.

"frontend-security-coder" 사용 중입니다. 한 팀이 분석 및 결제를 중단하지 않고 CSP를 배포하려고 합니다.

예상 결과:

report-only 테스트, nonce 또는 hash 지침, 타사 소스 검토, 위반 모니터링 단계를 포함한 단계별 롤아웃 계획입니다.

"frontend-security-coder" 사용 중입니다. 리디렉션 매개변수가 로그인 후 사용자를 목적지로 보냅니다.

예상 결과:

열린 URL 매개변수를 고정된 목적지 식별자, allowlist 검사, 명확한 대체 동작으로 대체하라는 권장 사항입니다.

보안 감사

안전

v5 • 2026. 7. 23. 버전별 보고서 열기

The only static finding is a false positive: line 24 uses Markdown backticks to identify a documentation path, not execute a shell command. No prompt injection, exfiltration intent, executable code, or other semantic security issue was found in the scanned skill.

스캔된 파일

174

분석된 줄 수

검토 항목

오탐 무시됨

위험 요인

⚙️ 외부 명령어 (1)

SKILL.md:24

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

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

이 보고서 공유 및 인용

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

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/sickn33-frontend-security-coder/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

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

HTML 배지

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

임베드 카드

<iframe src="https://skillstore.io/embed/skills/sickn33-frontend-security-coder.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 인용

sickn33. (2026). frontend-security-coder security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-frontend-security-coder/audits/5

BibTeX 인용

@techreport{sickn33-sickn33-frontend-security-coder-2026,
  author = {sickn33},
  title = {frontend-security-coder security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/sickn33-frontend-security-coder/audits/5},
  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-security-coder security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-frontend-security-coder/audits/5"
identifiers:
  - type: other
    value: "skillstore:sickn33-frontend-security-coder:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore 점수

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

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

사용자 콘텐츠 렌더링 강화

댓글, markdown, 리치 텍스트, 동적 UI 업데이트를 더 안전하게 렌더링하도록 구현합니다.

클라이언트 측 제어 검토

기존 UI 코드에서 XSS, 리디렉션, CSP, 토큰 저장소, iframe 위험을 점검합니다.

안전한 타사 통합

SRI, 샌드박싱, 개인정보 보호 제한을 적용해 분석, 결제, 채팅, 위젯 통합을 더 안전하게 계획합니다.

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

XSS 관점에서 컴포넌트 검토

이 프론트엔드 컴포넌트의 XSS 위험을 검토하세요. DOM API, 템플릿 출력, 사용자 제공 데이터에 집중하세요. 최소한의 수정 사항을 제안하세요.

안전한 입력 검증 추가

이 폼에 클라이언트 측 검증을 추가하도록 도와주세요. allowlists, 안전한 URL 처리, 명확한 오류 상태를 사용하세요. 백엔드 검증 가정은 명시적으로 유지하세요.

CSP 롤아웃 설계

이 프론트엔드 앱을 위한 단계별 CSP 계획을 만드세요. report-only 모드, nonce 또는 hash 전략, 타사 스크립트, 테스트 단계를 포함하세요.

복잡한 통합 강화

이 타사 위젯 통합을 검토하세요. iframe 샌드박싱, postMessage 검증, SRI, 개인정보 보호 제약, 실패 처리를 다루세요.

모범 사례

위협 모델, 프레임워크, 대상 브라우저, 신뢰할 수 있는 콘텐츠 소스를 제공하세요.
현재 사용자 흐름과 접근성을 유지하는 최소 패치를 요청하세요.
테스트, 브라우저 동작, 배포 환경의 보안 헤더로 권장 사항을 검증하세요.

피하기

클라이언트 측 검증을 유일한 보안 제어로 의존하는 것.
코드, 컨텍스트, 허용 가능한 트레이드오프 없이 일반적인 보안 조언을 요청하는 것.
더 안전한 옵션을 테스트하기 전에 unsafe-inline과 같은 광범위한 CSP 예외를 추가하는 것.

자주 묻는 질문

이 스킬이 안전한 프론트엔드 코드를 작성할 수 있나요?

예. 더 안전한 DOM 처리, CSP, 검증, 리디렉션, 브라우저 보안 기능에 대한 구현 지침을 제공합니다.

전체 보안 감사를 대체하나요?

아니요. 침투 테스트나 컴플라이언스 승인 서명이 아니라 프론트엔드 구현과 리뷰에 집중합니다.

어떤 도구에서 사용할 수 있나요?

이 패키지는 Claude, Codex, Claude Code 지원을 선언합니다.

React 또는 Vue에도 도움이 되나요?

예, 컴포넌트 코드와 프레임워크 제약 조건을 제공하면 가능합니다. 일반적인 프론트엔드 패턴에 맞게 지침을 조정할 수 있습니다.

외부 스캐너를 실행하나요?

아니요. 이 스킬은 프롬프트 지침만 제공하며 실행 가능한 스캐너 코드는 포함하지 않습니다.

권장 사항을 어떻게 검증해야 하나요?

위험한 흐름에 대해서는 단위 테스트, 브라우저 테스트, CSP 보고서, 종속성 검사, 애플리케이션 보안 리뷰를 사용하세요.

개발자 세부 정보

작성자

sickn33

라이선스

MIT

Skillstore 리비전

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/frontend-security-coder

참조

88a8e9a07f4c54ab105c1c41b6267c287146b07b

유지보수 최신성

2026. 7. 26.

사용량

7 다운로드 · 86 조회

파일 구조

📄 SKILL.md