사이버펑크 2077에 '샤드'라는 아이템이 있어요. 칩 하나 꽂으면 다른 사람의 지식이 통째로 내 것이 되는데, 이 레포가 딱 그거예요. 그동안 쌓아온 코딩 지식을 스킬로 만들어 두고, 코딩 에이전트에 꽂아서 쓰는 곳이에요.
ESLint 프리셋은 npm으로, 에이전트 스킬은 Claude Code / Codex 플러그인 마켓플레이스로 배포하고 있어요.
| 패키지 | 배포 방식 | 설명 |
|---|---|---|
@lodado/eslint-config |
npm (changesets) | 조합형 ESLint 프리셋 — 필요한 것만 켜요 |
@lodado/eslint-plugin-local-rules |
npm (changesets) | 커스텀 ESLint 규칙 |
vibe-coding-helper |
Claude Code / Codex 플러그인 | 에이전트와 공유하는 레포 컨벤션 스킬 |
frontend-oracle-design |
Claude Code / Codex 플러그인 | 위험도 기반 테스트 Oracle 계약, TDD, 리뷰 |
agent-graph-engineering |
Claude Code / Codex 플러그인 | 네이티브 에이전트 워크플로 그래프 설계·실행 |
frontend-system-design |
Claude Code / Codex 플러그인 | 잘 알려진 프론트엔드 문제의 Oracle 연계 패턴 |
test |
Claude Code / Codex 플러그인 | Oracle 기반 결정론적 프론트엔드 행동 테스트 |
frontend-visual-qa |
Claude Code / Codex 플러그인 | 스크린샷 비교와 직접 브라우저 QA |
base 프리셋은 항상 깔고 시작하고, 그 위에 프로젝트에 필요한 것만 골라서 얹으면 돼요.
// .eslintrc.js
module.exports = {
root: true,
extends: [
'@lodado/eslint-config',
'@lodado/eslint-config/react',
'@lodado/eslint-config/a11y',
'@lodado/eslint-config/local-rules',
],
}쓸 수 있는 프리셋은 base(.), react, next, a11y, turbo, local-rules,
testing, query가 있어요. 자세한 안내는
eslint-setup 스킬에
정리해 뒀어요.
Claude Code에서 두 줄이면 끝나요.
/plugin marketplace add lodado/shareds
/plugin install vibe-coding-helper@my-vibe-coding-helper
같은 패키지 안에 .codex-plugin/plugin.json도 함께 들어 있어서, Codex도 동일한
skills/ 디렉터리를 그대로 읽어요. 스킬 하나 만들면 두 에이전트가 같이 써요.
pnpm install
pnpm lint
pnpm test # 프리셋 스모크 테스트
pnpm changeset # 릴리스 기록릴리스는 main에서 .github/workflows/intergrate_workflow.yml이 돌면서
처리해요. 릴리스 잡은 레포 변수 ENABLE_NPM_RELEASE가 true일 때만 실행되고,
@lodado/* 패키지를 배포할 수 있는 NPM_TOKEN 시크릿이 필요해요.