오늘도 공부

Claude에 손과 발을 달아주는 방법 — 보안 걱정 없이 8,000개 이상의 앱을 연동하는 실전 튜토리얼📌 들어가며: Moltbot이란?Moltbot(구 Clawdbot)은 한마디로 **"손이 달린 Claude"**입니다. 여러분의 컴퓨터에 상주하면서:🧠 여러분에 대한 모든 것을 기억하고🖱️ 브라우저, 파일 시스템, 앱을 직접 제어하며📧 이메일 작성, 노션 페이지 생성, 음성 합성까지 자동화합니다하지만 여기서 두 가지 큰 문제가 있습니다:보안 문제: AI에게 컴퓨터 전체 제어권을 주는 것은 공포 그 자체설정 복잡성: Gmail 하나 연동하려면 Google Cloud Console에서 API 키 설정... 너무 번거롭습니다이 가이드에서는 **가상 머신(UTM)**과 Zapier MCP를 활용해 이..

작성일: 2026-01-28관련 문서: docs/gateway/configuration, docs/concepts/session-tool개요Moltbot은 하나의 Gateway에서 여러 개의 독립적인 에이전트를 실행할 수 있는 멀티 에이전트 시스템을 지원합니다. 각 에이전트는 고유한 워크스페이스, 세션, 모델 설정, 도구 정책을 가질 수 있으며, 인바운드 메시지를 라우팅하는 바인딩 시스템과 에이전트 간 통신 메커니즘을 제공합니다.주요 개념1. 에이전트 정의 (agents.list[])각 에이전트는 agents.list 배열에 정의됩니다:{ agents: { list: [ { id: "main", default: true, name: "Primary A..

1. 개요Moltbot의 브라우저 자동화 시스템은 매우 독특한 아키텍처를 가지고 있습니다. 일반적인 브라우저 자동화 도구들이 별도의 브라우저 인스턴스를 실행하는 것과 달리, Moltbot은 Chrome 확장 프로그램을 통한 Relay 방식을 사용하여 사용자의 기존 Chrome 탭을 제어할 수 있습니다.2. 아키텍처 개요2.1 3계층 구조┌─────────────────────────────────────────┐│ Browser Control Service ││ (Gateway 또는 Node) ││ - browser tool API ││ - Playwright 통합 ..

GitHub: https://github.com/clawdbot/clawdbot2026년 1월, PSPDFKit 창립자 Peter Steinberger가 공개한 Clawdbot이 GitHub 스타 9천 개를 돌파하며 개발자 커뮤니티의 뜨거운 관심을 받고 있습니다. Clawdbot은 로컬에서 직접 구동하는 오픈소스 AI 비서로, 아이언맨의 자비스(Jarvis)를 현실로 만들어주는 프로젝트입니다.왜 Clawdbot인가?Siri가 2011년에 등장한 이후 15년이 지났지만, 기존 AI 비서들은 여전히 단순 명령 수행에 머물러 있습니다. ChatGPT도 세션을 닫으면 사용자를 잊어버리죠.Clawdbot은 이런 한계를 정면으로 돌파합니다. 핵심 차별점은 능동적 상호작용입니다. 다른 챗봇들이 사용자 질문을 기다리는..

원문 출처: TheDecipherist - Claude Code Mastery이 가이드는 원문을 기반으로 한국어 사용자를 위해 재구성하고, 실전 예제를 추가했습니다.1. 왜 Claude Code 설정이 중요한가?핵심 인사이트: CLAUDE.md는 제안, Hooks는 강제많은 개발자들이 CLAUDE.md에 ".env 파일 수정 금지"라고 적어놓고 안심합니다. 하지만 이것은 **제안(suggestion)**일 뿐입니다:CLAUDE.md에 "don't edit .env" 작성 ↓LLM이 파싱 ↓다른 컨텍스트와 함께 고려 ↓"아마도" 따를 것... 하지만 보장 없음반면 PreToolUse Hook으로 .env 접근을 차단하면:.env 파일 접근 시도 ↓Hook 실행 (항상) ↓Exit..

Pencil 앱의 아키텍처를 분석하고, 동일한 방식으로 Claude Code와 실시간 통신하는 웹 애플리케이션을 구현하는 방법을 알아봅니다.다운로드 Pencil – Design on canvas. Land in code.Pencil fundamentally increases your engineering speed by bringing designing directly into your preferred IDE.www.pencil.dev 배경: Pencil 앱이란?Pencil은 macOS용 디자인 도구로, 로컬에 설치된 Claude Code와 실시간으로 통신하여 AI 기반 디자인 작업을 수행합니다. 사용자가 채팅으로 요청하면 Claude가 디자인 파일을 직접 수정하고, 그 과정이 UI에 실시간으로 표시됩..

"코드로 비디오를 만든다"는 것이 가능하다는 것을 알고 계셨나요? Remotion은 React 개발자들에게 비디오 제작의 새로운 차원을 열어줍니다.이 문서는 Remotion 공식 문서를 기반으로 Remotion으로 무엇을 할 수 있는지, 그리고 어떻게 시작할 수 있는지에 대한 종합 가이드입니다. 초보자부터 고급 사용자까지, Remotion의 모든 가능성을 탐험해보세요.📹 Remotion이란 무엇인가?Remotion은 React로 비디오를 프로그래밍 방식으로 생성할 수 있는 혁신적인 프레임워크입니다. 전통적인 비디오 편집 소프트웨어와 달리, Remotion은 코드를 통해 동적이고 데이터 기반의 비디오를 만들 수 있게 해줍니다.왜 Remotion을 사용해야 할까요?전통적인 비디오 편집의 한계:수동 작업이 ..

IntelliJ IDEA에서 실행 전에 특정 포트를 종료하는 설정을 추가하려면 "시작 전" (Before launch) 옵션을 사용합니다.설정 방법실행/디버그 구성 창에서 아래쪽의 "옵션 수정(M)" 클릭"시작 전 작업 추가" 또는 "Before launch" 섹션 찾기"+" 버튼 클릭 → "외부 도구 실행" 또는 "Run External Tool" 선택새 외부 도구 생성:이름: Kill Port 8101프로그램: /bin/bash인수: -c "lsof -ti:8101 | xargs kill -9 2>/dev/null || true"작업 디렉터리: $ProjectFileDir$또는 더 간단하게:대안: Shell Script 방식"옵션 수정(M)" 클릭"시작 전 작업 추가" → "셸 스크립트 실행" 선택스..

한눈에 비교도구 추천 리소스주요 특징Plane⭐⭐⭐중간Jira 대안, 모던 UIFocalboard⭐⭐⭐가벼움Notion 스타일, 빠름WeKan⭐⭐매우 가벼움Trello 클론, 심플Leantime⭐⭐중간문서+PM 통합OpenProject⭐무거움엔터프라이즈급1. PlaneJira의 오픈소스 대안, 가장 모던한 UI링크공식 사이트: https://plane.soGitHub: https://github.com/makeplane/plane문서: https://docs.plane.so장점깔끔하고 현대적인 UI/UX (Jira, Linear 수준)이슈 트래킹, 칸반, 스프린트, 사이클 지원문서(Pages) 기능 내장GitHub/GitLab 연동활발한 개발 및 커뮤니티단점상대적으로 리소스 사용량 높음 (PostgreS..

Claude Code 터미널 깜빡임(스토브 효과) 완화 래퍼: claude-chillClaude Code가 UI를 리드로잉할 때 채팅 히스토리를 통째로 다시 뿌리며 발생하는 “터미널 점프/깜빡임”을 완화하는 중간 pseudo-terminal 래퍼 아이디어/구현 공유.화면 clear/redraw를 캐싱하고 마지막 N줄만 렌더링(설정 가능), 필요할 때만 전체 버퍼를 덤프하는 lookback 모드(핫키) 컨셉이 핵심.레딧 링크 주소: https://www.reddit.com/r/ClaudeCode/comments/1qfpugq/fix_for_claude_code_terminal_flickering/고아(Orphaned) Claude Code 세션이 RAM 먹는 문제를 막는 레지스트리: claude-sessi..

1) 앱/서비스 오픈소스 공개TypeMonkey: 데스크톱용 타이핑 앱(MonkeyType 스타일) — 오픈소스 공개MonkeyType을 자주 쓰는 개발자가 “클린 아키텍처 연습 + 타이핑 앱 복제”를 목표로 만든 초기 단계 프로젝트를 공개했습니다.Flutter로 데스크톱 앱 형태로 개발 중이며, 구조(아키텍처)와 UI/UX 피드백을 받기 위해 공유된 레포입니다.GitHub: BaldGhost-git/typemonkey (레딧 본문에 링크)레딧 링크 주소: https://www.reddit.com/r/FlutterDev/comments/1qgc72p/typemonkey_yet_another_typing_app_available_on/TitanScript(운동 앱 내 스크립팅 언어) + 앱/코드 공개“운동..

GitHub - bear2u/ollama-image-web-testContribute to bear2u/ollama-image-web-test development by creating an account on GitHub.github.com 개요Ollama v0.14.0부터 실험적으로 이미지 생성 모델을 지원합니다.지원 환경: macOS, Linux (CUDA)현재 사용 가능한 모델: x/z-image-turbo예정된 모델: Qwen-Image-2512, Qwen-Image-Edit-2511, GLM-Image중요: CLI vs API방식지원 여부ollama run x/z-image-turbo지원 안됨/api/generate지원 안됨/api/chat지원 안됨/v1/images/generations지원됨..

메인 에이전트가 **지휘자(Conductor)**가 되어 기획, 디자인, 프론트엔드, 백엔드, 테스트, 리뷰 전문 에이전트들을 조율하는 실습입니다. 실제 개발팀처럼 역할을 분담하여 프로젝트를 완성합니다.🎼 오케스트라 패턴이란? ┌─────────────────────────────────┐ │ 🎭 Conductor (지휘자) │ │ 메인 에이전트 │ │ - 작업 분배 및 조율 │ │ - 진행 상황 관리 │ ..

이 튜토리얼에서는 실제로 Claude Code에서 서브 에이전트를 만들고 테스트해봅니다. 단계별로 따라하면서 서브 에이전트의 강력함을 직접 체험해보세요.📋 사전 준비Claude Code가 설치되어 있어야 합니다터미널에서 claude 명령어로 실행 가능해야 합니다🧪 실습 1: 기본 제공 에이전트 확인하기Step 1: Claude Code 실행cd ~/my-project # 아무 프로젝트 폴더로 이동claudeStep 2: 사용 가능한 에이전트 목록 확인/agents다음과 같은 내장 에이전트들이 보입니다:Explore: 코드베이스 탐색 전용 (Haiku 모델, 읽기 전용)Plan: 계획 모드에서 리서치용general-purpose: 복잡한 다단계 작업용Step 3: 내장 에이전트 직접 호출해보기@Exp..

Claude Code를 단일 에이전트로만 사용하고 계신가요? 서브 에이전트와 백그라운드 에이전트를 제대로 활용하면 컨텍스트 윈도우를 절약하면서 더 높은 품질의 결과물을 얻을 수 있습니다. 이 글에서는 서브 에이전트의 개념부터 실전 워크플로우까지 자세히 알아보겠습니다.🤔 서브 에이전트란?서브 에이전트는 메인 에이전트가 특정 작업을 위임할 수 있는 전문화된 보조 에이전트입니다. 마치 팀장이 팀원들에게 업무를 분배하듯이, 메인 에이전트가 서브 에이전트들에게 작업을 할당하고 결과를 수집합니다.서브 에이전트 사용의 장점컨텍스트 윈도우 절약: 서브 에이전트의 작업 내용이 메인 대화에 누적되지 않음병렬 처리: 여러 작업을 동시에 수행 가능전문화된 결과: 각 에이전트가 특정 영역에 집중하여 더 나은 품질 제공대규모 ..

🤖 Ralph for Claude Code: AI가 알아서 개발해주는 자율 개발 루프 도구"개발 지시만 내려놓으면, AI가 완성할 때까지 알아서 개발한다"프로젝트 요구사항만 정의해두면 Claude Code가 자동으로 코드를 작성하고, 테스트하고, 완성될 때까지 반복 실행하는 도구가 있다javaexpert.tistory.com 들어가며최근 AI 코딩 커뮤니티에서 화제가 된 Ralph Wiggum Loop(이하 Ralph)는 Claude Code를 무한 루프로 실행하여 자율적으로 소프트웨어를 개발하는 기법입니다. 이 글에서는 Ralph의 창시자가 직접 설명한 핵심 원리와 실전 적용법을 정리합니다.핵심 개념: "배열을 결정론적으로 조작하라"Ralph의 본질은 단순합니다:컨텍스트 윈도우 = 배열(Array)L..

모든 개발자가 아는 그 순간코드베이스 깊숙이 들어가 있다. 같은 버그를 세 가지 방법으로 고쳐봤다. 이제는 버그가 진짜 문제인지조차 확신이 없다. 아키텍처가 잘못된 건가? 인증 흐름이 불안정한 건가? 아니면 너무 가까이서 보느라 전체가 안 보이는 건가?그럴 때 이런 생각이 든다. "다른 시니어 엔지니어한테 5분만 물어볼 수 있으면..."챗봇 말고. 러버덕 말고. 다른 전문 분야를 가진 진짜 두 번째 뇌.AI 코딩 어시스턴트의 문제AI가 코드를 잘 짠다는 건 이제 논쟁거리가 아니다. 문제는 컨텍스트와 판단력이다.하나의 모델이 동시에 해야 하는 일들을 보자. 시스템 설계, 로직 디버깅, PR 리뷰, 보안 검토, 그러면서 사용자의 실제 의도까지 파악해야 한다.실제 팀은 이렇게 일하지 않는다. 현실에서는 한 사..

1) 자동화·에이전트 워크플로우PRD → 작업 분해 → 병렬 실행까지 자동으로 이어주는 스킬셋 (prd-breakdown-execute)설명(한국어): PRD를 단계적으로 만들고(/prd), 아키텍처 레이어별로 작업 파일로 쪼개며(/breakdown), 작업을 병렬로 실행(/execute)하는 체인을 제공하는 오픈소스. 컨텍스트 fork를 적극 활용해 작업 간 “컨텍스트 오염”을 줄이려는 설계가 핵심.레딧 링크 주소(새창으로): https://www.reddit.com/r/ClaudeCode/comments/1q9luft/i_built_a_skill_set_for_claude_code_that_turns_a/Ralph 플로우를 Claude에 맞게 자동 세팅해주는 npm 패키지 (claude-all)설명(..

보안 · 리버스엔지니어링 · 스캐닝FlutterGuard CLI — APK에서 공격자가 뽑아갈 수 있는 것들을 리포트로 뽑아주는 스캐너릴리즈 APK/AAB 기준으로 하드코딩된 시크릿/키, 네트워크 정보(도메인/엔드포인트), 의존성 목록, 권한, 인증서 정보, 디컴파일 소스/리소스 등 “노출면”을 폴더 구조로 정리해 주는 CLI. CI 파이프라인에 붙여 사전 점검용으로 쓰기 좋아 보임.레딧 링크 주소: https://www.reddit.com/r/FlutterDev/comments/1q89omj/opensource_just_released_flutterguard_cli_analyze/RC Spy — 설치된 안드로이드 앱의 Firebase Remote Config 공개 설정(취약 구성) 탐지 도구기기 내 A..

"개발 지시만 내려놓으면, AI가 완성할 때까지 알아서 개발한다"프로젝트 요구사항만 정의해두면 Claude Code가 자동으로 코드를 작성하고, 테스트하고, 완성될 때까지 반복 실행하는 도구가 있다면 어떨까요? Ralph가 바로 그런 도구입니다.📌 Ralph란?Ralph는 Geoffrey Huntley의 기법에서 영감을 받아 만들어진 자율형 AI 개발 루프 시스템입니다. 심슨 가족의 캐릭터 Ralph Wiggum에서 이름을 따왔어요.핵심 아이디어┌─────────────────────────────────────────────────────────┐│ Ralph 동작 원리 │├─────────────────────────────..

마지막엔 클로드 스킬까지 준비되어 있으니 내용 확인 바랍니다.Lovable, Cursor, Bolt 같은 AI 기반 웹 개발 도구에서 일관성 있고 퀄리티 높은 디자인을 뽑아내는 프롬프트 작성법을 공개합니다.왜 AI에게 "예쁜 사이트 만들어줘"는 안 될까?AI 웹빌더를 처음 써보면 누구나 이런 경험을 합니다."펫시터 매칭 앱 랜딩페이지 만들어줘"결과물은... 뭔가 나오긴 하는데, SaaS 사이트 같기도 하고, 병원 사이트 같기도 하고. 색상도 어딘가 어울리지 않고, 전체적으로 "AI가 만든 티"가 확실히 납니다.문제는 프롬프트입니다.Lovable, Cursor, Bolt 같은 도구들이 놀라운 결과물을 뽑아내는 경우, 대부분 계층적으로 잘 설계된 프롬프트가 뒷받침되어 있습니다. 단순히 "뭘 만들어줘"가 아니..

🧩 Flutter 오픈소스 패키지 & 라이브러리 🔹 saveable 0.1.0 – 변수 단위 상태 영속화 패키지설명Flutter에서 변수 단위로 상태를 자동 저장/복원할 수 있는 경량 패키지입니다.복잡한 상태 관리 없이도 앱 재시작 후 상태 유지를 쉽게 구현할 수 있어프로토타입이나 로컬 퍼시스턴스가 필요한 앱에 유용합니다.pub.dev에 정식 공개된 오픈소스 패키지입니다.레딧 링크https://www.reddit.com/r/FlutterDev/comments/1q3nhzj/introducing_packagesaveable_010/🔹 gap2 – 기존 gap 패키지를 대체하는 최신 간격 위젯설명오랫동안 업데이트되지 않은 gap 패키지를 대체하기 위해 새로 개발된 패키지입니다.Flex, Scrollab..

🔧 플러그인 · 툴 · 오픈소스📌 Claude Code가 휴대폰으로 전화를 걸 수 있게 해주는 오픈소스제목: Claude Code에서 휴대폰 전화 걸기 기능 추가설명:Claude Code와 음성/전화 기능을 연동한 오픈소스 프로젝트.CLI 기반 워크플로우에서 실제 전화 호출까지 연결할 수 있어, 알림·에이전트 자동화·비서형 워크플로우에 활용 가능.레딧 링크:https://www.reddit.com/r/ClaudeCode/comments/1q49npt/claude_code_can_now_call_your_phone/📌 Plan-first 개발 + 검증 루프를 강제하는 Claude Code 플러그인제목: 계획 먼저, 검증까지 자동화하는 Claude Code 플러그인설명:Claude Code가 바로 코딩..

앤스로픽(Anthropic)의 내부 기밀인 시스템 프롬프트(System Prompt)가 깃허브를 통해 유출되었습니다. 단순한 지침이 아닙니다. 무려 2만 4천 토큰 분량의 방대한 '사고 매뉴얼'입니다.이번 유출로 Claude의 3가지 핵심 뼈대가 드러났습니다.1️⃣ 행동 가이드라인 (Behavior Guidelines): 모델이 어떻게 반응해야 하는지 2️⃣ 도구 사용 프로토콜 (Tool Protocols): 외부 툴을 어떻게 다루는지 3️⃣ 인용 규칙 (Citation Rules): 정보를 어떻게 출처와 함께 제공하는지이걸 보면 확실해집니다. 우리가 쓰는 AI는 마법이 아닙니다. 치밀하게 설계된 '규칙'과 '정책'의 산물입니다.1. 검색 결과 기반 답변일 때 인용 규칙 ()웹 검색, Drive 검색, ..

CI 서버나 클라우드 서버처럼 브라우저가 없는 환경에서 Codex CLI를 사용하려고 하면, 로그인 과정에서 OAuth 인증과 http://localhost:1455/auth/callback 콜백이 필요해 곤란해지는 경우가 있습니다.이 글에서는 SSH 포트 포워딩을 활용해 원격 서버에서 Codex CLI 로그인 플로우를 정상적으로 완료하는 방법을 정리합니다.🧩 문제 상황원격 서버에서 Codex CLI 로그인 시도 중, 브라우저 로그인 후 콜백이 이렇게 떨어집니다:http://localhost:1455/auth/callback?code=...&scope=...&state=...하지만:콜백 서버는 원격 서버에서 실행 중콜백 URL은 브라우저의 localhost(내 PC)로 호출됨즉,브라우저는 내 PC로 요..

https://raw.githubusercontent.com/KentBeck/BPlusTree3/refs/heads/main/rust/docs/CLAUDE.md 항상 plan.md의 지침을 따르세요. 내가 “go”라고 말하면, plan.md에서 표시되지 않은 다음 테스트를 찾아 그 테스트를 구현하고, 그 테스트를 통과시키는 데 필요한 최소한의 코드만 구현하세요.역할과 전문성당신은 Kent Beck의 테스트 주도 개발(TDD)과 Tidy First 원칙을 따르는 시니어 소프트웨어 엔지니어입니다. 당신의 목적은 이 방법론을 정확하게 따르며 개발을 이끄는 것입니다.핵심 개발 원칙항상 TDD 사이클을 따르세요: Red → Green → Refactor가장 단순한 실패 테스트를 먼저 작성하세요테스트를 통과시키기 ..

🧰 패키지/플러그인 릴리즈 (Flutter/Dart)순수 Dart EMV 결제 QR 생성기 emv_qr_builder 공개은행 결제용 EMVCo 표준 QR 문자열을 Dart 단독으로 생성(필드 포맷 + CRC 처리). VietQR(베트남) 기반으로 잘 동작하고, PromptPay 등 다른 EMV 계열도 커스텀 데이터로 확장 가능. “문서가 유료/희소한 로컬 표준 로직을 아카이빙” 목적이 인상적.레딧 링크: https://www.reddit.com/r/FlutterDev/comments/1py819c/i_built_a_pure_dart_emv_qr_code_generator_to_save/가볍고 부드러운 로딩 스피너 모음 flutter_spinners여러 종류의 커스터마이즈 가능한 로딩 스피너를 묶어둔 ..

들어가며요즘 개발자들 사이에서 가장 핫한 도구가 뭔지 아시나요? 바로 Claude Code입니다. CLI 기반 AI 코딩 에이전트의 대명사가 된 이 도구를 제대로 활용하는 방법을 알려드리겠습니다.Karpathy가 최근 트위터에서 "AI 도구의 발전 속도를 따라가기 힘들다"고 토로했죠. 하지만 걱정하지 마세요. 이 글을 통해 Claude Code의 핵심 기능들을 체계적으로 이해하고, 여러분의 개발 워크플로우에 바로 적용할 수 있습니다."따라가기"보다는 "함께 성장하기"로 마인드를 바꿔보세요. AI 도구로 자신을 **증강(augment)**하는 것이 핵심입니다.왜 Opus 4.5인가?2025년은 AI 모델 출시의 해였습니다. OpenAI의 GPT-5 시리즈, Anthropic의 Claude 4.5 시리즈가 ..

정적 교과서의 시대는 끝났다Google Research가 교육의 판도를 바꿀 새로운 도구를 공개했습니다. **"Learn Your Way"**라는 이름의 이 서비스는 LearnLM을 기반으로, 어떤 PDF든 학생 개개인의 학습 스타일에 맞춘 5가지 형식으로 자동 변환합니다.초기 테스트 결과는 놀랍습니다. 이 시스템을 사용한 학생들의 학습 내용 유지율은 **78%**로, 전통적인 방식의 **67%**를 크게 앞섭니다.교과서의 진짜 문제기존 교과서는 "one-size-fits-all" 방식의 악몽입니다. Google의 해결책은 우아합니다.AI가 학생의 관심사(스포츠, 음악, 음식 등)와 학년 수준을 파악한 뒤, 모든 예시를 학생이 공감할 수 있는 내용으로 재작성합니다. 물리학이 친숙해지고, 역사가 개인적으로..

Claude Code 에이전트에게 전달할 지침# 지침 파일 분리 및 온디맨드 참조 설정## 목표CLAUDE.md에 모든 지침을 넣지 않고, 필요할 때만 관련 지침 파일을 참조하도록 구성## 디렉토리 구조project/ ├── CLAUDE.md # 메인 지침 (핵심만) └── .claude/ └── instructions/ ├── flutter-style.md # Flutter 코딩 스타일 ├── api-patterns.md # API 패턴 가이드 ├── state-mgmt.md # 상태관리 지침 └── testing-guide.md # 테스트 작성 가이드## CLAUDE.md 작성 방식메인 CLAUDE.md에는 기본 규칙만 두고, 상세 지침은 @파일경로로 참조 안내:```markdown# 프로젝트 지침#..