클로드 코드 플러그인 다섯 개를 다뤄봤습니다. 소개 글은 이미 여럿 있는데 대부분 "명령어 한 줄이면 끝"으로 끝나더군요. 그래서 직접 깔아봤습니다.
결과부터 말하면 하나는 명령어가 아예 안 만들어졌습니다. 하나는 저희가 몇 달째 쓰고 있고요. 나머지 셋은 성격이 제각각이라 한 줄로 묶기 어렵습니다.
확인한 환경 · Windows 11 · Node v24.18.0 · npm 11.16.0 · 2026년 8월 24일 기준입니다. 설치 수는 공식 페이지에서 그날 직접 읽었습니다.
어디서 쓸 수 있는지부터 — 여기서 헛수고가 갈립니다
다섯 개가 다 같은 물건이 아닙니다. 넷은 클로드 코드에 붙는 플러그인이고 하나만 스킬이에요. 이 차이가 "웹에서 쓸 수 있나"를 가릅니다.
| 도구 | 종류 | 클로드 코드 | 웹 / 앱 |
|---|---|---|---|
| OmniRoute | npm 패키지 | 됨 | 안 됨 |
| claude-mem | 플러그인 | 됨 | 안 됨 |
| Frontend Design | 플러그인 | 됨 | 안 됨 |
| Playwright | 플러그인 | 됨 | 안 됨 |
| Task Observer | 스킬 | 됨 | 됨 |
플러그인은 웹이나 데스크탑 앱에 설치할 자리 자체가 없습니다. Task Observer만 스킬이라 웹·앱·모바일 어디서나 되고 무료 요금제에서도 씁니다. 웹만 쓰신다면 그것 하나만 보시면 됩니다.
명령어 두 종류를 먼저 구분하세요. 실제로 여기서 제일 많이 막힙니다.
· / 로 시작 → 클로드 코드 안에서 칩니다
· / 없음 → 터미널에서 칩니다
이런 소식, 남들보다 먼저 받으실 분?
직접 돌려보고 되는 것만 골라 매주 보내드립니다. 광고성 하이프는 거릅니다.
1. OmniRoute — 저희 환경에서는 실패했습니다
OmniRoute
diegosouzapw · MIT · v3.8.49 설치 실패한도에 걸리면 다른 모델로 갈아타게 해주는 도구입니다. 내 컴퓨터에 중계 서버를 띄우고 클로드 코드가 그쪽을 거치게 하는 방식이에요. 개념은 좋습니다.
그런데 설치가 끝났는데 명령어가 없었습니다.
$ npm install -g omniroute
... 경고 여러 줄 ... (문서에 "정상"이라고 적힌 그 경고들)
added 1058 packages
$ omniroute --version
command not found <- 여기서 막혔습니다
파고들어 봤습니다.
npm ls -g에 버전 없이omniroute@로만 뜹니다. 다른 전역 패키지는firebase-tools@15.25.0처럼 버전이 붙습니다.- 설치된 폴더에
package.json도bin/폴더도 없습니다.LICENSE파일 하나만 남았어요. - npm 레지스트리에는
bin: { omniroute: "bin/omniroute.mjs" }가 분명히 있습니다. 패키지 원본(tarball)을 열어봐도bin/이 정상적으로 들어 있고요. - 지우고 다시 깔아도 똑같았습니다. 다른 전역 패키지 셋은 멀쩡히 동작합니다.
즉 설치 과정에서 파일이 제대로 안 풀립니다. Windows 경로 길이 제한을 의심해서 재봤는데 가장 긴 경로가 184자로 한계(260자) 안쪽이었습니다. 원인은 특정하지 못했습니다.
그래서 "안 된다"고 단정하지는 않겠습니다. 저희 환경 한 곳에서 두 번 재현한 것뿐이고, macOS나 다른 Node 버전에서는 잘 될 수 있습니다. 다만 깔고 나서 omniroute --version 을 꼭 쳐보세요. "설치 완료"가 곧 "동작"은 아니었습니다.
참고로 이건 이것만 Node.js가 따로 필요합니다. 설치 후 터미널을 껐다 켜야 인식합니다.
2. claude-mem — 이건 저희가 매일 씁니다
claude-mem
thedotmack · Apache 2.0 직접 쓰는 것클로드 코드는 창을 닫으면 대화를 전부 잊습니다. 이걸 깔면 지난 작업을 요약해 다음 대화에 자동으로 넣어줍니다.
다섯 개 중 유일하게 저희가 실제로 쓰는 것이라 후기를 쓸 수 있습니다.
$ ls ~/.claude-mem
backfill.json backups/ claude-mem.db
$ du -h ~/.claude-mem/claude-mem.db
0.3M claude-mem.db <- 쌓인 기억
# 새 세션을 열면
[claude-mem] 이전 세션 맥락을 불러왔습니다
· 카드뉴스 파이프라인 개편
· 캐러셀 영상 슬라이드 엔진 지원
· Litt.ly 자동화는 게시물 id 에 묶인다
체감은 "어제 하던 거 이어서"가 통한다는 것 하나로 요약됩니다. 별것 아닌 것 같은데, 매일 아침 어제 상황을 다시 설명하던 시간이 통째로 사라집니다.
/plugin marketplace add thedotmack/claude-mem
/plugin install claude-mem
위가 안 되면 터미널에서 npx claude-mem install 로도 됩니다.
이 방법은 쓰지 마세요. 제작자가 문서에서 명시적으로 말린 방식입니다.
npm install -g claude-mem <- 부품만 깔리고 기억 기능이 안 돕니다
민감한 내용을 기록에서 빼는 기능이 따로 있습니다. 회사 일이나 개인정보를 다룬다면 설정을 먼저 보세요.
3. Frontend Design — 설치 113만, 앤트로픽이 직접 만든 것
Frontend Design
Anthropic 공식 · Anthropic Verified 설치 1,134,112AI에게 화면을 맡기면 늘 비슷한 보라색 그라데이션이 나오는 문제를 잡아줍니다. 글꼴과 색을 과감하게 골라줘서 어디서 본 것 같지 않은 화면이 나옵니다.
설치 수가 113만입니다. 공식 페이지에서 오늘 직접 읽은 값이고, 다섯 개 중 압도적으로 많습니다.
/plugin install frontend-design@claude-plugins-official
따로 부를 필요가 없습니다. 깔아두고 평소처럼 "음악 스트리밍 앱 대시보드 만들어줘" 하면 알아서 적용됩니다.
4. Playwright — 설치 32만, AI가 브라우저를 직접 만집니다
Playwright
Microsoft · 공식 목록 설치 319,887AI가 스스로 브라우저를 열어 페이지를 돌아다니고, 버튼을 누르고, 스크린샷을 찍습니다.
/plugin install playwright@claude-plugins-official
명령어를 외울 필요 없이 말하듯 시키면 됩니다. "example.com 열어서 스크린샷 찍어줘", "제출 버튼 누르고 확인 메시지 뜨는지 봐줘" 같은 식으로요.
저희는 플러그인 대신 MCP 쪽으로 같은 일을 하고 있습니다. 이 글의 카드뉴스에 들어간 GitHub 저장소 캡처도 브라우저를 자동으로 열어서 찍은 것들이에요. 방식은 달라도 "AI에게 브라우저를 쥐여준다"는 효과는 같습니다. 화면을 만든 다음 "직접 열어보고 이상한 곳 고쳐줘" 라고 하는 게 제일 체감이 큽니다.
3·4번 명령어가 안 먹히면 공식 목록이 등록 안 된 경우입니다. 터미널에서 한 번만 치고 다시 시도하세요 — / 없이 터미널입니다.
claude plugin marketplace add anthropics/claude-plugins-official
5. Task Observer — 유일하게 웹에서도 되는 것
Task Observer
Eoghan Henn · CC BY 4.0 웹·앱·모바일 전부옆에서 지켜보다가 매번 똑같이 시키는 일을 찾아내, 자동화하자고 먼저 제안합니다. 오래 쓸수록 시키는 말이 짧아지는 구조예요.
저장소를 받아서 열어봤습니다. SKILL.md 한 장이 25KB고, 그 옆에 references/ 폴더에 environments.md, skill-authoring.md, weekly-review.md 가 들어 있습니다.
그래서 zip을 통째로 올려야 합니다. SKILL.md 하나만 올리면 references/ 가 빠져서 반쪽으로 돕니다. 실제 파일 구조를 보면 왜 그런지 바로 이해됩니다 — 본문이 참조 문서를 계속 가리키고 있어요. 압축을 풀지 말고 그대로 올리세요.
설치는 세 단계입니다.
- 저장소에서 스킬 파일을 zip으로 받습니다.
- 클로드 설정 → 기능 → 코드 실행을 켭니다. 이게 꺼져 있으면 스킬이 목록에 아예 안 보입니다.
- claude.ai/customize/skills 에서 + 를 누르고 zip을 올립니다.
코워크에서 쓴다면 첫 작업에 공유 폴더를 하나 정하고 계속 같은 폴더를 쓰세요. 폴더가 바뀌면 쌓인 관찰 기록을 못 찾습니다.
다섯 개를 다 해보고 남은 것
가장 크게 느낀 건 "설치 완료"와 "동작"이 다르다는 점입니다. OmniRoute는 npm이 성공이라고 했는데 명령어가 없었습니다. 만약 그대로 넘어갔다면 나중에 "왜 안 되지" 하고 한참 헤맸을 겁니다.
그래서 뭘 깔든 확인 명령을 한 번 치는 습관이 낫습니다. 플러그인은 /plugin, npm 도구는 --version, 스킬은 목록에 이름이 보이는지요. 30초면 됩니다.
또 하나는 다섯 개의 무게가 같지 않다는 것입니다. 설치 수만 봐도 Frontend Design이 113만인데 그 아래는 한참 떨어집니다. 다 깔 필요는 없고, 지금 제일 답답한 것부터 하나 고르시면 됩니다.
그대로 가져가세요
확인 명령까지 넣었습니다. 설치 후 그것만 쳐보시면 됩니다.
# (1) OmniRoute — 터미널 (Node.js 먼저, 설치 후 터미널 재시작)
npm install -g omniroute
omniroute --version # 여기서 command not found 면 실패한 겁니다
# (2) claude-mem — 클로드 코드 안에서, 두 줄 순서대로
/plugin marketplace add thedotmack/claude-mem
/plugin install claude-mem
# 확인: 클로드 코드를 껐다 켜고 어제 작업을 언급해보세요
# (3) Frontend Design — 클로드 코드 안에서
/plugin install frontend-design@claude-plugins-official
# (4) Playwright — 클로드 코드 안에서
/plugin install playwright@claude-plugins-official
# (3)(4) 가 안 먹히면 터미널에서 한 번만
claude plugin marketplace add anthropics/claude-plugins-official
# 확인 — 클로드 코드 안에서. 깔린 이름이 보이면 성공
/plugin
# (5) Task Observer — zip 을 압축 풀지 말고 claude.ai/customize/skills 에 업로드
# 설정 → 기능 → 코드 실행을 먼저 켜야 목록에 보입니다
막히는 곳은 대체로 셋입니다. Node.js 설치 후 터미널을 안 껐다 켠 경우, / 명령을 터미널에 친 경우, 그리고 설치가 실패했는데 확인을 안 해서 모르고 지나간 경우입니다.
카드로 보기
실측 위주 AI 뉴스레터 — 직접 돌려보고 되는 것만 골라 매주 보내드립니다.
이 글에 대해 · 다섯 개 목록은 무드모드(@moodmode.ai)의 정리에서 알게 됐습니다. 다만 설치·확인은 전부 저희가 직접 돌려본 결과이고, 설치 수와 실패 사례는 2026년 8월 24일 저희 환경에서 확인한 값입니다. 각 도구는 원 제작자가 공개한 것이며 최신 버전과 상세 설정은 각 저장소를 확인하세요.