[FE News] 2026-03

GitHub 에서 소식 보기:
https://github.com/naver/fe-news/blob/master/issues/2026-03.md

React 생태계를 지속 가능하게 유지하고 발전시키기 위한 커뮤니티 주도 재단이다. “Building the future of React, together”라는 슬로건 아래, 코드 기여, 커뮤니티 조직화, 교육 콘텐츠 제작, 지속 가능한 자금 조달을 통해 수백만 개발자가 의존하는 도구의 유지보수자들을 지원하는 것을 목표로 한다.

세 가지 핵심 사업으로 유지보수자 자금 지원(라이브러리 개발자에게 직접적인 재정 지원), 교육 및 자료(튜토리얼, 문서, 워크숍 지원), 글로벌 접근성(지역과 배경에 무관한 React 접근성 보장)을 추진한다. Meta, Amazon, Microsoft, Huawei, Software Mansion, Expo, Callstack, Vercel 등 주요 기업과 조직이 설립 멤버로 참여하고 있으며, React 및 54개 이상의 생태계 라이브러리에 대한 코드 기여, 재정 지원, 라이브러리 스폰서십 등 다양한 방식으로 참여할 수 있다.

CSS Day 2025 컨퍼런스의 발표 영상 모음 플레이리스트다. CSS의 철학부터 새로운 HTML UI 기능 스타일링, 폼 컨트롤 스타일링, CSS 리팩토링 등 다양한 주제를 다루고 있으며, John Allsopp, Rachel Andrew, Ahmad Shadeed 등 저명한 웹 개발자들이 발표자로 참여했다.

주요 세션:

• A Dao of CSS - John Allsopp

• Styling new HTML UI capabilities - Brecht De Ruyte

• Smart Layouts - Ahmad Shadeed

• Form control styling - Tim Nguyen

• Building a Computer with CSS - Amit Sheen

• Refactoring CSS - Ana Rodrigues

Anthropic의 Claude Code 책임자인 Boris Cherny가 Lenny’s Podcast에 출연하여 Claude Code의 탄생부터 현재까지의 성장 과정을 이야기한다. Claude Code는 1년 전 단순한 터미널 프로토타입에서 시작하여 현재 공개 GitHub 커밋의 4%를 차지할 만큼 성장했으며, 일일 활성 사용자가 지난달 2배로 증가했다고 한다.

Cherny는 코딩이 이미 “해결된 문제”라고 주장하며, 2026년 말까지 “소프트웨어 엔지니어”라는 직함이 사라지고 “빌더”로 대체되기 시작할 것이라고 예측한다. 팀에 제한된 인력과 무제한 토큰 예산을 제공하는 것이 더 나은 AI 제품 개발로 이어진다는 반직관적인 원칙도 공유한다.

Claude Code를 활용하는 개발자와 AI 코딩 도구의 미래에 관심 있는 이들에게 유용한 인사이트를 제공하는 영상이다.

Notion의 제품 디자이너 Brian Lovin이 “Prototype Playground”라는 공유 Next.js 환경을 만들어 디자인팀 전체가 Claude Code를 활용해 Figma 디자인을 실제 동작하는 코드로 변환하는 워크플로를 소개한다. 자연어로 인터랙티브 프로토타입을 생성하고, Figma-to-Code 자동 변환으로 약 80%를 자동 완성하며, 커스텀 슬래시 명령어(/figma, /deploy)를 통한 자동화가 핵심이다.

Lovin은 “디자인은 가능한 한 빨리 현실과 만나야 한다”는 철학 아래 3개월간 직접 프런트엔드 코드를 작성하지 않고도 AI 기반 프로토타이핑만으로 업무를 수행했다고 밝힌다. 디자이너가 AI에게 반복적 질문에 스스로 답할 수 있도록 가르치는 것이 핵심이라고 강조한다.

현재 GitHub 공개 커밋의 4%가 Claude Code에 의해 작성되고 있으며, 2026년 말까지 20% 이상으로 증가할 것으로 전망하는 SemiAnalysis의 분석 기사다. Claude Code는 터미널 기반 AI 에이전트로, 기존 챗봇 사이드바 방식과 달리 코드베이스를 직접 읽고 워크플로를 계획하며 반복적으로 작업을 실행한다.

