Community코딩 & 개발github.com

addyosmani/best-practices

최신 웹 개발 모범 사례를 보안, 호환성 및 코드 품질 측면에서 적용합니다. '모범 사례 적용', '보안 감사', '코드 현대화', '코드 품질 검토' 또는 '취약점 확인'과 같은 요청에 사용하세요.

best-practices란 무엇인가요?

이 스킬은 Claude Code, Cursor, Codex와 같은 AI 에이전트에서 웹 애플리케이션에 최신 모범 사례를 자동으로 적용하도록 설계되었습니다. 보안 취약점 스캐닝, 브라우저 호환성 검사, 코드 품질 평가(렌트, 린터 기반) 및 레거시 코드 현대화를 지원합니다. 사용자가 '모범 사례 적용', '보안 감사 실행', '코드 품질 검토'와 같은 명령을 내리면, 이 스킬은 프로젝트 종속성, 구성 파일 및 소스 코드를 분석하여 권장 사항을 제공하거나 자동 수정을 수행합니다. 주된 이점은 여러 도구를 수동으로 실행할 필요 없이 일관된 품질 기준을 유지하고, 잠재적 보안 위협을 조기에 발견하며, 코드베이스를 최신 표준에 맞게 업데이트하는 데 있습니다. 이 스킬은 JavaScript/TypeScript, Python, Go 등 다양한 언어를 지원하며, 프로젝트의 기존 도구 체인과 통합됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/best-practices

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

best-practices은(는) 무엇을 하나요?

최신 웹 개발 모범 사례를 보안, 호환성 및 코드 품질 측면에서 적용합니다. '모범 사례 적용', '보안 감사', '코드 현대화', '코드 품질 검토' 또는 '취약점 확인'과 같은 요청에 사용하세요.

사용법

다음 중 하나를 요청할 때 이 스킬을 호출하세요:

  • "이 프로젝트에 모범 사례를 적용해줘"
  • "보안 감사를 실행해줘"
  • "이 코드를 현대화해줘"
  • "코드 품질 검토를 수행해줘"
  • "취약점을 확인해줘"

기능

  • 보안 감사: 의존성 및 소스 코드에서 일반적인 취약점(예: XSS, SQL 인젝션)을 스캔합니다.
  • 호환성 검사: 브라우저 및 플랫폼 호환성을 확인하고 필요한 폴리필을 제안합니다.
  • 코드 품질 검토: 린팅 규칙, 포맷팅 및 모범 사례 패턴을 적용합니다.
  • 코드 현대화: 레거시 패턴(예: var, 콜백)을 최신 구문(예: const/let, async/await)으로 변환합니다.

지원 플랫폼

  • Claude Code
  • Cursor
  • Codex

예시

# 보안 감사 실행
npx audit-ci --config .audit-ci.json

# 자동 코드 포맷팅
npx prettier --write "src/**/*.{js,ts,jsx,tsx}"

참고

자세한 내용은 공식 문서를 참조하세요.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

관련 스킬