vibe coding 5

[Claude Code] bkit (Vibecoding Kit)

Claude Code용 AI 네이티브 개발 프레임워크. PDCA 방법론 + 9단계 파이프라인으로 개발 전 과정을 자동화함.만든 곳: 팝업스튜디오(Popup Studio) | 사이트: https://www.bkit.aiPDCA 방법론이 뭔지 먼저PDCA는 1950년대 품질관리 분야에서 나온 지속적 개선 사이클임. 원래 제조업에서 불량률 줄이려고 쓰던 방법론인데, 소프트웨어 개발에도 그대로 적용됨. ┌──────────┐ │ PLAN │ ← 목표 설정, 계획 수립 └────┬─────┘ ↓ ┌──────────┐ │ DO │ ← 계획대로 실행 └────┬─────┘ ↓ ┌──────────┐ │ CHECK │ ← 결과 점검, 갭 분석 └───..

TIP/AI 2026.03.11

Pencil.dev — IDE 안에서 디자인하고, 코드로 착지하는 시대

디자인과 개발의 경계가 무너지고 있음. Figma에서 디자인하고, 개발자에게 넘기고, 스펙 문서 만들고, 다시 수정하고… 이 지루한 핸드오프 루프를 끊어버리는 도구가 등장함. 바로 Pencil.dev.Pencil.dev가 뭔가Pencil은 VS Code, Cursor 같은 IDE 안에 직접 들어가는 벡터 디자인 캔버스임. Figma처럼 무한 캔버스에서 UI를 그릴 수 있는데, 핵심 차이는 이게 코드 에디터 안에서 동작한다는 점.디자인 파일 포맷은 .pen이라는 JSON 기반 파일. 이 파일이 프로젝트 소스코드와 나란히 존재하면서, AI 에이전트(Claude Code 등)가 MCP(Model Context Protocol)를 통해 디자인을 읽고 프로덕션 코드를 바로 생성함.현재 얼리 액세스 기간으로 무료...

TIP/AI 2026.02.13

[Claude Code] 해커톤 우승자의 70가지 파워 팁

출처: ykdojo/claude-code-tips (Anthropic 해커톤 우승자 YK Dojo) + Advent of Claude 2025 (Anthropic DevRel Ado Kukic)두 가이드의 팁을 주제별로 통합 정리하고, 각 팁마다 바로 쓸 수 있는 명령어·스크립트·설정을 포함함.1. 초기 설정1-1. /init — 프로젝트 온보딩 자동화새 프로젝트에서 가장 먼저 실행할 명령. Claude가 코드베이스를 읽고 CLAUDE.md를 자동 생성함.# Claude Code 프롬프트에서/init생성되는 CLAUDE.md에는 빌드/테스트 명령, 디렉토리 구조, 코드 컨벤션, 아키텍처 결정 사항 등이 담김.모듈식 규칙 파일도 가능:.claude/rules/├── testing.md # 테스트 ..

TIP/AI 2026.02.10

[Claude Code] Reddit에 올라온 완전 정복 가이드 v4 (한국어 번역)

원문 내용 번역만 클로드로 해서 정리함.85% 컨텍스트 절약, 커스텀 에이전트, 세션 텔레포트까지2026년 1월, Claude Code 2.1.x가 한 달 동안 무려 1,096개 이상의 커밋을 쏟아냈음. 이건 단순 업데이트가 아니라 Claude Code가 컨텍스트를 관리하고, 작업을 위임하고, 확장하는 방식 자체가 바뀐 혁명적 변화임.V4에서 뭐가 달라졌나MCP Tool Search: 레이지 로딩으로 컨텍스트 85% 절약커스텀 에이전트: 전문가 에이전트에게 자동 위임세션 텔레포트: 디바이스 간 세션 이동백그라운드 태스크: 병렬 에이전트 실행새 명령어들: /config 검색, /stats 필터링, 커스텀 단축키Part 1: Global CLAUDE.md - 보안 게이트키퍼메모리 계층 구조Claude Cod..

TIP/AI 2026.02.02

[Claude Code] Planning with Files: Manus 소개 및 감상

해커뉴스에서 퍼옴.https://news.hada.io/topic?id=25841#cid49287 평소에 내가 클로드 코드를 사용하는 방식과 비슷하여 소개해봄. (task_plan.md 파일 부분)실제로 나는 tasks.md, tasks/각 태스크의 세부내역.md 파일을 생성하여 사용함.각 태스크의 세부 내역 파일은ralph-loop용으로 요청사항, 완료조건, 반복횟수 등이 설정되어 있고,tasks.md에는 해당 파일들의 링크와 완료시 체크할 수 있는 여부 정도만 저장되어 있음. progress.md는 cc-telegram 소스코드를 보면 알겠지만진행중, 완료, 실패사항을 md로 분리하여 기록하고 있음.클로드 설정에서는 해당 파일을 작업 시 참조하도록 설정만 해주면 됨. 리서치 결과를 따로 저장하는 부분..

TIP/AI 2026.01.16