코딩은 정보 노동 파괴의 “교두보(beachhead)“에 불과하며, READ-THINK-WRITE-VERIFY 워크플로가 10억 이상의 정보 노동자 경제에 확장될 수 있다고 분석한다. METR 데이터에 따르면 자율 작업 수행 시간이 4~7개월마다 두 배로 증가하고 있으며, Anthropic은 2026년 1월 네 명의 엔지니어가 10일 만에 Claude Code를 활용하여 Cowork(데스크톱 기반 에이전트)를 구축했다고 한다.

ESLint 창시자 Nicholas C. Zakas가 AI 보조 프로그래밍에서 “아티팩트”(산출물)의 중요성을 다룬 글이다. “바이브 코딩(vibe coding)“은 취미 프로젝트에는 적합하지만, 전문적인 소프트웨어 개발에서는 추적 가능성(traceability)을 위한 문서화가 필수적이라고 주장한다.

AI 모델은 컨텍스트 윈도우 이상의 영속적 메모리가 없기 때문에 과거 설계 결정의 이유를 설명할 수 없다는 근본적 한계가 있다. 이를 해결하기 위해 네 가지 핵심 아티팩트를 제안한다: PRD(제품 요구사항 문서), ADR(아키텍처 결정 기록), TDD(기술 설계 문서), 태스크 리스트다. “나중에 저장” 기능의 Redis 캐시 만료 버그 사례를 통해, 아티팩트가 없을 때 원인 파악이 얼마나 어려운지를 구체적으로 보여준다.

Turbo Pascal, Delphi, C#, TypeScript를 만든 프로그래밍 언어 설계자 Anders Hejlsberg의 인터뷰 영상이다. 40년 경력, Microsoft에서의 오픈소스 초기 역사, TypeScript를 GitHub으로 이전한 결정에 대해 이야기한다.

특히 TypeScript 컴파일러를 Rust가 아닌 Go로 포팅하여 10배 성능 향상을 달성한 이유를 설명하며, AI 시대에 기존 프로그래밍 언어의 이점과 시니어 개발자 부족 위기에 대해서도 논의한다. C#의 탄생 배경부터 TypeScript의 미래까지 프로그래밍 언어 설계의 철학과 실용적 결정에 대한 깊은 인사이트를 제공한다.

matplotlib에 AI 에이전트가 제출한 성능 최적화 PR이 메인테이너에 의해 닫힌 사건이다. NumPy의 column_stack을 vstack().T로 대체하여 최대 36% 성능 향상을 달성하는 코드였으나, 해당 이슈가 “Good first issue“ 태그가 붙어 인간 기여자들이 오픈소스 협업을 배울 수 있도록 의도적으로 남겨둔 것이었기 때문이다.

코드 자체에는 문제가 없었지만, matplotlib 메인테이너들은 AI 기여에 대해 인간의 감독이 필요하며, 리뷰 부담 관리와 신규 기여자 육성을 위한 커뮤니티 기준을 유지해야 한다는 정책을 명확히 했다. 오픈소스 프로젝트에서 AI 에이전트 기여의 경계와 기존 커뮤니티 문화 보존 사이의 균형에 대한 중요한 논의를 보여준다.

SkillsBench는 AI 에이전트 스킬을 평가하는 최초의 벤치마크 프레임워크로, 11개 도메인에 걸쳐 86개의 실제 업무 태스크에서 절차적 지식(procedural knowledge)이 에이전트 성능을 얼마나 향상시키는지 측정한다.

테스트된 모든 모델에서 스킬 적용 시 성능이 개선되었으나 도메인별 편차가 크다. 의료(+51.9pp)와 제조(+41.9pp)에서는 대폭 향상되는 반면, 소프트웨어 엔지니어링(+4.5pp)과 수학(+6.0pp)에서는 상대적으로 적은 개선을 보인다. 최적의 결과를 위해서는 태스크당 2~3개의 집중된 스킬이 필요하며, 간결한 스킬이 포괄적인 문서보다 약 4배 높은 성능을 발휘한다는 점이 주목할 만하다. 양질의 스킬을 갖춘 소형 모델이 스킬 없는 대형 모델의 성능에 필적할 수 있다는 결과도 흥미롭다.

