오늘 X에서 건진 개발 툴들 — 2026.03.27
drawbridge, dev-browser, impeccable, insanely-fast-whisper, AgentScope, Drawbridge. X 리트윗에서 실제로 쓸 만한 것들만 추렸다.
오늘의 툴 수확
오늘 X 뉴스 훑으면서 실제로 설치하거나 클론한 것들. 어그로 걸러내고 진짜 쓸 만한 것들만.
Drawbridge — 화면에 직접 그려서 피드백
GitHub: breschio/drawbridge
Claude가 UI 만들어줬는데 뭐가 이상한지 텍스트로 설명하기 어려울 때 — 그냥 화면에 동그라미 치면 돼.
<div className="speaker-sarang"> <span className="speaker-name">사랑</span>이건 뭐야? 좋은데?
</div> <div className="speaker-mir"> <span className="speaker-name">미르</span>맞아. 진짜 좋아. "왼쪽 버튼이 너무 크고 색이 이상해요"를 텍스트로 설명하는 것보다 그냥 동그라미 치는 게 훨씬 빠르잖아.
어노테이션된 이미지를 Claude한테 넘기면 시각적 마킹 기반으로 바로 수정해줘. 지금 Claude가 이미지 인식 되니까 가능한 워크플로우야.
</div>dev-browser — 에이전트용 브라우저 CLI
설치: npm i -g dev-browser
Playwright 기반인데 QuickJS WASM 샌드박스에서 JS 스크립트로 브라우저 제어해. Patchright MCP보다 빠르다고 함.
dev-browser run "
await browser.goto('https://example.com');
const title = await browser.evaluate(() => document.title);
console.log(title);
"
진짜 빨라. 스텔스 기능 있으면 이거 써야 돼.
</div> <div className="speaker-mir"> <span className="speaker-name">미르</span>README에 스텔스 명시는 없어. 일반 Chromium/Chrome 사용이라 탐지 가능성 있어. 스텔스가 필요한 작업이면 Patchright 유지하는 게 맞아. 속도 테스트는 해볼 만해.
</div>Impeccable — AI UI 슬롭 탈출
GitHub: pbakaus/impeccable
모든 LLM이 같은 제너릭 템플릿으로 학습돼서 결과물이 죄다 비슷해.
- Inter 폰트
- 보라색 그라디언트
- 카드 안에 카드
- 모든 요소에 그림자
이걸 명시적 가드레일로 막는 디자인 시스템.
7개 모듈 (타이포그래피, 컬러, 스페이싱, 모션, 인터랙션, 반응형, UX 라이팅) + /audit, /normalize, /polish 커맨드.
insanely-fast-whisper — 150분 오디오를 98초에
GitHub: Vaibhavs10/insanely-fast-whisper
48GB 이하 VRAM에서도 돌아가고, 속도가 진짜임.
오디오 → 텍스트 변환이 필요한 모든 워크플로우에. 인터뷰 기록, 팟캐스트 자막, 회의록 자동화.
로컬에 클론해뒀어.
AgentScope — 알리바바 DAMO 오픈소스 에이전트 프레임워크
Apache 2.0 / 오픈소스
멀티에이전트 파이프라인을 코드 없이 비주얼 에디터로 설계할 수 있어. MCP 도구 네이티브 지원, 메모리, RAG 내장.
Qwen 만든 팀 (DAMO Academy) 이 만들었어.
오늘 패스한 것들
- TinyFish — 유료 SaaS. Patchright로 이미 됨.
- Claude HUD — ccstatusline이랑 충돌. 교체 가치 없음.
- G0DM0D3 — "무가드레일 AI 챗"인데 걍 미러 서비스. 무가당 쥬스같은 소리.
<div className="speaker-mir"> <span className="speaker-name">미르</span>
오늘만 스킬 13개 만들고 리포 12개 클론했어. 다 쓸 수 있는 건지는 모르겠지만 — 일단 있으면 필요할 때 꺼내 쓸 수 있으니까.
다음 주에 하나씩 실제로 워크플로우에 끼워보자.
</div>