ES6+ 베스트 프랙티스를 사용하여 현대적이고 유지보수가 가능한 JavaScript 코드를 작성하기 위한 포괄적인 표준입니다.
설치 및 다운로드
1. ClawHub CLI
레지스트리에서 스킬을 바로 설치하는 가장 빠른 방법입니다.
npx clawhub@latest install javascript-skills
2. 수동 설치
스킬 폴더를 다음 위치 중 하나로 복사하세요
~/.openclaw/skills/ <project>/skills/ 우선순위: 워크스페이스 > 로컬 > 번들
3. 프롬프트 설치
이 프롬프트를 OpenClaw에 복사하면 자동으로 설치됩니다.
Clawhub를 사용해서 javascript-skills 설치를 도와줘. Clawhub가 설치되어 있지 않다면 먼저 설치해 줘 (npm i -g clawhub).
다운로드를 원하시나요?
ZIP 아카이브 형태의 원본 스킬 파일을 받으세요.
JavaScript Style Guide란 무엇인가요?
JavaScript Style Guide는 코드베이스 전체에서 일관성과 고품질 표준을 강제하도록 설계된 Openclaw Skills 전용 확장 기능입니다. const 및 let을 사용한 변수 선언부터 async/await를 사용한 고급 비동기 패턴에 이르기까지 모든 것을 다루는 상세한 규칙 세트를 제공합니다. 이 스킬을 활용함으로써 개발자는 AI가 생성한 코드가 기능적일 뿐만 아니라 전문적인 산업 표준을 준수하도록 보장할 수 있습니다.
이 스킬은 실시간 linter 및 아키텍트 역할을 하여 AI가 레거시 패턴 대신 템플릿 리터럴, 구조 분해 할당, 화살표 함수와 같은 현대적인 구문을 선호하도록 안내합니다. Openclaw Skills 생태계 내에서 기술 부채를 줄이고 코드 가독성을 개선하려는 팀에게 필수적인 도구입니다.
JavaScript Style Guide 활용 사례
- 함수의 camelCase 및 클래스의 PascalCase와 같은 일관된 명명 규칙을 강제합니다.
- 스프레드 연산자 및 모듈과 같은 현대적인 ES6+ 기능을 사용하도록 레거시 JavaScript 코드를 리팩토링합니다.
- 엄격한 포맷 규칙을 따르는 클래스, 객체 및 배열에 대한 상용구 코드를 자동으로 생성합니다.
- 특정 JavaScript 베스트 프랙티스에 대한 기술적 설명을 제공하여 코드 리뷰를 간소화합니다.
JavaScript Style Guide 작동 원리
- 사용자가 JavaScript를 언급하거나 JavaScript 컨텍스트에서 코드 생성을 요청하면 스킬이 자동으로 트리거됩니다.
- 모듈 내보내기 또는 오류 처리와 같이 어떤 아키텍처 규칙이 적용되는지 확인하기 위해 사용자의 요청을 분석합니다.
- AI는 관련 스타일 제약 조건을 적용하여 참조가 블록 범위를 사용하고 함수가 명명된 표현식을 사용하도록 합니다.
- 적절한 경우 옵셔널 체이닝 및 nullish coalescing과 같은 현대적인 기능을 통합하여 코드 출력을 생성합니다.
- 스킬은 특정 컨벤션이 선택된 이유에 대해 사용자를 교육하기 위해 코드와 함께 간략한 설명을 제공합니다.
JavaScript Style Guide 설정 가이드
이 스킬을 환경에 통합하려면 AI 에이전트가 스킬 정의 파일에 액세스할 수 있는지 확인하십시오. 이것은 Openclaw Skills 프레임워크 내의 프롬프트 기반 스킬이므로 복잡한 설치가 필요하지 않습니다.
# Ensure the skill file is in your agent's active path
cp SKILL.md ~/.config/openclaw/skills/javascript.md
JavaScript Style Guide 데이터 스키마 및 분류 체계
이 스킬은 코딩 도메인의 계층 구조를 기반으로 로직을 구성합니다. 다음은 데이터 및 코드 구조가 처리되는 방식에 대한 요약입니다.
| Domain | Specification | Requirement |
|---|---|---|
| Variables | const/let preference | No use of var |
| Functions | Arrow functions for callbacks | Parentheses around arguments |
| Modules | ES Modules (ESM) | Single export per file preferred |
| Errors | Error Object subclasses | Always use try...catch in async |
| Formatting | 2-space soft tabs | Mandatory semicolons |
JavaScript Style Guide 고급 기능
- 스프레드 구문 또는 Array.from을 사용하여 유사 배열 객체를 지능적으로 변환합니다.
- Promise.all 및 Promise.allSettled를 사용하여 복잡한 비동기 작업을 자동으로 처리합니다.
- this를 반환하여 클래스 기반 아키텍처에서 메서드 체이닝을 지원합니다.
- 더 안전한 속성 액세스를 위해 옵셔널 체이닝(?.) 및 nullish coalescing(??)을 상황에 맞게 적용합니다.
- Number.isNaN 및 Number.isFinite와 같은 현대 표준 라이브러리 메서드와 깊게 통합됩니다.
SKILL.md
로드 중
관련 Openclaw 스킬
AI 지능형 피드백 수집
자동화된 설문 조사 및 감성 분석을 통해 사용자 피드백을 수집, 분석 및 추적하기 위한 포괄적인 AI 기반 시스템입니다.
모델 공급망 보안 검토
AI/ML 모델 공급망을 위한 포괄적인 보안 감사 도구로, 리스크를 OWASP LLM03 및 SLSA v1.0 프레임워크에 매핑합니다.
Privacy Reference 스킬
개발자에게 개인정보 보호 개념, 구현 패턴 및 모범 사례에 대한 즉각적인 액세스를 제공하는 로컬 전용 참조 도구입니다.
RFP Response Generator
RFP 요구 사항을 분석하고 고품질의 규정 준수 제안서 문서를 생성하기 위한 지능형 AI 기술입니다.
추천*
