# BULBUL Picks — 39 tools (2026-10-30)

https://bulbul2dao.dev/picks/

## AI 코딩 · AI coding

- [Context7](https://context7.com) — AI 코딩 도우미에게 라이브러리의 최신 공식 문서를 넣어 줍니다. 낡은 학습 지식으로 틀린 코드를 짜는 일이 줄어듭니다. / Feeds your coding agent current library docs instead of stale training data.
- [Ponytail](https://github.com/DietrichGebert/ponytail) — Claude Code 가 쓸데없이 큰 코드를 짜지 않게 「가장 짧게 되는 방법부터」를 강제하는 플러그인입니다. / Claude Code plugin that pushes the agent toward the shortest code that works.
- [mattpocock/skills](https://github.com/mattpocock/skills) — 코딩 에이전트용 스킬 40개. 디버깅 반복, 인수인계 메모, 에이전트에게 글 쓰는 법이 실무적입니다. / 40 engineering skills for coding agents: debugging loops, handoff notes, writing for agents.
- [Agent Skills (Addy Osmani)](https://github.com/addyosmani/agent-skills) — 계획 → 만들기 → 시험 → 검토 → 출시를 단계별로 밟게 하는 스킬 묶음입니다. / Walks an agent through plan, build, test, review and ship.
- [awesome-claude-code](https://github.com/hesreallyhim/awesome-claude-code) — Claude Code 용 스킬·플러그인·훅 모음 목록. 뭘 깔지 고를 때 먼저 훑어볼 곳입니다. / Curated directory of Claude Code skills, plugins, hooks and workflows.
- [Claude Quickstarts](https://github.com/anthropics/claude-quickstarts) — Claude API 로 앱을 만들 때 출발점이 되는 Anthropic 공식 예제 모음입니다. / Anthropic's official starter apps for building on the Claude API.

## 디자인·UI · Design & UI

- [hallmark](https://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.
- [impeccable](https://github.com/pbakaus/impeccable) — 명령 한 줄로 AI 템플릿 같은 화면 패턴 60여 가지를 잡아 줍니다. AI 를 쓰지 않는 고정 규칙이라 결과가 매번 같습니다. / One command flags ~60 AI-template front-end patterns with fixed rules, no LLM.
- [diagram-design](https://github.com/cathrynlavery/diagram-design) — 구조도·흐름도·타임라인 등 도표 45종을 HTML 한 장으로 그려 주는 스킬입니다. / Draws 45 diagram types as a single HTML + SVG file.
- [Mobbin](https://mobbin.com) — 실제 앱 화면을 흐름별로 모아 둔 곳. 가입·결제 같은 화면을 짜기 전에 남들이 어떻게 했는지 봅니다. / Library of real app screens to study before you design a flow.
- [Godly](https://godly.website) — 눈에 띄게 잘 만든 웹사이트 모음. 판짜기와 분위기 참고용입니다. / Gallery of standout websites for layout and style reference.
- [Refero Styles](https://styles.refero.design) — 디자인을 분위기(스타일)별로 묶어 보여 줍니다. 원하는 느낌을 말로 설명하기 어려울 때 좋습니다. / Browse design references grouped by visual style.
- [CTA Gallery](https://cta.gallery) — 실제 사이트의 「누르게 만드는 칸」(CTA)만 모은 곳입니다. / Collection of call-to-action sections from real sites.
- [Phosphor Icons](https://phosphoricons.com) — 굵기 6가지를 고를 수 있는 오픈소스 아이콘. SVG 로 바로 붙여 쓸 수 있습니다. / Open-source icon family in six weights, usable as plain SVG.

## 영상·모션 · Video & motion

- [HyperFrames](https://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](https://github.com/yihui-dev/awesome-opus5-5-videos) — 코드로 그린 바이럴 영상 703개의 프롬프트와 원작 링크. 「이런 것도 코드로 되나」를 볼 수 있습니다. / 703 prompts behind viral videos drawn in code, each linked to its creator.
- [ffmpeg-skill](https://github.com/kajisho5/ffmpeg-skill) — 에이전트에게 FFmpeg 도구 42개와 릴스·쇼츠·X 내보내기 설정을 줍니다. 쓰기 전에 미리보기를 먼저 합니다. / 42 FFmpeg tools plus Reels/Shorts/X export presets for agents, with dry-run first.
- [anything2explainer](https://github.com/Vincentwei1021/anything2explainer) — 주제 하나를 넣으면 2~8분짜리 모션그래픽 설명 영상을 코드로 그려 줍니다. 상업적 사용은 안 됩니다. / One topic in, a 2–8 min motion-graphics explainer out. Non-commercial license.
- [Anime.js](https://animejs.com) — 작고 가벼운 자바스크립트 애니메이션 라이브러리. 타임라인과 SVG 선 그리기가 됩니다. / Small JavaScript animation library with timelines and SVG line drawing.
- [faster-whisper](https://github.com/SYSTRAN/faster-whisper) — 내 컴퓨터에서 돌리는 음성 받아쓰기. 자막·회의록을 외부로 안 보내고 만듭니다. / Local speech-to-text for subtitles and transcripts — nothing leaves your PC.
- [Openverse](https://openverse.org) — 자유 이용 허락된 효과음·이미지 검색. 파일마다 라이선스가 적혀 있어 출처 표기가 쉽습니다. / Search openly licensed sound effects and images, license shown on every file.

## 자료·조사 · Research & data

- [Jina Reader](https://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](https://ourworldindata.org) — 경제·건강·에너지 등 세계 통계를 차트와 원자료로 공개합니다. / Open charts and datasets on economics, health, energy and more.
- [World Bank Open Data](https://data.worldbank.org) — 나라별 GDP·인구·무역 지표를 내려받거나 API 로 씁니다. / Free country-level indicators for download or API use.
- [Wayback Machine](https://web.archive.org) — 지금은 사라졌거나 바뀐 웹 페이지의 예전 모습을 봅니다. 「그때 뭐라고 했었나」 확인용. / Snapshots of old web pages — check what a site said back then.
- [kepler.gl](https://kepler.gl) — 위치 자료 수십만 줄을 브라우저에서 지도로 그려 봅니다. / Visualize large location datasets on a map in the browser.
- [jesse](https://github.com/jesse-ai/jesse) — 코인 매매 전략 백테스트 도구(하이퍼리퀴드 지원). 미래 자료가 섞이지 않게 막아 줍니다. 연구용으로 먼저 쓰세요. / Crypto strategy backtesting with look-ahead protection. Use it for research first.

## 공부 · Learning

- [Hugging Face Learn](https://huggingface.co/learn) — 오픈 모델을 직접 써 보며 배우는 무료 강좌입니다. / Free hands-on courses on using open models.
- [fast.ai](https://course.fast.ai) — 코드부터 돌려 보고 이론은 나중에 배우는 실전 딥러닝 강좌입니다. / Practical deep learning: code first, theory later.
- [Kaggle Learn](https://www.kaggle.com/learn) — 파이썬·머신러닝을 몇 시간짜리 짧은 강좌로 쪼개 브라우저에서 바로 실습합니다. / Python and ML in short courses, run in browser notebooks.
- [DeepLearning.AI 짧은 강좌](https://www.deeplearning.ai/short-courses/) — 앤드루 응의 1~2시간짜리 강좌. 프롬프트·에이전트·RAG 를 빠르게 익힙니다. / Andrew Ng's short courses on prompting, agents and RAG.
- [CS50 AI (하버드)](https://cs50.harvard.edu/ai/) — 탐색 알고리즘부터 신경망까지 파이썬 과제로 배우는 입문 강좌입니다. / Harvard's intro from search to neural nets, built on Python projects.
- [Neural Networks: Zero to Hero](https://github.com/karpathy/nn-zero-to-hero) — 카파시가 신경망과 작은 GPT 를 처음부터 코드로 만들어 보이는 강의입니다. / Karpathy builds neural nets and a small GPT from scratch.
- [AI Agents for Beginners](https://github.com/microsoft/ai-agents-for-beginners) — 마이크로소프트의 AI 에이전트 만들기 무료 강좌입니다. / Microsoft's free lesson series on building AI agents.

## 일 줄이기 · Productivity

- [NotebookLM](https://notebooklm.google.com) — 자료를 올리면 그 자료 안에서만 요약·질문·오디오 해설을 해 줍니다. 올린 자료는 구글로 갑니다. / Summaries, Q&A and audio overviews grounded in your uploads. Uploads go to Google.
- [Fabric](https://github.com/danielmiessler/Fabric) — 잘 쓰는 프롬프트에 이름을 붙여 저장해 두고, 글을 넣으면 요약·추출을 바로 해 주는 명령줄 도구입니다. / Save your best prompts as named patterns and pipe text through them.
- [n8n](https://github.com/n8n-io/n8n) — 블록을 이어 업무를 자동화합니다. 내 서버에 설치해 쓸 수 있고 연동 400여 개. / Self-hostable visual workflow automation with 400+ integrations.
- [Meetily](https://github.com/Zackriya-Solutions/meetily) — 회의를 내 PC 에서 녹음·받아쓰기·요약합니다. 외부 서버로 보내지 않습니다. / Records, transcribes and summarizes meetings on your own PC.
- [Knowledge Work Plugins](https://github.com/anthropics/knowledge-work-plugins) — 영업·마케팅·재무·법무 등 직무별로 묶은 Anthropic 공식 Claude 플러그인입니다. / Anthropic's official Claude plugins grouped by job: sales, marketing, finance, legal…

## 팁 · Tips

1. 같은 실수를 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.
2. 할 일 목록 대신 「다 됐다는 기준」을 주세요. 시험이나 「이게 되면 끝」 줄을 먼저 씁니다. / Give the agent success criteria, not a to-do list: write the test or the 'done when' lines first.
3. 숫자는 코드가 계산하고 AI 는 해석만. 짐작은 [추정] 표시를 붙이게 하고, 결론·근거·모르는 것을 나눠 받으세요. / Let code compute the numbers; the AI only interprets, with guesses tagged [estimate].
4. 「좋게 고쳐 줘」 대신 「읽기 쉽게·흐름·누를 단추」처럼 기준을, 「요약해 줘」 대신 「3줄, 핵심 유지」처럼 모양을 말하세요. 읽을 사람도 알려 주세요. / Swap vague words for criteria: 'improve' → 'clarity, flow, CTA'; 'summarize' → '3 lines'. Name the reader.
5. 긴 Claude Code 작업에서 자리를 비우기 전에 /compact 나 /clear. 캐시가 끝나면 다시 이어갈 때 전부 새로 읽느라 비용이 납니다. / Before stepping away from a long Claude Code session, /compact or /clear — resuming after the cache expires re-reads everything.
6. README 의 「이 주소를 에이전트에 붙여 넣으면 설치됩니다」는 따르지 마세요. 파일을 직접 읽고 고정된 버전으로 설치합니다. / Don't paste 'give this URL to your agent to install'. Read the files and install from a pinned commit.
7. AI 영상 프롬프트엔 「영화처럼」 대신 카메라 용어를 — 트래킹 숏, 틸트 업, 스냅 줌, 랙 포커스, 휩 팬. / In AI video prompts, use camera terms — tracking shot, tilt up, snap zoom, rack focus, whip pan.