Bookmarks
BULBUL Picks
AI 코딩 · AI coding
- Context7 — AI 코딩 도우미에게 라이브러리의 최신 공식 문서를 넣어 줍니다. 낡은 학습 지식으로 틀린 코드를 짜는 일이 줄어듭니다.
- Ponytail — Claude Code 가 쓸데없이 큰 코드를 짜지 않게 「가장 짧게 되는 방법부터」를 강제하는 플러그인입니다.
- mattpocock/skills — 코딩 에이전트용 스킬 40개. 디버깅 반복, 인수인계 메모, 에이전트에게 글 쓰는 법이 실무적입니다.
- Agent Skills (Addy Osmani) — 계획 → 만들기 → 시험 → 검토 → 출시를 단계별로 밟게 하는 스킬 묶음입니다.
- awesome-claude-code — Claude Code 용 스킬·플러그인·훅 모음 목록. 뭘 깔지 고를 때 먼저 훑어볼 곳입니다.
- Claude Quickstarts — Claude API 로 앱을 만들 때 출발점이 되는 Anthropic 공식 예제 모음입니다.
디자인·UI · Design & UI
- hallmark — 웹 화면에서 「AI 가 만든 티」가 나는 패턴을 찾아 고칠 점을 적어 주는 스킬. 우리 사이트들도 이걸로 다시 짰습니다.
- impeccable — 명령 한 줄로 AI 템플릿 같은 화면 패턴 60여 가지를 잡아 줍니다. AI 를 쓰지 않는 고정 규칙이라 결과가 매번 같습니다.
- diagram-design — 구조도·흐름도·타임라인 등 도표 45종을 HTML 한 장으로 그려 주는 스킬입니다.
- Mobbin — 실제 앱 화면을 흐름별로 모아 둔 곳. 가입·결제 같은 화면을 짜기 전에 남들이 어떻게 했는지 봅니다.
- Godly — 눈에 띄게 잘 만든 웹사이트 모음. 판짜기와 분위기 참고용입니다.
- Refero Styles — 디자인을 분위기(스타일)별로 묶어 보여 줍니다. 원하는 느낌을 말로 설명하기 어려울 때 좋습니다.
- CTA Gallery — 실제 사이트의 「누르게 만드는 칸」(CTA)만 모은 곳입니다.
- Phosphor Icons — 굵기 6가지를 고를 수 있는 오픈소스 아이콘. SVG 로 바로 붙여 쓸 수 있습니다.
영상·모션 · Video & motion
- HyperFrames — 영상을 HTML·CSS 로 짜서 MP4 로 뽑습니다. 같은 입력이면 같은 영상이 나와 고치기 쉽습니다.
- awesome-opus5-5-videos — 코드로 그린 바이럴 영상 703개의 프롬프트와 원작 링크. 「이런 것도 코드로 되나」를 볼 수 있습니다.
- ffmpeg-skill — 에이전트에게 FFmpeg 도구 42개와 릴스·쇼츠·X 내보내기 설정을 줍니다. 쓰기 전에 미리보기를 먼저 합니다.
- anything2explainer — 주제 하나를 넣으면 2~8분짜리 모션그래픽 설명 영상을 코드로 그려 줍니다. 상업적 사용은 안 됩니다.
- Anime.js — 작고 가벼운 자바스크립트 애니메이션 라이브러리. 타임라인과 SVG 선 그리기가 됩니다.
- faster-whisper — 내 컴퓨터에서 돌리는 음성 받아쓰기. 자막·회의록을 외부로 안 보내고 만듭니다.
- Openverse — 자유 이용 허락된 효과음·이미지 검색. 파일마다 라이선스가 적혀 있어 출처 표기가 쉽습니다.
자료·조사 · Research & data
- Jina Reader — 주소 앞에 r.jina.ai/ 를 붙이면 웹 페이지를 깔끔한 글(마크다운)로 바꿔 줍니다. AI 에게 읽힐 때 편합니다.
- Our World in Data — 경제·건강·에너지 등 세계 통계를 차트와 원자료로 공개합니다.
- World Bank Open Data — 나라별 GDP·인구·무역 지표를 내려받거나 API 로 씁니다.
- Wayback Machine — 지금은 사라졌거나 바뀐 웹 페이지의 예전 모습을 봅니다. 「그때 뭐라고 했었나」 확인용.
- kepler.gl — 위치 자료 수십만 줄을 브라우저에서 지도로 그려 봅니다.
- jesse — 코인 매매 전략 백테스트 도구(하이퍼리퀴드 지원). 미래 자료가 섞이지 않게 막아 줍니다. 연구용으로 먼저 쓰세요.
공부 · Learning
- Hugging Face Learn — 오픈 모델을 직접 써 보며 배우는 무료 강좌입니다.
- fast.ai — 코드부터 돌려 보고 이론은 나중에 배우는 실전 딥러닝 강좌입니다.
- Kaggle Learn — 파이썬·머신러닝을 몇 시간짜리 짧은 강좌로 쪼개 브라우저에서 바로 실습합니다.
- DeepLearning.AI 짧은 강좌 — 앤드루 응의 1~2시간짜리 강좌. 프롬프트·에이전트·RAG 를 빠르게 익힙니다.
- CS50 AI (하버드) — 탐색 알고리즘부터 신경망까지 파이썬 과제로 배우는 입문 강좌입니다.
- Neural Networks: Zero to Hero — 카파시가 신경망과 작은 GPT 를 처음부터 코드로 만들어 보이는 강의입니다.
- AI Agents for Beginners — 마이크로소프트의 AI 에이전트 만들기 무료 강좌입니다.
일 줄이기 · Productivity
- NotebookLM — 자료를 올리면 그 자료 안에서만 요약·질문·오디오 해설을 해 줍니다. 올린 자료는 구글로 갑니다.
- Fabric — 잘 쓰는 프롬프트에 이름을 붙여 저장해 두고, 글을 넣으면 요약·추출을 바로 해 주는 명령줄 도구입니다.
- n8n — 블록을 이어 업무를 자동화합니다. 내 서버에 설치해 쓸 수 있고 연동 400여 개.
- Meetily — 회의를 내 PC 에서 녹음·받아쓰기·요약합니다. 외부 서버로 보내지 않습니다.
- Knowledge Work Plugins — 영업·마케팅·재무·법무 등 직무별로 묶은 Anthropic 공식 Claude 플러그인입니다.