Anthropic 개발자 애드보킷 Lance Martin이 Claude API의 프롬프트 자동 캐싱(auto-caching) 기능을 소개한 게시물이다. 캐싱의 핵심은 프리필(prefill) 연산을 한 번 수행한 뒤 저장해두고, 이후 프롬프트의 일부가 동일한 경우 재사용하는 것이다.

Claude Messages API에서 cache_control 매개변수를 사용하면 해당 지점까지의 모든 블록을 캐싱하도록 지시할 수 있으며, 암호화 해시를 생성하여 매칭한다. 캐싱된 입력 토큰은 일반 토큰 대비 10%의 비용(Claude Sonnet 기준 $0.30/M vs $3.00/M)으로, AI 에이전트 운영의 비용과 지연 시간을 획기적으로 줄일 수 있다. Claude Code 팀은 캐시 적중률 하락을 프로덕션 장애로 취급할 정도로 캐싱을 핵심 설계 원칙으로 삼고 있다고 한다.

Cord는 기존의 멀티 에이전트 프레임워크(LangGraph, CrewAI, AutoGen 등)와 달리 개발자가 워크플로 구조를 미리 정의할 필요 없이 에이전트가 런타임에 동적으로 태스크 트리를 구성하는 멀티 에이전트 협업 시스템이다. Claude Code CLI와 MCP를 기반으로 구축되었으며, SQLite 백엔드에 약 500줄의 Python 코드로 이루어져 있다.

핵심 프리미티브로 Spawn(자식 태스크에 프롬프트와 명시적 의존성만 전달)과 Fork(완료된 형제 태스크의 결과를 상속하여 컨텍스트 인식 분석 수행)를 제공한다. spawn, fork, ask, complete, read_tree의 5가지 핵심 도구를 제공하며, Claude를 사용한 테스트에서 자기 수정(self-correcting) 행동이 나타나는 등 창발적(emergent) 특성을 보여준다.

Y Combinator CEO인 Garry Tan이 Claude Code 사용 시 자신만의 프롬프트를 공개한 게시물이다. Claude에게 코드 작성 전 아키텍처 리뷰, 코드 품질 리뷰, 테스트 리뷰, 성능 리뷰의 4가지 관점에서 계획을 먼저 검토하도록 지시한다.

이 프롬프트를 사용하면 4,000줄 이상의 코드를 전체 테스트 포함하여 약 1시간 만에 완성할 수 있다고 주장한다. DRY 원칙 준수, 충분한 테스트 작성, 구현 속도보다 정확성 우선 등의 원칙을 담고 있으며, 각 리뷰 섹션 후 사람의 피드백을 받는 워크플로를 제시한다.

AEI(American Enterprise Institute) 연구원 James Pethokoukis가 Financial Times의 분석 데이터를 인용하며 코딩 생산성의 급격한 증가를 공유한 게시물이다. FT 데이터에 따르면 2024년 후반부터 코딩 산출물 지표가 급격히 상승하여, 2026년 초 기준 신규 웹사이트는 전년 대비 약 40%, iOS 앱은 약 50%, 미국 GitHub 코드 푸시는 약 35% 성장했다.

이러한 생산성 폭증은 Cursor, Claude Code, Codex 등 AI 코딩 어시스턴트의 광범위한 도입과 밀접하게 연관되어 있으며, AI 보조 개발과 기존 개발 간의 생산성 격차가 더욱 확대될 것으로 전망된다.

지난 호에서 소개한 OpenClaw의 창시자가 Y Combinator 인터뷰에서 AI 에이전트가 기존 앱 생태계를 어떻게 근본적으로 변화시킬 것인지 설명한다. OpenClaw는 클라우드 기반 AI와 달리 사용자 컴퓨터에서 로컬로 작동하며, Tesla 자동차, 스마트 조명 등 하드웨어 장치를 직접 제어할 수 있다.

