senior-frontend
신뢰할 수 있는 React 및 Next.js 프런트엔드 구축
현대적인 프런트엔드 작업에는 일관된 아키텍처, 빠른 페이지, 반복 가능한 설정이 필요합니다. 이 스킬은 Claude, Codex, Claude Code에 구조화된 React, Next.js, TypeScript, Tailwind 가이드를 제공합니다.
설치 전에 중지하고 확인을 요청하세요.
계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/alirezarezvani-senior-frontend.md and its manifest at https://skillstore.io/api/skills/alirezarezvani-senior-frontend/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"senior-frontend" 사용 중입니다. 릴리스 전에 React 페이지를 개선해야 합니다.
예상 결과:
- 컴포넌트 경계, 로딩 상태, 접근성, 테스트에 대한 우선순위 체크리스트.
- 렌더링, 번들 크기, 이미지, 캐싱을 다루는 짧은 성능 리뷰.
- 로컬 검사를 실행하기 전에 검토할 명령 목록.
"senior-frontend" 사용 중입니다. 프로젝트 경로에 대해 로컬 분석기 워크플로를 실행하세요.
예상 결과:
- 대상 경로가 존재하며 처리할 수 있는지 검증합니다.
- 선택한 대상과 현재 발견 항목 수를 보여주는 상태 보고서.
- 사용자가 명시적인 출력 경로를 제공할 때 선택적으로 저장되는 보고서 출력.
"senior-frontend" 사용 중입니다. 프런트엔드 리뷰를 위한 팀 가이드를 만드세요.
예상 결과:
- React 패턴, Next.js 성능, 프런트엔드 보안을 위한 간결한 리뷰 체크리스트.
- 구현 및 리뷰 중 피해야 할 일반적인 안티패턴.
- 아키텍처, 테스트, 릴리스 준비 상태에 대한 후속 질문 모음.
보안 감사
높은 위험Reviewed all 65 static findings against the source context; the backtick, reconnaissance, environment-file, and filesystem hits are false positives. A separate semantic concern remains because marketplace_content.json embeds self-authored safety claims such as safe_to_publish true. No evidence found of malicious command execution, secret access, or network exfiltration.
확인된 보안 우려 사항 (1)
위험 요인
⚙️ 외부 명령어 (54)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/alirezarezvani-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/alirezarezvani-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/alirezarezvani-senior-frontend.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 인용
alirezarezvani. (2026). senior-frontend security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6BibTeX 인용
@techreport{alirezarezvani-alirezarezvani-senior-frontend-2026,
author = {alirezarezvani},
title = {senior-frontend security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6},
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: "senior-frontend security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "alirezarezvani"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/alirezarezvani-senior-frontend/audits/6"
identifiers:
- type: other
value: "skillstore:alirezarezvani-senior-frontend:audit:6"
description: "Skillstore immutable audit report identifier"
변형 비교
설치 가능한 변형 2개각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
alirezarezvani-senior-frontend
2026-10-23
Skillstore 점수
이 점수의 이유 증거 신뢰도: 중간만들 수 있는 것
컴포넌트 작업 계획
구현 전에 참조 자료를 사용하여 React 컴포넌트 구조, 상태 경계, 스타일링 선택을 개략적으로 정리합니다.
리뷰 가이드 표준화
성능, 유지보수성, 보안, 일반적인 프런트엔드 안티패턴을 위한 공유 체크리스트를 만듭니다.
로컬 도구 단계 준비
Claude, Codex 또는 Claude Code에 문서화된 명령을 검토된 로컬 워크플로로 바꾸도록 요청합니다.
이 프롬프트를 사용해 보세요
senior-frontend 스킬을 사용해 작은 React 기능을 위한 프런트엔드 단계를 나열하세요. 컴포넌트 구조, 상태 요구사항, 스타일링, 테스트를 포함하세요.
senior-frontend 참조 자료로 내 React 컴포넌트 계획을 검토하세요. 누락된 props, 접근성 문제, 성능 위험, 유지보수성 문제를 식별하세요.
Next.js 최적화 가이드를 사용해 내 앱을 위한 우선순위 기반 성능 계획을 만드세요. 라우팅, 번들 크기, 캐싱, 이미지, 측정을 다루세요.
이 스킬을 사용해 레거시 React 앱에서 Next.js로의 마이그레이션을 감사하세요. 단계, 위험, 검증 검사, 롤백 고려사항을 작성하세요.
모범 사례
- 프로젝트에서 실행하기 전에 생성된 명령 목록을 검토하세요.
- 참조 노트를 출발점으로 사용하고 앱 버전에 맞는지 검증하세요.
- 스크립트 보고서를 저장할 때 출력 경로를 프로젝트 워크스페이스 내부로 유지하세요.
피하기
- placeholder 스크립트를 확장하지 않은 채 프로덕션 분석기로 취급하지 마세요.
- 대상 환경을 확인하지 않고 예시의 배포 명령을 실행하지 마세요.
- 환경 예시나 프롬프트 텍스트에 실제 비밀 정보를 넣지 마세요.
자주 묻는 질문
이 스킬은 어떤 AI 도구에서 사용할 수 있나요?
스킬이 명령을 자동으로 실행하나요?
번들 분석기가 실제 번들 크기를 측정하나요?
스크립트가 파일을 작성할 수 있나요?
가이드가 특정 React 버전에 한정되어 있나요?
사용하기 전에 무엇을 검토해야 하나요?
개발자 세부 정보
작성자
alirezarezvani라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
유지보수 최신성
2026. 7. 23.
사용량
32 다운로드 · 206 조회