오늘의 AI Builder Stack을 고르세요.

복붙 방식으로 쓰는 모던 React 컴포넌트 모음. shadcn 코드를 내 프로젝트로 가져와 자유롭게 커스터마이즈.

Beautifully designed components built with Radix UI and Tailwind CSS.

LangChain을 비주얼하게 조립하는 도구. 비개발자가 RAG·에이전트 프로토타입 만들 때.

Drag & drop UI to build your customized LLM flow.

브라우저에서 npm install·실행·배포까지 하는 AI 코더. 프로토타입이 진짜 빨라요.

Prompt, run, edit, and deploy full-stack web applications.

다양한 환경에서 작동하며 어떠한 도구와도 연동될 수 있는 AI 에이전트 툴이다. CLI 기반으로 개발자의 워크플로우를 자동화하는 데 유용하다.

runs anywhere. uses anything

XiaomiMiMo에서 개발한 코드 관리 도구이다. TypeScript로 구현되었으며, 코드 생성 또는 개발 생산성 향상과 관련된 기능을 제공할 것으로 예상된다.

MiMo Code: Where Models and Agents Co-Evolve

컴포넌트를 격리된 환경에서 보고 문서화·테스트하는 워크숍 도구. 디자인 시스템 운영에 필수.

Industry standard workshop for building, documenting, and testing UI components in isolation.

복잡한 코드베이스를 위한 AI 에이전트 도구로, 프로젝트 메모리, 계획, 실행, 검증된 완료 기능을 Codex 내부에서 제공한다. 특히 대규모 코드 프로젝트에서 에이전트의 효율적인 작업을 지원한다.

The one and only agent harness for complex codebases. Project memory, planning, execution, and verified completion inside Codex.

MoonshotAI의 Kimi Code 모델과 상호작용하는 CLI 도구이다. 차세대 에이전트 개발의 시작점으로, Kimi의 코딩 및 추론 능력을 CLI에서 활용할 수 있게 한다.

Kimi Code CLI — The Starting Point for Next-Gen Agents

Codex, Claude Code, OpenCode, Gemini CLI 등 다양한 AI CLI 환경에서 사용할 수 있는 애니메이션 펫 공개 갤러리이다. 개발 과정에 시각적인 즐거움을 더해준다.

The public gallery of animated pet for Codex, Claude Code, OpenCode y Gemini CLI

노트 도구 Obsidian의 공개 이슈 트래커. 플러그인 만들 때 첫 출발점.

Public bug tracker for the Obsidian app.

소설을 자율적으로 쓰고, 감사하고, 수정하는 AI 에이전트 시스템이다. 인간 검토 단계를 포함하여 고품질 소설 생성을 목표로 한다.

Autonomous novel writing AI Agent — agents write, audit, and revise novels with human review gates

에이전트 워크플로우·flow 빌더의 사실상 표준. n8n·Flowise·Langflow 모두 이 위에서 돌아감.

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.

Playwright의 MCP (Microsoft Control Plane) 서버 구현체이다. 브라우저 자동화 테스트 및 개발 환경을 위한 핵심 인프라 구성 요소이다.

Playwright MCP server

Claude Desktop 등 MCP 클라이언트에 붙일 수 있는 공식 서버 모음. Slack·Filesystem·Postgres 등 실용 서버가 다 모여 있어요.

Model Context Protocol Servers

내부 도구, 관리자 패널, 대시보드, B2B 앱을 위한 리액트 프레임워크.

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

Claude Code, Codex, Cursor 등 AI 코딩 도구의 토큰 사용량과 비용을 시각화하는 대화형 TUI 대시보드다. 비용 효율적인 AI 코딩을 돕는다.

See where your AI coding tokens go. Interactive TUI dashboard for Claude Code, Codex, and Cursor cost observability.

Next.js 인증 사실상 표준. v5(Auth.js)부터 멀티 프레임워크 지원으로 확장됐어요.

Authentication for the Web — flexible and secure.

JSON을 트리·표·차트로 보는 가벼운 웹 도구. 복잡 API 응답 디버깅에 유용.

Beautiful, web-based JSON viewer with autocomplete.

권한 강화 도구, 토큰 예산 관리, 다중 채널 접근을 특징으로 하는 자율형 AI 에이전트이다. CLI 또는 Telegram을 통해 24시간 7일 내내 실행되어 다양한 작업을 수행한다.

Soul-driven AI agent with permission-hardened tools, token budgets, and multi-channel access. Runs 24/7 from CLI or Telegram.

Anthropic Claude 모델과 상호 작용하는 방법을 결정하고 업데이트를 받을 수 있는 코드 기반 인프라를 제공합니다.

Use Claude Code as the foundation for coding infrastructure, allowing you to decide how to interact with the model while enjoying updates from Anthropic.

손글씨 느낌 다이어그램 그리는 도구. 협업 화이트보드로 매우 인기.

Virtual whiteboard for sketching hand-drawn like diagrams

Sentry + LogRocket을 합친 오픈 대안. 세션 리플레이가 무료라 ROAS 좋아요.

highlight.io — full-stack monitoring platform.