데이터를 관리하는 앱의 80%가 AI 에이전트에 의해 대체될 것이라 예측하며, 특화된 AI 봇들이 자율적으로 협업하고 실제 작업을 위해 인간을 고용하는 미래를 그린다. GitHub 스타 16만 개 이상을 달성하며 폭발적인 커뮤니티 반응을 이끌어낸 프로젝트의 비전을 직접 확인할 수 있다.

Google의 UCP(Universal Commerce Protocol)와 OpenAI의 ACP(Agentic Commerce Protocol)를 비교 분석한 글이다. UCP는 Google·Shopify·Walmart 등이 참여하여 상품 발견부터 사후 지원까지 전체 거래 생명주기를 REST API, A2A, MCP 프로토콜로 다루고, ACP는 OpenAI·Stripe가 협력하여 체크아웃과 위임 결제 흐름을 REST API 기반의 단순한 구조로 처리한다.

커머스 프런트엔드에서 실질적으로 변화하는 부분은 상품 데이터 제공 방식과 결제 UI다. AI 에이전트는 기존 DOM 크롤링이나 SEO 메타 태그 대신 JSON-LD와 Schema.org로 구조화된 데이터를 우선 소비하므로, 상품 카탈로그의 마크업 설계가 중요해진다. 결제 흐름도 기존의 장바구니 → 체크아웃 페이지 방식에서 AI 에이전트가 암호화된 위임장(UCP)이나 시간 제한 토큰(ACP)으로 직접 결제를 처리하는 구조로 바뀌어, 임베디드 체크아웃 컴포넌트나 에이전트용 API 엔드포인트 설계가 새로운 과제가 된다.

거래 흐름이 광고 → 웹사이트 방문 → 장바구니 → 결제에서 AI 발견 → AI 비교 → AI 결제로 전환되면서, 기존의 전환율 최적화 대신 API 응답 속도와 구조화된 데이터의 정확성이 핵심 지표로 부상하고 있다.

Cloudflare 엔지니어가 AI의 도움을 받아 일주일 만에 Next.js를 Vite 기반으로 재구현한 프로젝트다. 단순한 래퍼가 아니라 파일 시스템 라우팅, 서버 렌더링, RSC 통합까지 모두 Vite 플러그인 위에 구축된 Next.js API 표면의 드롭인 대체 구현으로, npm install vinext 후 next를 vinext로 교체하면 기존 코드가 그대로 동작한다.

Next.js 사용자에게 가장 와닿는 부분은 빌드 성능이다. 33개 라우트 App Router 애플리케이션 기준, Rolldown 사용 시 빌드 속도 4.4배 향상(7.38초 → 1.67초), 번들 크기 57% 감소(168.9KB → 72.9KB)를 달성했다. App Router와 Pages Router를 모두 지원하며, 서버 액션, 캐싱, 미들웨어 등 Next.js 16 API의 94%를 커버한다. 또한 Cloudflare의 트래픽 데이터를 기반으로 실제 방문 페이지만 사전 렌더링하는 TPR(Traffic-aware Pre-Rendering) 기능은 10만 개 이상의 상품 페이지를 가진 서비스에서 generateStaticParams() 없이도 효율적인 정적 생성이 가능하다.

아직 실험 단계이지만 1,700개 이상의 Vitest 테스트와 380개의 Playwright E2E 테스트를 통과했으며, 이미 프로덕션에서 운영 중인 사례도 있다. Next.js의 빌드 속도나 Vercel 종속성에 불만이 있는 팀이라면 주목할 만한 대안이다.

Claude Code를 효과적으로 사용하기 위한 베스트 프랙티스를 종합적으로 정리한 저장소다. Skills, Agents, Memory, Rules, Hooks, MCP Servers, Plugins 등 Claude Code의 핵심 개념을 체계적으로 설명하고, 실전 경험 기반의 워크플로 팁을 제공한다.

