Ops & Systems
12 posts in this category
Google Stitch MCP API: AI 에이전트로 UI 디자인 생성하기
Google Labs의 Stitch가 MCP 서버를 지원하여 Claude Code, Cursor 등에서 API를 통해 UI 디자인을 생성할 수 있습니다. 참고: 일부 내용은 비공식 소스 기반이며 변경될 수 있습니다.
ClawdBot을 Cloudflare Tunnel로 안전하게 보호하기
Shodan에서 노출된 ClawdBot 인스턴스들의 보안 위험과 Cloudflare Tunnel을 사용한 안전한 설정 방법을 알아봅니다.
Claude Code에서 Google Stitch MCP 연동하기: AI로 UI 디자인 자동화
Google Stitch를 Claude Code와 연동하여 텍스트 프롬프트만으로 전문가 수준의 UI를 생성하는 방법을 단계별로 알아봅니다.
바이브코딩의 맹점: 노트북 없이 내 서버를 확인하는 방법
아이디어는 언제나 노트북 없을 때 떠오른다
Neo4j + LangChain으로 구축하는 GraphRAG 시스템
자연어 질문을 Cypher 쿼리로 자동 변환하고, 그래프 데이터베이스의 관계 정보를 활용한 정확한 답변을 생성하세요.
RAG의 한계를 Knowledge Graph로 극복하기: 온톨로지 기반 검색 시스템
벡터 검색만으로는 부족하다. 엔티티 간 관계를 이해하는 Knowledge Graph로 RAG 시스템을 한 단계 업그레이드하는 법.
Claude Code 실전 (5): 모델 믹스 전략
테스트는 Haiku로, 리팩토링은 Sonnet으로, 아키텍처는 Opus로. 작업별 최적 모델을 선택해 비용과 품질을 모두 잡는 법.
Claude Code 실전 (4): MCP 서버 구축하기
Claude가 Jira 티켓을 읽고, Slack에 메시지를 보내고, 데이터베이스를 조회한다면? MCP 서버로 Claude의 손과 발을 만드는 법.
Claude Code 실전 (3): Custom Skills로 팀 표준 만들기
/setup-dev 하나로 신입 온보딩 완료. /deploy staging 한 줄로 배포 자동화. Custom Skills로 팀만의 명령어를 만드는 법.
Claude Code 실전 (2): Hooks로 워크플로우 자동화
Claude가 코드를 생성할 때마다 자동으로 린트, 테스트, 보안 검사를 실행한다면? Hooks로 팀 워크플로우를 자동화하는 법.
Claude Code 실전 (1): Context가 전부다
CLAUDE.md 하나로 AI 코딩 어시스턴트의 성능이 달라진다. 대규모 프로젝트에서 Claude가 길 잃지 않게 만드는 법.
Claude가 내 DB를 못 읽어서 답답하다면 — MCP로 직접 연결하기
MCP(Model Context Protocol)로 Claude를 데이터베이스에 직접 연결하는 방법. Python 50줄로 MCP 서버를 만들고 자연어로 SQL 쿼리를 실행하세요.