백엔드↔프론트 타입을 절대 안 깨지게 묶는 RPC. Next.js 모노레포에서 진짜 빛납니다.

🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

무한 캔버스를 React에 임베드하는 SDK. 'Make Real'로 그림→앱 변환 데모를 만든 그 도구.

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

SIPE팀이 내부적으로 사용하는 TypeScript 기반 디자인 시스템이다. 프로젝트 전반의 UI/UX 일관성과 개발 효율성을 크게 향상시킨다.

사이퍼들에게 선택받는 유일한 디자인 시스템

브라우저 내에서 작동하는 VS Code입니다.

VS Code in the browser

터미널 환경에서 작동하는 AI 코딩 에이전트이다. LSP, Python, 브라우저 연동 및 하위 에이전트 지원으로 개발 생산성을 높인다.

⌥ AI Coding agent for the terminal — hash-anchored edits, optimized tool harness, LSP, Python, browser, subagents, and more

이벤트 기반으로 함수를 안정적으로 실행하는 백엔드 엔진. retry/scheduling이 우아.

Reliable serverless workflow engine for any TypeScript or Go codebase.

VS Code 포크로 만든 AI-first IDE. Tab 완성·composer·인덱싱이 압도적.

The AI-first code editor — built on VS Code.

AI 에이전트 및 MCP를 사용하여 AI 워크플로우를 자동화하는 오픈 소스 플랫폼.

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

에이전트 기반 개발자를 위한 리뷰 중심 터미널 Diff 뷰어다. Git Diff를 CLI 환경에서 효율적으로 확인하고 코드 리뷰에 활용할 수 있게 해준다.

Review-first terminal diff viewer for agentic coders

개발자 친화적 메일 SDK. React 컴포넌트로 메일 작성하고 1줄로 발송.

Node.js library for the Resend API — modern email delivery.

VS Code/JetBrains 플러그인으로 자기 모델 붙여 쓰는 오픈 코파일럿.

open-source coding agent

노코드에 가깝게 LLM 앱을 만드는 비주얼 워크플로우 플랫폼. RAG·툴·observability가 한 곳에 묶여 있어요.

Production-ready platform for agentic workflow development.

Clerk의 SDK 모노레포. 가입·SSO·MFA가 5분 안에 붙고 Next.js와 한 몸처럼 동작.

Official Clerk JavaScript repository — auth, user management.

Chrome 개발자 도구를 위한 프레임워크.

Chrome DevTools for coding agents

Node.js 프레임워크로 효율적이고 확장 가능한 서버-side 애플리케이션을 빌드할 수 있습니다.

A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀

AI 기능이 내장된 워크플로우 자동화 플랫폼입니다. 400개 이상의 통합 기능을 제공하며, 셀프호스팅 또는 클라우드 사용이 가능합니다.

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

코드베이스 전체를 인덱싱한 enterprise 코딩 어시스턴트. 대규모 모노레포에 강해요.

Code AI with codebase context — enterprise-grade.

LLM 앱의 trace·prompt·eval을 한 곳에서. 프로덕션 LLM 디버깅 필수 도구.

Open source LLM engineering platform — observability, prompts, evals.

전 세계에서 가장 많이 쓰는 코드 에디터. 확장 생태계가 압도적.

Visual Studio Code

Node.js에서 Chrome 및 Firefox를 헤드리스 모드로 제어하는 라이브러리. 웹 스크래핑, 자동화 테스트 등에 활용됩니다.

JavaScript API for Chrome and Firefox

오프라인, 온프레미스 및 클라우드에서 작동하는 오픈 소스 API 개발 생태계입니다. Postman, Insomnia과 같은 대안입니다.

Open-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem & Cloud • Web, Desktop & CLI • Open-Source Alternative to Postman, Insomnia

Postgres 기반 풀스택 BaaS. Auth·Storage·Realtime이 한 줄로 붙고, RLS로 권한까지 깔끔하게 관리돼요.

The Postgres development platform. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.

브라우저 캡처, MITM 프록시, 지문 위장, AI 분석 기능 등을 한데 모은 전능한 프로토콜 분석 툴이다. AI Agent/IDE와 MCP Server로 연동해 강력한 분석 환경을 구축할 수 있다.

全能协议分析工具：浏览器抓包 + MITM 代理 + 指纹伪装 + AI 分析 + MCP Server 无缝对接 AI Agent/IDE | All-in-one protocol analysis toolkit — built-in browser capture, MITM proxy, JS hooks, fingerprint spoofing, AI analysis & MCP server for agent integration

Prisma 대안. SQL 가까운 API + 타입 안전성 + 마이그레이션이 깔끔해요.

ORM

JS 진영의 사실상 표준 정적 타입 언어. 큰 규모 프로젝트에서 거의 필수.

TypeScript is a superset of JavaScript that compiles to clean JavaScript.

Next.js 14, TypeScript, Tailwind CSS를 기반으로 한 무료 랜딩 페이지 템플릿이다. ESLint, Prettier, Husky 등 개발자 경험을 위한 도구들이 사전 구성되어 있어 빠르게 프로젝트를 시작할 수 있다.

🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS