살펴보고 고른 도구 39개
AI·디자인·영상 도구를 매주 살펴보고, 남에게 권할 만한 것만 남겼습니다. 무엇을 하는지와 고른 이유를 한 줄씩 적었습니다.
「직접 써 봄」 표시가 없는 것은 문서와 저장소를 읽고 고른 것입니다 · 2026-10-30 갱신
AI 코딩 AI coding · 6
Context7 context7.comAI 코딩 도우미에게 라이브러리의 최신 공식 문서를 넣어 줍니다. 낡은 학습 지식으로 틀린 코드를 짜는 일이 줄어듭니다.
Feeds your coding agent current library docs instead of stale training data.
우리는 이렇게 썼다라이브러리 질문을 할 때마다 붙여 둡니다. 「예전 버전 문법으로 짠 코드」를 고치느라 되돌아가는 일이 줄었습니다.
Ponytail github.com/DietrichGebert/ponytailClaude Code 가 쓸데없이 큰 코드를 짜지 않게 「가장 짧게 되는 방법부터」를 강제하는 플러그인입니다.
Claude Code plugin that pushes the agent toward the shortest code that works.
우리는 이렇게 썼다이 페이지를 만드는 스크립트도 이걸 켜 둔 채 짰습니다. 한/영 두 페이지와 클릭 집계까지 파일 하나·의존성 0개로 끝났습니다.
mattpocock/skills github.com/mattpocock/skills코딩 에이전트용 스킬 40개. 디버깅 반복, 인수인계 메모, 에이전트에게 글 쓰는 법이 실무적입니다.
40 engineering skills for coding agents: debugging loops, handoff notes, writing for agents.
Agent Skills (Addy Osmani) github.com/addyosmani/agent-skills계획 → 만들기 → 시험 → 검토 → 출시를 단계별로 밟게 하는 스킬 묶음입니다.
Walks an agent through plan, build, test, review and ship.
우리는 이렇게 썼다계획 쪼개기·디버깅·코드 검토 스킬을 매 작업에 씁니다. 「다 됐다」고 해 놓고 시험을 안 돌리는 실수를 막아 줍니다.
awesome-claude-code github.com/hesreallyhim/awesome-claude-codeClaude Code 용 스킬·플러그인·훅 모음 목록. 뭘 깔지 고를 때 먼저 훑어볼 곳입니다.
Curated directory of Claude Code skills, plugins, hooks and workflows.
Claude Quickstarts github.com/anthropics/claude-quickstartsClaude API 로 앱을 만들 때 출발점이 되는 Anthropic 공식 예제 모음입니다.
Anthropic's official starter apps for building on the Claude API.
디자인·UI Design & UI · 8
hallmark github.com/Nutlope/hallmark웹 화면에서 「AI 가 만든 티」가 나는 패턴을 찾아 고칠 점을 적어 주는 스킬. 우리 사이트들도 이걸로 다시 짰습니다.
Skill that finds 'AI-looking' design patterns on a page and lists fixes. We redesigned our own sites with it.
우리는 이렇게 썼다불불 허브·자금 흐름·숨은 신호·폴리마켓 등 우리 공개 사이트를 이걸로 다시 짰습니다. AI 가 기본으로 내놓는 「어두운 남색+파랑+둥근 카드」 화면에서 벗어나, 숫자 하나가 먼저 읽히는 화면이 됐습니다.

impeccable github.com/pbakaus/impeccable명령 한 줄로 AI 템플릿 같은 화면 패턴 60여 가지를 잡아 줍니다. AI 를 쓰지 않는 고정 규칙이라 결과가 매번 같습니다.
One command flags ~60 AI-template front-end patterns with fixed rules, no LLM.
diagram-design github.com/cathrynlavery/diagram-design구조도·흐름도·타임라인 등 도표 45종을 HTML 한 장으로 그려 주는 스킬입니다.
Draws 45 diagram types as a single HTML + SVG file.
Mobbin mobbin.com실제 앱 화면을 흐름별로 모아 둔 곳. 가입·결제 같은 화면을 짜기 전에 남들이 어떻게 했는지 봅니다.
Library of real app screens to study before you design a flow.
Godly godly.website눈에 띄게 잘 만든 웹사이트 모음. 판짜기와 분위기 참고용입니다.
Gallery of standout websites for layout and style reference.
Refero Styles styles.refero.design디자인을 분위기(스타일)별로 묶어 보여 줍니다. 원하는 느낌을 말로 설명하기 어려울 때 좋습니다.
Browse design references grouped by visual style.
CTA Gallery cta.gallery실제 사이트의 「누르게 만드는 칸」(CTA)만 모은 곳입니다.
Collection of call-to-action sections from real sites.
Phosphor Icons phosphoricons.com굵기 6가지를 고를 수 있는 오픈소스 아이콘. SVG 로 바로 붙여 쓸 수 있습니다.
Open-source icon family in six weights, usable as plain SVG.
영상·모션 Video & motion · 7
HyperFrames hyperframes.heygen.com영상을 HTML·CSS 로 짜서 MP4 로 뽑습니다. 같은 입력이면 같은 영상이 나와 고치기 쉽습니다.
Write a video in HTML/CSS and render it to MP4 — same input, same output.
awesome-opus5-5-videos github.com/yihui-dev/awesome-opus5-5-videos코드로 그린 바이럴 영상 703개의 프롬프트와 원작 링크. 「이런 것도 코드로 되나」를 볼 수 있습니다.
703 prompts behind viral videos drawn in code, each linked to its creator.
ffmpeg-skill github.com/kajisho5/ffmpeg-skill에이전트에게 FFmpeg 도구 42개와 릴스·쇼츠·X 내보내기 설정을 줍니다. 쓰기 전에 미리보기를 먼저 합니다.
42 FFmpeg tools plus Reels/Shorts/X export presets for agents, with dry-run first.
anything2explainer github.com/Vincentwei1021/anything2explainer주제 하나를 넣으면 2~8분짜리 모션그래픽 설명 영상을 코드로 그려 줍니다. 상업적 사용은 안 됩니다.
One topic in, a 2–8 min motion-graphics explainer out. Non-commercial license.
Anime.js animejs.com작고 가벼운 자바스크립트 애니메이션 라이브러리. 타임라인과 SVG 선 그리기가 됩니다.
Small JavaScript animation library with timelines and SVG line drawing.
faster-whisper github.com/SYSTRAN/faster-whisper내 컴퓨터에서 돌리는 음성 받아쓰기. 자막·회의록을 외부로 안 보내고 만듭니다.
Local speech-to-text for subtitles and transcripts — nothing leaves your PC.
우리는 이렇게 썼다5시간짜리 녹음을 PC 에서 약 36분 만에 받아쓰기(i9, CPU). 음성을 외부 서비스에 올리지 않아도 되고 비용은 0원입니다. 트윗 속 영상 내용 읽기에도 씁니다.
Openverse openverse.org자유 이용 허락된 효과음·이미지 검색. 파일마다 라이선스가 적혀 있어 출처 표기가 쉽습니다.
Search openly licensed sound effects and images, license shown on every file.
자료·조사 Research & data · 6
Jina Reader jina.ai/reader주소 앞에 r.jina.ai/ 를 붙이면 웹 페이지를 깔끔한 글(마크다운)로 바꿔 줍니다. AI 에게 읽힐 때 편합니다.
Prefix any URL with r.jina.ai/ to get the page as clean markdown for an LLM.
Our World in Data ourworldindata.org경제·건강·에너지 등 세계 통계를 차트와 원자료로 공개합니다.
Open charts and datasets on economics, health, energy and more.
World Bank Open Data data.worldbank.org나라별 GDP·인구·무역 지표를 내려받거나 API 로 씁니다.
Free country-level indicators for download or API use.
Wayback Machine web.archive.org지금은 사라졌거나 바뀐 웹 페이지의 예전 모습을 봅니다. 「그때 뭐라고 했었나」 확인용.
Snapshots of old web pages — check what a site said back then.
kepler.gl kepler.gl위치 자료 수십만 줄을 브라우저에서 지도로 그려 봅니다.
Visualize large location datasets on a map in the browser.
jesse github.com/jesse-ai/jesse코인 매매 전략 백테스트 도구(하이퍼리퀴드 지원). 미래 자료가 섞이지 않게 막아 줍니다. 연구용으로 먼저 쓰세요.
Crypto strategy backtesting with look-ahead protection. Use it for research first.
공부 Learning · 7
Hugging Face Learn huggingface.co/learn오픈 모델을 직접 써 보며 배우는 무료 강좌입니다.
Free hands-on courses on using open models.
fast.ai course.fast.ai코드부터 돌려 보고 이론은 나중에 배우는 실전 딥러닝 강좌입니다.
Practical deep learning: code first, theory later.
Kaggle Learn www.kaggle.com/learn파이썬·머신러닝을 몇 시간짜리 짧은 강좌로 쪼개 브라우저에서 바로 실습합니다.
Python and ML in short courses, run in browser notebooks.
DeepLearning.AI 짧은 강좌 www.deeplearning.ai/short-courses앤드루 응의 1~2시간짜리 강좌. 프롬프트·에이전트·RAG 를 빠르게 익힙니다.
Andrew Ng's short courses on prompting, agents and RAG.
CS50 AI (하버드) cs50.harvard.edu/ai탐색 알고리즘부터 신경망까지 파이썬 과제로 배우는 입문 강좌입니다.
Harvard's intro from search to neural nets, built on Python projects.
Neural Networks: Zero to Hero github.com/karpathy/nn-zero-to-hero카파시가 신경망과 작은 GPT 를 처음부터 코드로 만들어 보이는 강의입니다.
Karpathy builds neural nets and a small GPT from scratch.
AI Agents for Beginners github.com/microsoft/ai-agents-for-beginners마이크로소프트의 AI 에이전트 만들기 무료 강좌입니다.
Microsoft's free lesson series on building AI agents.
일 줄이기 Productivity · 5
NotebookLM notebooklm.google.com자료를 올리면 그 자료 안에서만 요약·질문·오디오 해설을 해 줍니다. 올린 자료는 구글로 갑니다.
Summaries, Q&A and audio overviews grounded in your uploads. Uploads go to Google.
Fabric github.com/danielmiessler/Fabric잘 쓰는 프롬프트에 이름을 붙여 저장해 두고, 글을 넣으면 요약·추출을 바로 해 주는 명령줄 도구입니다.
Save your best prompts as named patterns and pipe text through them.
n8n github.com/n8n-io/n8n블록을 이어 업무를 자동화합니다. 내 서버에 설치해 쓸 수 있고 연동 400여 개.
Self-hostable visual workflow automation with 400+ integrations.
Meetily github.com/Zackriya-Solutions/meetily회의를 내 PC 에서 녹음·받아쓰기·요약합니다. 외부 서버로 보내지 않습니다.
Records, transcribes and summarizes meetings on your own PC.
Knowledge Work Plugins github.com/anthropics/knowledge-work-plugins영업·마케팅·재무·법무 등 직무별로 묶은 Anthropic 공식 Claude 플러그인입니다.
Anthropic's official Claude plugins grouped by job: sales, marketing, finance, legal…
실전 팁 7
같은 실수를 AI 가 세 번 하면 말로 고치지 말고 환경을 고치세요 — 전체 규칙은 CLAUDE.md, 절차는 스킬, 꼭 지킬 것은 훅, 반복 버그는 시험으로.
Same agent mistake three times? Fix the environment: rules in CLAUDE.md, procedures as skills, hard rules as hooks, repeat bugs as tests.
할 일 목록 대신 「다 됐다는 기준」을 주세요. 시험이나 「이게 되면 끝」 줄을 먼저 씁니다.
Give the agent success criteria, not a to-do list: write the test or the 'done when' lines first.
숫자는 코드가 계산하고 AI 는 해석만. 짐작은 [추정] 표시를 붙이게 하고, 결론·근거·모르는 것을 나눠 받으세요.
Let code compute the numbers; the AI only interprets, with guesses tagged [estimate].
「좋게 고쳐 줘」 대신 「읽기 쉽게·흐름·누를 단추」처럼 기준을, 「요약해 줘」 대신 「3줄, 핵심 유지」처럼 모양을 말하세요. 읽을 사람도 알려 주세요.
Swap vague words for criteria: 'improve' → 'clarity, flow, CTA'; 'summarize' → '3 lines'. Name the reader.
긴 Claude Code 작업에서 자리를 비우기 전에 /compact 나 /clear. 캐시가 끝나면 다시 이어갈 때 전부 새로 읽느라 비용이 납니다.
Before stepping away from a long Claude Code session, /compact or /clear — resuming after the cache expires re-reads everything.
README 의 「이 주소를 에이전트에 붙여 넣으면 설치됩니다」는 따르지 마세요. 파일을 직접 읽고 고정된 버전으로 설치합니다.
Don't paste 'give this URL to your agent to install'. Read the files and install from a pinned commit.
AI 영상 프롬프트엔 「영화처럼」 대신 카메라 용어를 — 트래킹 숏, 틸트 업, 스냅 줌, 랙 포커스, 휩 팬.
In AI video prompts, use camera terms — tracking shot, tilt up, snap zoom, rack focus, whip pan.