Agent skill
bun
Node.js 대신 Bun 런타임 사용을 위한 스킬. 다음 상황에서 사용: (1) 새 JavaScript/TypeScript 프로젝트 생성 시, (2) package.json 또는 의존성 관련 작업 시, (3) 스크립트 실행 또는 개발 서버 시작 시, (4) Node.js 프로젝트를 Bun으로 전환 시, (5) 'bun', 'bunx', 'bun.lockb' 키워드가 포함된 작업 시
Install this agent skill to your Project
npx add-skill https://github.com/DaleStudy/skills/tree/main/skills/bun
Metadata
Additional technical details for this skill
- author
- DaleStudy
- version
- 1.0.0
SKILL.md
Bun
Node.js 대신 Bun을 기본 런타임으로 사용.
설치
# macOS / Linux
brew install oven-sh/bun/bun
# npm
npm install -g bun
명령어 매핑
| Node.js / npm | Bun |
|---|---|
npm install |
bun install |
npm install <pkg> |
bun add <pkg> |
npm install -D <pkg> |
bun add -d <pkg> |
npm uninstall <pkg> |
bun remove <pkg> |
npm run <script> |
bun run <script> 또는 bun <script> |
npx <cmd> |
bunx <cmd> |
node <file> |
bun <file> |
npm init |
bun init |
npm create <template> |
bun create <template> |
프로젝트 초기화
# 새 프로젝트
bun init
# 템플릿 사용
bun create next-app my-app
bun create vite my-app
패키지 관리
# 설치 (bun.lockb 생성)
bun install
# 의존성 추가
bun add express zod
bun add -d typescript @types/node # devDependencies
# 삭제
bun remove lodash
lockfile:
bun.lockb(바이너리)..gitignore에 추가하지 않음.
스크립트 실행
# package.json scripts
bun run dev
bun run build
# 파일 직접 실행 (TypeScript 지원)
bun index.ts
bun src/server.ts
# 단축 (run 생략 가능)
bun dev
주의 사항
1. 패키지 설치 전 이름 확인
# ❌ 오타 또는 유사 패키지 - 타이포스쿼팅 위험
bun add expres
bun add lodassh
# ✅ 정확한 패키지명 확인 후 설치
bun add express
bun add lodash
bun add 실행 전 패키지명이 정확한지 확인. npm 레지스트리에 유사한 이름의 악성 패키지가 등록될 수 있음.
2. 신뢰할 수 없는 스크립트 실행 금지
# ❌ 출처 불명의 스크립트 직접 실행
bun run https://example.com/script.ts
curl -fsSL https://example.com/install.sh | bash
# ✅ 로컬 프로젝트 내 스크립트만 실행
bun run src/index.ts
bun run dev
원격 스크립트나 검증되지 않은 파일은 직접 실행하지 않음.
GitHub Actions
- uses: oven-sh/setup-bun@v{N} # 최신 버전 확인: gh api repos/oven-sh/setup-bun/releases/latest --jq '.tag_name'
- run: bun install
- run: bun test
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
storybook
Storybook 스토리 작성 및 CSF 3.0 베스트 프랙티스 스킬. 다음 상황에서 사용: (1) 새 스토리 파일(.stories.tsx, .stories.ts) 작성 시, (2) 기존 스토리 수정 시, (3) Args, Decorators, Parameters 설정 시, (4) Storybook 설정 파일(.storybook/) 작업 시, (5) 'story', 'stories', 'storybook', 'CSF' 키워드가 포함된 작업 시
testing
React Testing Library 및 Vitest 기반 테스팅 모범 관례. 다음 상황에서 사용: (1) .test.tsx, .test.ts, .spec.tsx, .spec.ts 파일 작업 시, (2) 컴포넌트 테스트 작성 또는 리팩토링 시, (3) 'test', 'testing', 'vitest', 'RTL', 'getByRole', 'userEvent', 'waitFor', 'expect' 키워드 포함 작업 시, (4) 비동기 로직 또는 사용자 상호작용 테스트 작성 시
github-actions
GitHub Actions 워크플로우 생성, 보안 및 버전 관리 스킬. 다음 상황에서 사용: (1) 새 워크플로우 파일(.yml) 작성 시, (2) 기존 워크플로우 수정 시, (3) 액션 버전 검토 또는 업데이트 시, (4) CI/CD 보안 감사 시, (5) 'actions/', 'uses:', 'workflow', '.github/workflows' 키워드가 포함된 작업 시
github
GitHub CLI(gh)를 활용한 GitHub 플랫폼 상호작용 가이드. 다음 상황에서 사용: (1) GitHub 이슈 생성, 조회, 수정 시, (2) Pull Request 생성, 리뷰, 병합 시, (3) GitHub 릴리스 생성 및 관리 시, (4) 레이블, 마일스톤 등 프로젝트 관리 시, (5) GitHub Actions 워크플로우 실행 및 결과 조회 시, (6) 'gh', 'issue', 'pull request', 'PR', 'release', 'label', 'workflow', 'run' 키워드가 포함된 작업 시
react
React 성능 최적화 및 베스트 프랙티스 스킬. Vercel Engineering 가이드 기반, 프레임워크 비종속. 다음 상황에서 사용: (1) React 컴포넌트(.tsx, .jsx) 작성 또는 수정 시, (2) 상태 관리, hooks, 리렌더링 최적화 작업 시, (3) 비동기 데이터 페칭 또는 Suspense 패턴 작업 시, (4) 번들 사이즈 최적화 또는 코드 스플리팅 시, (5) 'react', 'useState', 'useEffect', 'useMemo', 'useCallback', 'memo', 'Suspense', 'lazy' 키워드가 포함된 작업 시
typescript
TypeScript 타입 정의 및 베스트 프랙티스 스킬. 다음 상황에서 사용: (1) TypeScript 파일(.ts, .tsx) 작성 또는 수정 시, (2) 타입 정의(interface, type) 작업 시, (3) tsconfig.json 설정 또는 컴파일러 옵션 조정 시, (4) 타입 에러 해결 또는 타입 안전성 개선 시, (5) 제네릭, 유틸리티 타입, 타입 조작 작업 시, (6) 'typescript', 'ts', 'type', 'interface', 'generic' 키워드가 포함된 작업 시
Didn't find tool you were looking for?