👨💻💡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-
Google Stitch: AI 네이티브 '바이브 디자인' 플랫폼이 바꿀 UI 디자인의 미래
Google이 공개한 AI 네이티브 디자인 플랫폼 Stitch를 소개합니다. 자연어와 음성으로 UI를 디자인하는 '바이브 디자인' 개념과 주요 기능을 살펴봅니다.
-
Chrome DevTools MCP: AI 에이전트로 브라우저 세션 디버깅하기
Chrome DevTools MCP 서버를 활용하여 AI 코딩 에이전트가 활성 브라우저 세션에 직접 연결하고 디버깅하는 방법을 소개합니다.
-
AI 시대의 개발 방법론: SDD와 TDD의 결합으로 AI 코딩 에이전트 활용하기
Spec-Driven Development(SDD)와 TDD를 결합하여 AI 코딩 에이전트를 효과적으로 활용하는 방법론을 소개합니다. 명세가 곧 코드가 되는 AI 시대의 개발 패러다임 전환을 알아봅니다.
-
A11Y 주간 다이제스트: 2026.03.16 ~ 03.22
2026.03.16 ~ 03.22 웹 접근성과 디지털 포용 관련 주간 뉴스 다이제스트