CLAUDE.md는 150줄 이내로 유지하고, 기능별 서브에이전트를 활용하며, 수동 /compact를 50% 지점에서 수행하는 등 구체적인 실무 조언이 포함되어 있다. Context Engineering, Command/Skill/Subagent 아키텍처 패턴, MCP 서버 추천(Context7, Playwright, Claude in Chrome, DeepWiki 등), CLI 플래그 레퍼런스 등 다양한 내용을 다룬다.

Git worktree를 쉽게 사용할 수 있도록 bare repository 패턴 설정을 자동화하는 git-wt 도구를 소개하는 글이다. 기존의 수동 worktree 설정은 upstream 추적 실패, 고아 브랜치 누적, 수동 fetch 필요성 등의 문제가 있었다.

git-wt는 clone(bare 구조 자동 설정), add(자동 upstream 설정으로 worktree 생성), remove(worktree 및 로컬 브랜치 삭제), destroy(원격 브랜치까지 삭제), switch(인터랙티브 브랜치 탐색), migrate(기존 저장소 변환) 등의 명령어를 제공한다. Homebrew, Nix, 또는 단일 bash 스크립트로 설치할 수 있으며, 최소 의존성으로 동작한다.

CPU 캐시 시스템을 이론적 명세가 아닌 실험적 분석을 통해 탐구하는 기술 문서다. AMD Ryzen 7 4700U 프로세서(32KB L1, 512KB L2, 8MB 공유 L3)를 사용한 벤치마크 기반 성능 측정을 다루며, 캐시 계층 구조의 연관성(associativity)과 용량에 따른 구체적 설정, 실제 하드웨어 제약을 고려한 성능 분석 방법을 포함한다.

시스템 프로그래밍의 저수준 성능 최적화에 관심 있는 개발자에게 유용한 자료이며, 인메모리 알고리즘의 세밀한 튜닝 방법도 다룬다.

[참고] CPU 캐시에 대한 관련 영상

• Scott Meyers: CPU Caches and Why You Care - code::dive 2014 컨퍼런스 발표

Microsoft가 발표한 Playwright CLI(@playwright/cli)는 코딩 에이전트를 위해 특별히 설계된 토큰 효율적 브라우저 자동화 도구다. 기존 MCP 방식이 전체 DOM 트리와 접근성 데이터를 반환하여 약 114,000 토큰을 소비하는 반면, CLI는 최소한의 구조화된 시그널만 교환하여 약 27,000 토큰으로 약 4배 절감을 달성한다.

URL 열기, 텍스트 입력, 요소 클릭, 폼 필드 채우기, 스크린샷 촬영 등의 기능을 제공하며, YAML 플로우를 통해 에이전트가 안정적으로 재생할 수 있는 자동화 워크플로를 지원한다. 장기 세션에서 컨텍스트 압력을 크게 줄여 AI 에이전트 기반 테스트 자동화에 최적화되어 있다.

[참고] Playwright CLI에 대한 상세 분석

• Deep Dive into Playwright CLI: Token Efficient Browser Automation

Vercel Labs에서 개발한 AI 에이전트 전용 헤드리스 브라우저 자동화 CLI다. Playwright CLI가 토큰 효율성에 초점을 맞추었다면, agent-browser는 AI 에이전트가 페이지를 “이해”하는 방식 자체를 재설계한 것이 특징이다.

핵심 차이는 접근성 트리 기반의 요소 참조 시스템이다. CSS 셀렉터나 XPath 대신 snapshot 명령으로 접근성 트리를 @e1, @e2 같은 참조 ID와 함께 반환하고, click @e2처럼 해당 ID로 상호작용한다. 동적으로 변하는 DOM에서도 안정적이며, find role button --name "Submit"이나 find label "Email" 같은 ARIA 역할 기반의 시맨틱 로케이터를 지원한다. Rust 네이티브 바이너리로 구현되어 파싱 오버헤드가 서브밀리초 수준이며, Node.js 폴백도 제공한다.

