스킬(SKILL.md) 처음 만들기 — 반복하는 지시를 AI에게 한 번에 가르치기
매번 붙여넣던 작업 순서를 SKILL.md 파일 하나로 정리하면, Claude Code가 필요할 때 알아서 꺼내 씁니다. 폴더 위치부터 첫 테스트까지 따라 해 보세요.
CODINGAI · SKILLS
스킬
반복되는 일을 더 쉽게 만드는 방법을 모았습니다.
CODINGAI LIBRARY
스킬 자료
궁금한 주제를 찾아 지금 바로 읽어 보세요.
실전 예제: 학원 안내문 스킬 만들기 — 공지·문자를 같은 형식으로 매번
휴원 공지, 보강 안내, 행사 알림을 늘 같은 말투와 형식으로 쓰게 해 주는 스킬을 처음부터 끝까지 만들어 봅니다. 그대로 복사해 쓸 수 있는 SKILL.md 전체를 담았습니다.
skill-creator — 스킬을 만드는 스킬, 초안부터 검사·등록까지
새 스킬을 만들거나 고칠 때 가장 먼저 꺼내는 스킬입니다. 이름 짓기, 초안 만들기, 형식 검사, 등록과 재확인까지 한 흐름으로 안내합니다. 우리 작업 기록에서 활용도 1위입니다.
verification-before-completion — "다 됐습니다" 전에 꼭 확인시키는 스킬
AI가 끝났다·고쳤다·통과했다고 말하기 직전에, 실제 확인 명령을 실행하고 그 결과로만 보고하게 만드는 스킬입니다. 활용도 2위입니다.
math-problem-bank-qa — 수학 문제은행을 AI 여럿이 만들고 서로 풀어 검증하기
수학 문제를 만든 AI가 아닌 다른 AI가 정답 없이 풀어서 같은 답이 나와야 통과시키는 문제은행 품질 관리 스킬입니다. 활용도 3위입니다.
ego-browser — 화면을 보며 웹 작업 진행하기
브라우저 화면을 읽고 클릭·입력한 뒤 실제 결과를 확인하는 스킬입니다. 웹 작업을 AI에게 맡길 때 어떤 장면에서 쓰는지 살펴봅니다.
frontend-design — 뻔한 템플릿을 벗어나 개성 있는 웹 UI 만들기
AI가 만든 웹 화면이 늘 비슷해 보이는 이유를 해결해 줍니다. 뻔한 카드 상자와 정형화된 색상 대신, 우리 학원과 서비스에 꼭 맞는 독창적인 시각 정체성을 세우고 HTML/CSS 코드를 작성합니다.
impeccable — 디자인 디렉터처럼 UI 완성도를 극한으로 다듬기
어설프게 만들어진 웹 화면을 전문 디자인 디렉터의 시선으로 점검하고 다듬어 줍니다. audit, polish, clarify 등 명확한 세부 명령어로 여백, 글꼴, 문구, 반응형 완성도를 정밀하게 끌어올립니다.
kakao-terminal — 맥 카카오톡 대화를 터미널에서 읽고, 승인한 답장만 보내기
맥용 카카오톡 대화방을 찾아 열고, 대화를 읽고, 사람이 승인한 문장만 보내는 스킬입니다. 작업 결과를 카톡으로 알릴 때 씁니다. 활용도 7위입니다.
security-review — 공개 전 보안 점검표
입력값, 로그인 권한, 비밀키, 화면에 표시하는 HTML 등을 항목별로 살피는 스킬입니다. 사이트를 공개하기 전에 확인할 질문을 정리합니다.
systematic-debugging — 오류의 원인부터 찾기
오류를 재현하고 원인을 좁힌 뒤 작은 수정으로 검증하는 스킬입니다. 급한 오류일수록 추측으로 고치지 않도록 돕습니다.
firecrawl — 웹페이지를 AI가 읽기 좋은 깔끔한 마크다운으로 수집하기
복잡한 웹사이트의 광고, 메뉴, 잡다한 HTML 태그를 걷어내고, 핵심 본문만을 인공지능이 읽기 편한 깔끔한 마크다운으로 변환하여 수집해 줍니다. 단일 페이지 스크랩부터 사이트 전체 크롤링까지 손쉽게 처리합니다.
Computer Use — AI가 화면을 보고 마우스·키보드로 앱을 직접 다루기
클로드가 맥 화면을 캡처해 보고 클릭·입력으로 앱을 직접 확인합니다. 켜는 법과 안전장치, 잘 쓰는 요령을 정리했습니다.
Claude in Chrome — 크롬 확장으로 브라우저 작업을 클로드에게 맡기기
크롬 확장을 연결하면 Claude Code가 로그인된 내 브라우저에서 페이지를 열고 클릭·입력·확인까지 합니다.
agent-browser — 명령어로 브라우저를 빠르게 자동 조작하기
AI 에이전트용 브라우저 자동화 명령어 도구입니다. 화면 구조를 읽고 요소 번호로 클릭·입력하는 방식이라 반복 점검에 강합니다.
playwright-cli — 터미널 명령으로 웹 화면을 테스트하고 캡처하기
마이크로소프트 Playwright 팀의 명령어 도구로, 브라우저 열기·클릭·입력·캡처·녹화를 한 줄 명령으로 합니다.
webapp-testing — 만든 웹앱을 실제 브라우저로 점검하기
Anthropic 공식 스킬입니다. 서버를 켜고, 브라우저로 화면을 살펴본 뒤 동작·스크린샷·로그를 확인하는 순서를 알려 줍니다.
firecrawl-interact — 클릭·입력이 필요한 웹페이지까지 수집하기
그냥 긁어서는 안 나오는 내용을, 실제 브라우저에서 버튼을 누르고 입력해 가져옵니다. Firecrawl API 키가 필요합니다.
mcp-builder — AI에 새 도구를 연결하는 MCP 서버 만들기
외부 서비스를 클로드 같은 AI가 쓸 수 있게 MCP 서버로 연결하는 과정을 조사·구현·검토·평가 4단계로 안내합니다.
n8n-workflow-patterns — 업무 자동화 흐름을 검증된 6가지 패턴으로 설계하기
자동화 도구 n8n에서 흐름을 처음부터 고민하지 않도록, 실제 사용 사례에서 뽑은 6가지 기본 틀 중 맞는 것을 고르게 돕습니다.
cloudflare-deploy — 만든 사이트를 Cloudflare에 올려 주소 받기
Workers·Pages·D1 같은 Cloudflare 서비스 중 맞는 것을 고르고, 로그인 확인부터 배포까지 안내합니다. 이 러닝허브도 이렇게 올렸습니다.
web-artifacts-builder — 여러 화면이 있는 웹 결과물을 HTML 한 파일로 만들기
React·Tailwind·shadcn/ui로 복잡한 화면을 만들고, 마지막에 HTML 한 파일로 묶어 바로 공유할 수 있게 합니다.
조건에 맞는 자료가 없습니다.