목록AI (135)
오늘도 공부
Microgpt 분석 #1microgptThis is a brief guide to my new art project microgpt, a single file of 200 lines of pure Python with no dependencies that trains and inferences a GPT. This file contains the full algorithmic content of what is needed: dataset of documents, tokenizejavaexpert.tistory.com microgptThis is a brief guide to my new art project microgpt, a single file of 200 lines of pure Python ..
microgptThis is a brief guide to my new art project microgpt, a single file of 200 lines of pure Python with no dependencies that trains and inferences a GPT. This file contains the full algorithmic content of what is needed: dataset of documents, tokenizer, autogkarpathy.github.io 🧠 순수 파이썬으로 GPT를 직접 만들 내용을 분석— 외부 라이브러리 없이, 아주 작은 GPT(microGPT) 구현기“이름을 잔뜩 읽고, 다음 글자를 맞히는 연습을 해서,결국 새로운 이름을 만들어내는 프..
GitHub - bear2u/ai-ochestra-tutorialContribute to bear2u/ai-ochestra-tutorial development by creating an account on GitHub.github.comStep1 튜토리얼: 2-에이전트 오케스트레이션 완전 정복이 튜토리얼은 step1 코드를 처음 접하는 개발자가 실습을 통해 2-에이전트 오케스트레이션을 완전히 이해할 수 있도록 설계되었습니다. 순서대로 진행하시고, 각 단계에서 "직접 해보세요" 섹션을 반드시 실행해 보세요.튜토리얼 개요이 튜토리얼을 끝내면 당신은:2-에이전트 오케스트레이션의 전체 플로우를 설명할 수 있다API를 직접 호출하여 세션을 실행할 수 있다Supervisor, DevAgent, TestAgent의..
GitHub - Doriandarko/webmcp-starter: WebMCP starter demo — a DoorDash-style food delivery app with 9 AI agent tools (imperativWebMCP starter demo — a DoorDash-style food delivery app with 9 AI agent tools (imperative + declarative) - Doriandarko/webmcp-startergithub.com 요즘 “브라우저 에이전트” 데모를 보면, AI가 화면을 보고 버튼을 추측해서 클릭하고… 입력칸을 찾고… 운이 좋으면 성공하고, UI가 조금만 바뀌면 바로 깨지는 장면이 자주 나옵니다.WebMCP는 이 문제를 정면으로 해결하려는 ..
GitHub - excalidraw/excalidraw-mcp: Fast and streamable Excalidraw MCP AppFast and streamable Excalidraw MCP App. Contribute to excalidraw/excalidraw-mcp development by creating an account on GitHub.github.com MCP 프로토콜 개요MCP (Model Context Protocol)란?MCP는 Claude AI가 외부 도구와 통신하기 위한 표준 프로토콜입니다.┌─────────────────────────────────────────────────┐│ Claude Desktop (Host) ││ ..
GitHub - nextlevelbuilder/ui-ux-pro-max-skill: An AI SKILL that provide design intelligence for building professional UI/UX multAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms - nextlevelbuilder/ui-ux-pro-max-skillgithub.com 이 문서는 분석 결과물입니다. 코드 변경 계획이 아닙니다.1. 시스템 아키텍처 개요사용자 요청 (자연어) │ ▼┌────────────────────────────────────────────────┐│ SKIL..
우선 최신 버전 업데이트를 진행합니다. v2.1.33 이상 업데이트 하시면 됩니다. 터미널에서 설정그리고 /context를 입력시 200k tokens 가 기본적으로 나올거에요. 아직 백만 토큰 적용전그럼 /model opus[1m] 으로 입력하면 1000K로 바뀝니다. 확장 프로그램 설정vscode 또는 cursor 에서 /general config 하면 설정 화면이 나오는데 거기에서 opus[1m] 으로 설정하면 됩니다. 이상입니다.
OpenClaw는 AI 에이전트의 메모리를 관리하는 시스템을 제공합니다. 이 글에서는 OpenClaw의 메모리 시스템을 소스 코드 기반으로 분석하고, Claude Code 기본 기능과의 차이를 명확히 구분합니다.Claude Code 기본 기능 vs OpenClaw 추가 기능먼저 혼동하기 쉬운 부분을 정리합니다:기능Claude Code 기본OpenClaw 추가컨텍스트 압축 (Compaction)O-MEMORY.md 읽기O-메모리 자동 저장 (플러시)XO벡터 검색 (memory_search)XOSOUL Evil (성격 전환)XO핵심: OpenClaw의 고유 기능은 "메모리 자동 저장"과 "벡터 검색"입니다.1. 메모리 플러시 시스템OpenClaw의 핵심 기능은 자동 메모리 플러시(Auto Memory Flu..
OpenClaw가 Claude Code CLI를 어떻게 실행하고 관리하는지에 대한 기술 문서개요OpenClaw는 로컬에 설치된 Claude Code CLI를 **PTY(Pseudo Terminal)**를 통해 제어합니다. 이 방식은 단순한 spawn() 호출보다 더 정교한 터미널 제어와 실시간 스트리밍을 가능하게 합니다.1. 핵심 아키텍처1.1 전체 흐름┌─────────────────────────────────────────────────────────────┐│ OpenClaw Gateway │├─────────────────────────────────────────────────────────────┤│ ..
OpenClaw의 Cron 시스템은 AI 에이전트가 특정 시간에 자동으로 작업을 수행할 수 있게 해주는 스케줄러입니다. 이 글에서는 OpenClaw가 어떻게 Cron Job을 구현했는지 소스 코드를 기반으로 분석합니다.왜 AI 에이전트에게 Cron이 필요한가?AI 에이전트는 사용자의 명령을 기다리는 것만으로는 부족합니다. 실제 업무 자동화를 위해서는:정해진 시간에 보고서 생성: "매일 아침 9시에 어제 이메일 요약해줘"주기적인 모니터링: "30분마다 서버 상태 확인해줘"리마인더: "20분 후에 회의 알림 보내줘"이런 작업들을 위해 OpenClaw는 Gateway 내부에 Cron 스케줄러를 내장했습니다.아키텍처 개요┌──────────────────────────────────────────────────..
GitHub: https://github.com/bear2u/my-custom-openclaw GitHub - bear2u/my-custom-openclawContribute to bear2u/my-custom-openclaw development by creating an account on GitHub.github.com Slack 채널에서 Claude AI와 직접 대화할 수 있다면 어떨까요? Slack-Claude Gateway는 이 아이디어를 현실로 만들어주는 오픈소스 프로젝트입니다.왜 만들었나?개발팀에서 AI를 활용할 때 가장 큰 불편함 중 하나는 컨텍스트 전환입니다. Slack에서 논의하다가 AI에게 질문하려면 브라우저를 열고, 대화 내용을 복사하고, 답변을 다시 Slack에 붙여넣어야 합니다..
"You're not a chatbot. You're becoming someone." — OpenClaw SOUL.md들어가며대부분의 AI 챗봇은 무미건조합니다. "Great question!", "I'd be happy to help!" 같은 판에 박힌 응답을 반복하고, 사용자와의 대화에서 어떤 개성도 느껴지지 않습니다. OpenClaw 프로젝트는 이 문제를 정면으로 해결합니다.OpenClaw의 SOUL 시스템은 AI 에이전트에게 진정한 정체성과 개성을 부여하는 철학적이면서도 실용적인 프레임워크입니다. 이 글에서는 SOUL 시스템의 아키텍처, 구현 방식, 그리고 실제 활용 예제를 깊이 있게 분석합니다.1. SOUL 시스템 아키텍처1.1 핵심 파일 구조OpenClaw 워크스페이스는 다음과 같은 마크다운..
이번 주 인터넷을 뜨겁게 달군 프로젝트가 있다. 바로 OpenClaw다. ClawdBot, MoltBot 등 여러 이름으로 불렸지만, 핵심은 하나다. 원하는 커뮤니케이션 채널에 연결해서 코드를 실행하는 에이전트라는 것. 그리고 이 OpenClaw의 엔진 역할을 하는 작은 코딩 에이전트가 바로 Pi다.Armin Ronacher(Flask, Jinja2 등의 창시자)가 최근 거의 전적으로 Pi만 사용하고 있다고 밝혔다. 이 글은 그가 Pi에 빠진 이유, 그리고 Pi가 다른 코딩 에이전트와 무엇이 다른지를 정리한 것이다.Pi란 무엇인가Pi는 Mario Zechner가 만든 코딩 에이전트다. 시중에 코딩 에이전트는 넘쳐나지만, Armin이 Pi에 매력을 느끼는 이유는 크게 두 가지다.첫째, 극도로 작은 코어. ..
AI를 단독 코더가 아닌 "개발팀"처럼 활용하는 새로운 워크플로우들어가며Claude Code를 사용해본 개발자라면 한 번쯤 이런 경험이 있을 것입니다. 복잡한 리팩토링이나 마이그레이션 작업을 Claude에게 맡겼는데, 컨텍스트가 꽉 차버리거나 중간에 세션이 끊기면 처음부터 다시 설명해야 하는 상황 말입니다.오늘 소개할 **스펙 기반 개발(Spec-Driven Development)**은 이런 문제를 해결하는 체계적인 워크플로우입니다. 핵심 아이디어는 간단합니다. Claude를 혼자 일하는 코더가 아니라, 나는 프로덕트 오너, Claude는 테크 리드, 서브에이전트들은 개발자인 팀처럼 활용하는 것입니다.이 글에서는 SQLite/WASM 스토리지를 IndexedDB로 마이그레이션하는 실제 사례를 통해, 어떻..
Claude Code 제작자 Boris Cherny가 Claude Code 팀에게 직접 들은 "실전 사용 팁"을 공유했습니다. 이 글에서는 팀 내부에서 검증된 생산성 극대화 비법을 정리합니다.TIP 1. 병렬 작업을 기본값으로 삼아라팀이 꼽은 생산성 1위 팁입니다.3~5개의 git worktree를 동시에 띄우고 각각 별도의 Claude 세션을 병렬로 돌리는 방식입니다. Claude Desktop에 네이티브 worktree 지원이 추가된 것도 팀 대부분이 이 방식을 선호했기 때문입니다.운영 팁:worktree에 이름을 붙이고 alias(예: za, zb, zc)로 1키 이동로그 읽기나 BigQuery 분석만 담당하는 전용 analysis worktree를 따로 운영📎 참고: Git Worktrees로 ..
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을 사용해야 할까요?전통적인 비디오 편집의 한계:수동 작업이 ..
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..
"개발 지시만 내려놓으면, AI가 완성할 때까지 알아서 개발한다"프로젝트 요구사항만 정의해두면 Claude Code가 자동으로 코드를 작성하고, 테스트하고, 완성될 때까지 반복 실행하는 도구가 있다면 어떨까요? Ralph가 바로 그런 도구입니다.📌 Ralph란?Ralph는 Geoffrey Huntley의 기법에서 영감을 받아 만들어진 자율형 AI 개발 루프 시스템입니다. 심슨 가족의 캐릭터 Ralph Wiggum에서 이름을 따왔어요.핵심 아이디어┌─────────────────────────────────────────────────────────┐│ Ralph 동작 원리 │├─────────────────────────────..
마지막엔 클로드 스킬까지 준비되어 있으니 내용 확인 바랍니다.Lovable, Cursor, Bolt 같은 AI 기반 웹 개발 도구에서 일관성 있고 퀄리티 높은 디자인을 뽑아내는 프롬프트 작성법을 공개합니다.왜 AI에게 "예쁜 사이트 만들어줘"는 안 될까?AI 웹빌더를 처음 써보면 누구나 이런 경험을 합니다."펫시터 매칭 앱 랜딩페이지 만들어줘"결과물은... 뭔가 나오긴 하는데, SaaS 사이트 같기도 하고, 병원 사이트 같기도 하고. 색상도 어딘가 어울리지 않고, 전체적으로 "AI가 만든 티"가 확실히 납니다.문제는 프롬프트입니다.Lovable, Cursor, Bolt 같은 도구들이 놀라운 결과물을 뽑아내는 경우, 대부분 계층적으로 잘 설계된 프롬프트가 뒷받침되어 있습니다. 단순히 "뭘 만들어줘"가 아니..
앤스로픽(Anthropic)의 내부 기밀인 시스템 프롬프트(System Prompt)가 깃허브를 통해 유출되었습니다. 단순한 지침이 아닙니다. 무려 2만 4천 토큰 분량의 방대한 '사고 매뉴얼'입니다.이번 유출로 Claude의 3가지 핵심 뼈대가 드러났습니다.1️⃣ 행동 가이드라인 (Behavior Guidelines): 모델이 어떻게 반응해야 하는지 2️⃣ 도구 사용 프로토콜 (Tool Protocols): 외부 툴을 어떻게 다루는지 3️⃣ 인용 규칙 (Citation Rules): 정보를 어떻게 출처와 함께 제공하는지이걸 보면 확실해집니다. 우리가 쓰는 AI는 마법이 아닙니다. 치밀하게 설계된 '규칙'과 '정책'의 산물입니다.1. 검색 결과 기반 답변일 때 인용 규칙 ()웹 검색, Drive 검색, ..