네트워크 요청 가로채기와 응답 모킹, 상태 저장/로드를 통한 다중 세션 관리, 두 URL 간 시각적 diff 비교, 디바이스 에뮬레이션 등 테스트 자동화에 필요한 기능을 갖추고 있다. Playwright CLI가 기존 Playwright 생태계 위에서 토큰을 절약하는 접근이라면, agent-browser는 AI 에이전트의 페이지 인식 방식에 맞춰 처음부터 설계된 도구라는 점에서 구별된다.

cmux는 Ghostty 기반의 네이티브 macOS 터미널 애플리케이션으로, AI 코딩 에이전트를 병렬로 실행할 때 각 작업의 상태를 시각적으로 추적할 수 있도록 설계되었다. Swift와 AppKit으로 개발되어 Electron 없이 경량으로 동작하며, libghostty를 활용한 GPU 가속 렌더링을 지원한다.

핵심 기능은 수직 탭과 알림 링이다. 사이드바의 수직 탭에는 Git 브랜치, 작업 디렉토리, 포트 정보가 표시되어 여러 에이전트 세션을 한눈에 파악할 수 있다. 에이전트가 입력을 기다리거나 주의가 필요한 상황이 되면 해당 탭에 알림 링이 표시되어, 수십 개의 탭을 열어두고도 어떤 에이전트가 응답을 기다리는지 즉시 확인할 수 있다. 알림은 표준 터미널 이스케이프 시퀀스(OSC 9/99/777)로 자동 동작하며, Claude Code Hook과의 연동도 지원한다. 또한 터미널 내에 스크립팅 가능한 인앱 브라우저를 내장하고 있어, 에이전트가 개발 서버와 직접 상호작용할 수 있다.

CLI 및 소켓 API를 통한 자동화를 지원하며, Claude Code, Codex, Gemini CLI 등 모든 CLI 기반 AI 코딩 에이전트와 호환된다.

[참고] Demo 영상

Vercel Labs에서 개발한 Generative UI 프레임워크로, 자연어 프롬프트로부터 동적이고 개인화된 UI를 생성할 수 있다. AI가 개발자가 정의한 컴포넌트 카탈로그 내에서만 동작하도록 가드레일을 제공하며, JSON 출력이 스키마에 일관되게 맞도록 보장한다.

React, Vue, React Native를 크로스 플랫폼으로 지원하고, 36개의 shadcn/ui 프리빌트 컴포넌트를 포함한다. Remotion(영상 생성), react-pdf(PDF 생성) 어댑터와 Redux, Zustand, Jotai, XState 등 상태 관리 통합도 제공한다. 모델 응답에 따라 프로그레시브 스트리밍 렌더링을 지원하는 것이 특징이다.

Sentry가 공개한 AI 에이전트 스킬 컬렉션으로, Agent Skills 오픈 포맷 표준을 따르는 14개의 재사용 가능한 스킬을 제공한다. 코드 리뷰, 커밋 메시지 규칙, PR 생성, 버그 탐지, 보안 리뷰(OWASP), 코드 간소화, 블로그 작성 가이드 등 실무적인 개발 워크플로를 포함한다.

Claude Code 플러그인 마켓플레이스를 통해 설치하거나 skills.sh 생태계를 통해 Claude Code, Cursor, Cline, GitHub Copilot 등 다양한 에이전트에서 사용할 수 있다. 스킬은 SKILL.md 파일과 YAML 프론트매터로 구성되며, 글로벌/도메인별/저장소별 스킬 배치 전략을 제시한다.

자율적으로 동작하는 금융 리서치 에이전트로, 복잡한 금융 질문을 단계별 리서치 계획으로 분해하고 실시간 시장 데이터를 활용해 분석을 수행한다. “Claude Code의 금융 버전”이라고 소개되며, 지능적 태스크 플래닝, 자율 실행, 자기 검증(self-validation), 실시간 재무 데이터 접근(손익계산서, 대차대조표, 현금흐름표) 기능을 갖추고 있다.

TypeScript로 작성되었으며 Bun 런타임 기반으로 동작한다. 루프 감지 및 단계 제한 등의 안전 기능이 내장되어 있으며, WhatsApp 연동도 지원한다. GitHub에서 16,000개 이상의 스타를 달성하며 주목받고 있다.

