👨💻💡Frontend developer's insights, experiences, and life logs 📝📚
Featured
-
OpenGenerativeUI 살펴보기: Claude식 인터랙티브 시각화를 직접 구현하는 오픈소스
OpenGenerativeUI가 무엇인지, 왜 주목할 만한지, CopilotKit과 LangGraph로 어떻게 Claude식 인터랙티브 시각화를 구현하는지 정리했습니다.
-
Claude Code Skills 실전 가이드: 나만의 스킬을 만들고 공유하는 법
Claude Code Skills 2.0의 핵심 개념, SKILL.md 구조, 플러그인 마켓플레이스, Skill Creator, Agent Skills 오픈 표준까지 실전 예제와 함께 단계별로 안내합니다.
-
Claude Code /btw 가이드: 작업 흐름을 방해하지 않는 사이드 질문
Claude Code 2.1.72에 추가된 /btw 커맨드 완벽 가이드. 메인 작업 컨텍스트를 오염시키지 않고 빠른 사이드 질문을 할 수 있는 ephemeral 질의 채널로, 토큰 비용까지 절감할 수 있습니다.
-
Perplexity Computer vs OpenClaw: 19개 모델 오케스트레이션 vs 오픈소스 DIY 에이전트
Perplexity Computer는 19개 AI 모델을 자동 조합하는 매니지드 에이전트, OpenClaw는 무료 오픈소스 DIY 에이전트. 두 접근의 차이와 각각의 장단점을 비교합니다.
-
Claude Show me 살펴보기: 텍스트를 넘어 시각적으로 설명하는 AI
Claude의 Show me 기능으로 대화 중 인터랙티브 차트, 다이어그램, 시각화를 바로 생성할 수 있습니다. 사용법, 활용 사례, 기존 Artifacts와의 차이를 정리합니다.
-
Claude Code Remote Control: 어디서든 로컬 개발 세션 이어가기
Claude Code Remote Control로 로컬 개발 세션을 폰, 태블릿, 다른 브라우저에서 이어서 작업하는 방법을 알아봅니다.
-
npx skills: Vercel 실험에서 AI 에이전트 오픈 표준이 되기까지
Vercel Skills가 Anthropic 주도의 업계 오픈 표준으로 격상되었습니다. 68,000개 이상의 스킬 — 2026년 1월 출시 이후 급변한 생태계를 정리합니다.
-
Claude Code Agent Teams 완벽 가이드: 에이전트 협업으로 생산성 극대화하기
Claude Code의 Agent Teams 기능을 활용하여 여러 AI 에이전트가 팀으로 협업하는 방법을 소개합니다. 핵심 개념, 설정 방법, 7가지 API, 실전 예제, 모범 사례까지 단계별로 안내합니다.
Recent Posts
RSS-
Claude Code Channels 살펴보기: Telegram·Discord로 세션에 이벤트 푸시하기
Claude Code Channels는 Telegram, Discord 등 외부 서비스의 이벤트를 실행 중인 세션에 푸시하는 MCP 기반 기능입니다. 설정 방법과 보안 모델, 활용 사례를 정리합니다.
-
OpenPencil 살펴보기: Figma 파일을 그대로 열 수 있는 AI 네이티브 오픈소스 설계 에디터
OpenPencil이 무엇인지, 왜 Figma의 오픈소스 대안으로 주목할 만한지, .fig 파일 네이티브 지원과 AI 설계, MCP 통합까지 핵심 기능과 활용법을 정리했습니다.
-
Superpowers 살펴보기: 코딩 에이전트를 진짜 개발 프로세스로 묶는 스킬 프레임워크
obra/superpowers가 무엇인지, 왜 단순 프롬프트 모음이 아니라 코딩 에이전트용 개발 방법론에 가까운지, 핵심 스킬과 Claude Code 활용법을 정리했습니다.
-
defuddle 살펴보기: 어떤 웹페이지든 깔끔한 Markdown으로 추출하는 오픈소스
defuddle이 무엇인지, 왜 Readability 대안으로 주목할 만한지, 지저분한 웹페이지를 깔끔한 Markdown으로 정제 추출하는 방식과 활용법을 정리했습니다.