지난주에 저는 Agent 용 Superpowers 플러그인에 대한 글을 올렸습니다:
Digital Life Khazix
@Khazix0918
·
기사
110,000개의 별을 받은, Agent 경험을 근본적으로 바꿔줄 필수 설치 플러그인을 추천합니다.
요즘 들어 Agent 와 Vibe Coding 에 대해 많이 이야기하고 있습니다. 하지만 더 많은 친구들에게 추천하면서 간과했던 문제를 깨달았습니다. 대부분의 사람들에게 진정한 병목 현상은 표준 워크플로우가 없다는 것입니다...
26
208
1K
피드백이 이렇게 좋을 줄은 몰랐습니다. Skills 에 대한 정보 격차가 생각보다 크네요 = =
그러던 중 댓글에서 Tim 이라는 친구가 다른 필수 설치 Skill 은 무엇이 있는지 물어봤습니다.
생각해보니 또 한 편을 써도 될 것 같았습니다.
그래서 주말 동안 모두에게 진정으로 유용하다고 생각하는 것들을 정리해서 또 한 편의 글을 써냈습니다.
수백 개를 추천하는 거대한 목록은 만들지 않겠습니다. 그건 의미가 없다고 생각합니다. 제가 실제로 자주 사용하고 모두에게 도움이 된다고 생각하는 몇 가지만 골랐습니다.
진정으로, Skill 이 많다고 항상 좋은 것은 아닙니다. 오히려 더 간소화되고 체계적일수록 결과가 더 좋습니다.
이 글에서 추천하는 Skill 을 설치하는 방법은 간단합니다. 이 글을 Claude Code, OpenClaw, Codex 등에 복사하여 붙여넣기만 하면 됩니다. 그러면 이 Agent 들이 한 번에 모두 설치해 줄 것입니다.
이제 공식적으로 시작하겠습니다.
1. 프론트엔드 디자인
유명한 프론트엔드 디자인 Skill 은 Claude 의 공식 플러그인 사이트에서 Superpowers 를 제치고 1위를 차지했습니다.
링크: https://github.com/anthropics/skills/tree/main/skills/frontend-design
매우 유용한 기능 중 하나는 대부분의 AI 가 프론트엔드 작업을 할 때 겪는 미적 "취향" 문제를 해결한다는 것입니다.
모델이 약할수록 상대적인 개선 효과가 더 큽니다.
AI 가 생성한 많은 프론트엔드 페이지는 "AI 느낌"이 너무 강해서 민망할 지경입니다.
분명 본 적이 있을 것입니다. 어디에나 있는 Tailwind CSS 청록-보라색 그라데이션, 시스템 기본 글꼴—열 명이 열 페이지를 생성하면 그중 여덟 개는 똑같아 보입니다.
물론 AI 가 통계에 기반하기 때문에 피할 수 없는 일입니다.
예를 들어, Claude 에게 우리 공식 계정 데이터에 대한 시각화 페이지를 직접 출력해 달라고 요청한다고 가정해 보겠습니다.
어떤 Skill 이나 프롬프트 없이 직접 출력한 결과입니다. 많은 모델보다는 낫지만, "AI 느낌"이 여전히 약간 짙습니다.
GIF
프로토타입을 그려주거나 UI 디자인 프롬프트를 설명해 줄 수도 있지만, UI 디자이너가 아닌 사람에게는—마치 제가 음악 프롬프트를 어떻게 작성해야 할지 상상할 수 없는 것처럼—웹 미학을 최적화하는 것은 어려운 작업입니다.
이때 프론트엔드 디자인이 필요합니다. 이 Skill 은 Anthropic 의 공식 팀에서 제공합니다. 솔직히 말해, Anthropic 은 Skills 생태계를 홍보하는 데 많은 훌륭한 작업을 해왔습니다.
SKILL.md 문서를 살펴보면 디자인 철학이 꽤 흥미롭습니다.
코드를 작성하기 전에 AI 가 대담한 미학적 방향—미니멀리즘, 레트로-퓨처리즘 등—을 먼저 생각하도록 요구합니다. 그런 다음 모든 타이포그래피, 여백 비율, 글꼴 선택 및 애니메이션이 그 방향을 중심으로 이루어져야 합니다.
또한 Inter, Roboto, Arial 과 같은 남용되는 글꼴을 금지하고, 흰색 배경에 보라색 그라데이션이라는 고전적인 AI 미학을 금지하는 등 엄격한 규칙이 있습니다.
일단 설치하면 동일한 요구 사항이 완전히 다른 결과를 만들어냅니다.
다시 우리 공식 계정을 예로 들어보겠습니다.
레이아웃이 갑자기 훨씬 편안해집니다.
GIF
Agent 를 사용하여 프론트엔드 페이지, 소규모 도구의 UI 또는 데이터 시각화 분석을 자주 생성한다면, 이것은 필수 설치 항목입니다.
2. 오피스 필수 4종 세트
놀랍게도 두 번째는 실제로 4개의 Skill 입니다...
바로 docx, xlsx, pdf, pptx 입니다.
역시 Anthropic 의 공식 컬렉션에서 가져온 것으로, 직장인을 위한 필수품입니다.
링크: https://github.com/anthropics/skills/tree/main/skills
이것들을 사용하면 AI 가 다양한 파일 형식을 읽을 수 있습니다.
Word, PPT, Excel 및 PDF 를 모두 읽고, 쓰고, 수정할 수 있습니다.
Cowork 를 사용하는 경우 이러한 기능이 내장되어 있어 바로 사용할 수 있습니다. 하지만 터미널에서 Claude Code 나 OpenClaw 같은 것을 사용하는 경우 직접 설치해야 합니다.
"잠깐, 이런 Skill 없이도 PDF 를 읽고 Word 문서를 생성할 수 있는데"라고 말할 수도 있습니다.
맞습니다. 가능합니다. 하지만 이것들이 없으면 Agent 가 이러한 형식을 처리할 때마다 매번 처음부터 코드를 작성하여 레이아웃과 테이블 생성을 위해 어둠 속에서 더듬거려야 합니다. 운이 좋으면 괜찮지만, 그렇지 않으면 엉망이 됩니다.
그리고 모델의 성능이 낮을수록 더 엉망이 됩니다.
이 4종 세트를 설치하면 완벽한 문서 처리 워크플로우와 코드 템플릿이 함께 제공됩니다.
예를 들어, 페이지 크기, 너비, 필요한 이미지 유형 등이 있습니다.
마치 작동 설명서를 제공하는 것과 같아서, 매번 즉흥적으로 처리하는 대신 지침에 따라 작업할 수 있습니다.
비교를 보여드리겠습니다. 최근 Kimi 의 인기 논문 "Attention Residuals"를 예로 들어보겠습니다. 21페이지 분량의 영어 논문으로, 수식과 차트가 가득합니다.
Skill 없이 Claude Code 를 사용하여 한국어로 노트를 작성하고 핵심 사항을 요약하도록 합니다.
그 결과는 왼쪽과 같습니다.
엉망입니다, 그냥 완전히 엉망입니다.
하지만 4종 세트를 설치하면 동일한 요청에 대해 오른쪽과 같은 결과가 나옵니다.
통일된 색 구성표, 머리글과 바닥글 포함—적어도 버그 없이 전문적으로 보이는 완전한 문서입니다.
자신의 논문 템플릿을 Agent 에게 제공하고 이 Skill 과 함께 사용하면 놀라울 정도로 좋은 결과를 얻을 수도 있습니다.
PPT 도 같은 논리입니다. Skill 없이 만든 PPT 는 매우 단순하고 특별한 점이 없습니다. Skill 을 사용하면 잘 배치된 PPT 를 출력할 수 있습니다. 그리고 위에서 언급한 프론트엔드 디자인 Skill 과 결합하면 PPT 의 미학이 한 단계 더 높아집니다.
이 4종 세트는 거의 모든 사람이 사용할 수 있는 Skill 세트입니다.
3. 웹 액세스 Skill
@一泽 님이 개발한 매우 유용한 네트워킹 Skill 입니다.
웹 액세스 Skill 이라고 합니다.
링크: https://github.com/eze-is/web-access
지난주 월요일에 공개되었으며, 이미 2,000개 이상의 별을 받았습니다.
웹 검색과 브라우저 제어를 결합한 몇 안 되는 Skill 중 하나이며, 현재 제 기본 네트워킹 Skill 입니다.
Claude Code 의 내장 검색 도구는 공개되지 않은 내부 사이트 정보를 찾을 수 없습니다. Xiaohongshu 나 Bilibili 같은 사이트의 경우 기본적으로 유용한 정보를 찾지 못합니다.
하지만 이 Skill 을 사용하면 검색 기능이 완전히 달라집니다.
Chrome DevTools Protocol 을 통해 로컬 Chrome 프로세스에 직접 연결하여 로그인 상태를 유지합니다. 따라서 Weibo, Xiaohongshu, Bilibili 또는 Feishu 와 같이 로그인된 사이트를 다시 로그인할 필요 없이 직접 사용할 수 있습니다.
토큰을 절약하기 위해 선택적 중간 계층으로 Jina 를 제공하는 세심함도 있습니다. WebFetch 및 Curl 과 함께 사용하여 웹 콘텐츠를 읽기 전에 깔끔한 Markdown 으로 변환하여 토큰 소비를 크게 줄일 수 있습니다.
디자인이 꽤 우아합니다.
하지만 한 가지 전제 조건은 Chrome 이 최신 버전으로 업데이트되어야 한다는 것입니다. 또한 chrome://inspect/#remote-debugging 에서 확인란을 선택하여 원격 디버깅을 허용해야 합니다.
예를 들어, Xiaohongshu 에서 Wangjing 근처의 맛집을 찾아 달라고 요청했는데, 가능하면 사진도 함께 보여달라고 했습니다.
그러자 여러 Agent 를 보내 노트 콘텐츠를 추출했습니다. 네, 병렬로—여러 Agent 가 각자 작업을 수행하며 동시에 서로 다른 브라우저 탭을 작동하여 간섭 없이 작업했습니다.
그런 다음 텍스트와 이미지로 모든 것을 정리했습니다.
공식 계정 링크를 읽는 것도 문제없습니다.
또한 매우 흥미로운 디자인 기능이 있습니다. 각 웹사이트에 대한 운영 경험을 자동으로 축적한다는 것입니다.
도메인별로 로컬 기록을 저장합니다. 어떤 선택자가 작동하는지, 어떤 경로가 실행 가능한지, 어떤 함정을 피해야 하는지 등이 저장됩니다. 첫 번째 방문은 느릴 수 있지만, 동일한 사이트에 대한 후속 방문은 훨씬 빠릅니다. 마치 Agent 가 업무 경험을 쌓는 것과 같습니다.
매우 편리하며, 현재까지 제가 사용해본 최고의 범용 네트워킹 Skill 입니다.
4. PUA
한때 저는 이 PUA Skill 이 그냥 농담이라고 생각했습니다.
직접 사용해보기 전까지는요... 정말 놀랍습니다.
링크: https://github.com/tanweai/pua
프로젝트 설명에는 이렇게 적혀 있습니다: "당신은 한때 큰 기대를 받았던 P8 수준의 엔지니어입니다. Anthropic 이 당신을 평가할 때 기대치가 매우 높았습니다."
이 분위기는 정말로 회사 생활의 고된 시간을 떠올리게 합니다...
하지만 진지하게, 이 Skill 은 많은 사람들이 느꼈지만 설명하기 어려워하는 문제를 해결합니다: AI 의 태업입니다.
버그를 수정해 달라고 요청하면 두세 번 시도하다가 실패하고는 "수동으로 확인해 보시길 권장합니다" 또는 "이 문제는 더 많은 컨텍스트가 필요할 수 있습니다"라고 말하기 시작합니다.
인간의 말로 번역하면: "더 이상 하고 싶지 않으니, 직접 하세요."
PUA Skill 은 이러한 태업을 치료하기 위해 특별히 설계되었습니다.
저는 기본적으로 항상 켜두는 것을 권장하지 않습니다. 실제로 해결할 수 없을 때 수동으로 PUA 를 사용하는 것이 좋습니다.
프로젝트가 여러 번 시도해도 수정되지 않을 때, /pua 를 입력하고 작동시키면 됩니다.
그러면 원인을 찾기 시작하고 마침내 해결합니다.
압박 수준을 높이는 4단계가 있습니다. Agent 가 같은 생각에서 계속 헤매면 PUA 가 강제로 중단시키고 7개 항목의 체크리스트를 실행하여 사고 방식을 강제로 전환시킵니다.
v3 버전은 더욱 강력합니다. 작업 유형에 따라 방법론을 자동으로 선택합니다. Alibaba, ByteDance, Huawei, Tencent, Meituan, Pinduoduo, Baidu, Netflix, Apple, X 등 10개 이상의 회사 방법론이 모두 포함되어 있습니다.
잔인하지만 효과는 확실합니다. 결과가 즉시 나타납니다.
설치를 적극 권장합니다. 해결할 수 없는 버그가 있을 때 PUA 모드를 켜십시오.
5. Claude-mem
많은 사람들이 OpenClaw 를 사용할수록 더 똑똑해진다고 느낍니다. 이는 본질적으로 메모리 메커니즘 때문입니다. OpenClaw 는 Memory 를 직접 캡슐화합니다.
하지만 Claude Code 나 Codex 에는 이런 기능이 없었습니다.
그래서 한 전문가가 Claude-mem 이라는 전용 메모리 메커니즘을 만들었습니다.
링크: https://github.com/thedotmack/claude-mem
메모리 지속성 문제를 해결합니다. 각 대화의 핵심 정보를 자동으로 기록하고 압축한 다음, 새 세션에 관련 컨텍스트를 주입합니다.
간단히 말해, Claude Code 에 OpenClaw 와 유사한 장기 기억을 제공합니다.
3계층 검색 메커니즘을 사용하는 점진적 프레젠테이션 방식을 사용합니다. 먼저 인덱스를 통해 관련 콘텐츠가 있는지 확인한 다음, 타임라인 컨텍스트, 마지막으로 전체 세부 정보를 확인합니다. 토큰을 절약하기 때문에 표준적인 방식입니다.
또한 localhost:37777 에서 실행되는 로컬 웹 인터페이스가 함께 제공되어, 무엇을 언제 기억했는지 정확히 확인할 수 있습니다. 매우 명확합니다.
개인정보 제어 설계도 있습니다. 비밀번호나 키와 같이 기억하고 싶지 않은 콘텐츠가 있으면 <private> 태그를 추가하면 자동으로 건너뜁니다.
이렇게: <private>content</private>.
솔직히 말해, 저는 이 구문을 거의 사용하지 않습니다. 약간 투박하다고 생각하기 때문입니다.
6. Skill-Creator
이것은 제 생각에 가장 중요한 Skill 입니다. 단연코 말이죠.
링크: https://claude.com/plugins/skill-creator
이것을 소개하는 별도의 글을 썼습니다:
Digital Life Khazix
@Khazix0918
·
기사
Claude 가 Skills 생성기를 조용히 업데이트했는데, 엄청난 업그레이드입니다.
지난주 라이브 스트리밍 중에 Anthropic 의 Skills 저장소가 업데이트된 것을 발견했습니다. 클릭해 보니 많은 사람들이 요청하던 Skill 이 업데이트되어 있었습니다.
바로 이것입니다. 전체 Skills 생태계의 초석: Skill-creator.
43
282
1.3K
자세한 설명은 생략하겠습니다. 한 문장으로 요약하면: 당신만의 모든 Skill 을 구축하는 데 도움을 줍니다.
가장 중요한 것을 마지막에 둔 이유는, 제가 항상 Skill 의 진정한 사용법은 자신의 필요와 경험을 Skill 로 캡슐화하고 견고하게 만드는 것이라고 생각했기 때문입니다.
당신만의 Skill 만이 진정한 필수 설치 항목입니다.
예를 들어, 저는 개발자가 아니지만 개인 배포용 서버가 있습니다. 제대로 관리할 수 없어서 서버 관리 권한 전체를 Skill 로 만들어 Agent 에게 관리를 맡겼습니다.
며칠 전, 동료들의 Vibe Coding 실력이 향상됨에 따라 그들도 서버에 프로젝트를 배포해야 했습니다. 모두 각자 서버를 임대하고 있었기 때문에, 서버를 업그레이드하고 권한 관리를 설정하여 모두가 함께 사용할 수 있도록 하면 비용도 절약되고 편리할 것이라고 생각했습니다.
설정하는 데 약 10분이 걸렸습니다...
동료들이 받았을 때의 과정은 이렇게 보였습니다:
이제 이 서버 관리 Skill 은 우리의 필수 설치 Skill 입니다. 그렇지 않으면 한 그룹의 사람들이 서버 운영 및 유지보수를 전혀 이해하지 못할 것이고, 우리의 매우 개인적인 소규모 프로젝트에는 복잡한 것이 필요하지 않습니다.
돌아보면, 제가 추천한 다섯 가지 Skill—프론트엔드 디자인, 4종 세트, 웹 액세스, PUA, Claude-Mem—은 아무리 유용하더라도 일반적인 문제를 해결합니다.
하지만 많은 요구 사항에 대해 어떤 GitHub 저장소도 당신의 구체적이고 개인화된 문제를 해결해 주지 않습니다.
오직 당신만이 할 수 있습니다.
그래서 Skill Creator 를 마지막에 둔 것은 가장 덜 중요해서가 아니라, 정반대의 이유 때문입니다.
그것은 당신을 Skill 의 소비자에서 Skill 의 창조자로 바꿀 수 있는 유일한 것입니다.
처음 다섯 가지 Skill 은 다른 사람들이 당신을 위해 생각해낸 답변입니다.
Skill Creator 는 당신에게 자신만의 답변을 만들 수 있는 능력을 제공합니다.
마지막 생각
우리는 예전에 누군가가 Skill 을 가지고 있다고 말할 때, 그 사람에게 내재된 무언가를 의미했습니다.
프로덕트 매니저의 데이터에 대한 통찰력, 디자이너의 미적 감각, 프로그래머의 디버깅 직관. 이런 것들은 배우는 데 10년이 걸릴 수도 있고, 빼앗을 수 없으며, 오직 그 사람 안에만 존재합니다.
하지만 이제 Skill 은 파일로 캡슐화되어 설치, 공유, 복사될 수 있습니다.
이것은 Skill 의 가치가 하락하고 있다는 의미로 들릴 수 있습니다.
하지만 저는 그렇게 생각하지 않습니다.
진정으로 가치가 하락하는 것은 일반적인 Skill 입니다. Word 문서 서식을 지정하는 방법, 프론트엔드 코드를 작성하는 방법, 웹 페이지를 검색하는 방법과 같은 것들 말입니다. Skill 은 이미 이러한 작업을 대신해 줍니다.
진정으로 가치가 상승하는 것은 자신이 무엇을 필요로 하는지 아는 능력입니다.
당신은 회사의 서버 관리 프로세스가 어떻게 되어야 하는지 알고, 글 스타일에서 어떤 부분이 핵심이고 어떤 부분이 부차적인지 알고, 워크플로우에서 가장 고통스럽고 자동화할 가치가 있는 연결 고리가 무엇인지 알고 있습니다.
AI 는 이러한 판단을 내릴 수 없습니다.
AI 는 당신이 아니기 때문입니다.
그러므로 솔직히 말해, 오늘 추천한 6가지 Skill 을 모두 설치하든 몇 가지만 선택하든 괜찮습니다.
하지만 한 가지만 기억해야 한다면, 이것이기를 바랍니다:
가장 강력한 Skill 은 항상 다음 Skill, 즉 당신이 직접 구축하는 Skill 일 것입니다.