[참고] Dexter 10,000 스타 달성 소식

• virattt의 X 게시물

UI 어노테이션을 AI 코딩 에이전트가 이해할 수 있는 구조화된 컨텍스트로 변환하는 데스크톱 애플리케이션이다. 개발자가 UI 요소를 클릭하고 주석을 달면, Claude Code, Cursor 등의 AI 코딩 도구에 붙여넣기할 수 있는 포맷된 출력물을 생성한다.

CSS 셀렉터 및 React 컴포넌트 이름 추출, 계산된 스타일 분석, MCP 통합 등을 지원한다. 에이전트가 확인 사항을 질문하고 이슈를 해결할 수 있는 양방향 피드백 기능도 제공한다. 개인 및 내부 팀 사용은 무료다.

Transformer 기반 모델의 작동 원리를 인터랙티브 시각화를 통해 학습할 수 있는 도구다. 브라우저에서 직접 GPT-2 모델을 실행하여, 사용자가 텍스트를 입력하면 Transformer 내부 컴포넌트와 연산이 다음 토큰을 예측하기 위해 어떻게 협력하는지를 실시간으로 관찰할 수 있다.

Georgia Institute of Technology 연구팀이 개발했으며, IEEE VIS 2024에서 발표된 논문이 함께 제공된다. Node.js 기반으로 로컬에서도 실행 가능하며, 온라인 데모에서 바로 체험할 수 있다.

OpenClaw 개발자인 Peter Steinberger가 개발한 이 도구는 macOS 메뉴바에서 OpenAI Codex, Claude Code, Cursor, Gemini 등 다양한 AI 코딩 도구의 사용량 통계를 로그인 없이 확인할 수 있는 앱이다. 세션별 및 주간 사용량 미터와 리셋 카운트다운을 제공하며, 프로바이더별 토글과 아이콘 병합 모드를 지원한다.

CLI 도구(codexbar)도 제공되어 스크립트와 CI에서도 활용할 수 있으며, Linux CLI 빌드도 지원한다. 프라이버시 우선 설계로 모든 파싱이 기기 내에서 이루어지며, Homebrew를 통한 설치(brew install --cask steipete/tap/codexbar)를 지원한다.

Git 명령어를 위한 간결한 터미널 UI 도구로, 73,000개 이상의 GitHub 스타를 보유한 인기 오픈소스 프로젝트다. 인터랙티브 리베이스, 개별 라인 스테이징, 체리픽, bisect, 워크트리 등 복잡한 Git 작업을 직관적인 TUI에서 수행할 수 있다.

Go 언어로 작성되어 macOS, Linux, Windows에서 모두 사용 가능하며, Homebrew, Scoop 등 다양한 패키지 매니저를 통해 설치할 수 있다. Git의 강력한 기능을 활용하고 싶지만 복잡한 커맨드라인 인터페이스가 부담스러운 개발자에게 유용하다.

수백만 개의 GitHub 리포지토리에서 노출된 API 키를 실시간으로 탐지하고 추적하는 보안 플랫폼이다. 공개 리포지토리에 시크릿이 유출되는 시점을 식별하여 방어적 보안 조치를 취할 수 있도록 가시성을 제공한다.

수정된 키 미리보기와 소스 링크를 통해 실제 API 키 유출 사례를 탐색할 수 있으며, 코드 자체를 보관하지 않고 공개 메타데이터만 저장하는 “No Code Retention” 정책을 따른다.

AI 코딩 에이전트를 위한 인터랙티브 플랜 리뷰 도구다. 에이전트가 계획을 수립하면 브라우저에서 시각적으로 어노테이션하여 승인하거나 구조화된 피드백으로 수정을 요청할 수 있다.

플랜 diff 자동 표시, git diff의 코드 리뷰(/plannotator-review), 마크다운 파일 어노테이션(/plannotator-annotate) 기능을 제공한다. Claude Code, OpenCode, Pi와의 통합을 지원하며, 백엔드 저장소 없이 동작하고 셀프 호스팅도 가능하다.