Community라이팅 & 에디팅github.com

marky-im/marky

Claude 아티팩트를 가리키며 댓글을 달면, Claude가 해당 위치를 직접 수정합니다. Claude Code 플러그인입니다 (스킬 + 경량 CLI).

marky란 무엇인가요?

marky-im/marky는 Claude Code 사용자가 생성된 아티팩트(웹 페이지, UI 컴포넌트 등)에 대해 시각적인 포인트 앤 코멘트(point-and-comment) 방식으로 피드백을 주면, Claude가 해당 피드백을 분석하여 아티팩트의 정확한 위치를 파악하고 직접 수정을 수행할 수 있도록 해주는 스킬입니다. 이 스킬은 Claude Code와 함께 동작하며, 사용자가 CLI 명령어(`marky`)를 통해 실행하거나 별도의 스킬 명령어로 호출할 수 있습니다. marky는 사용자 피드백을 구조화된 형태로 변환하여 Claude가 문맥을 이해하고 적절한 코드 변경을 적용할 수 있도록 돕습니다. 이를 통해 반복적인 코드 설명이나 위치 지정 없이도 직관적인 협업과 빠른 수정이 가능해집니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add marky-im/marky

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

marky은(는) 무엇을 하나요?

Claude 아티팩트를 가리키며 댓글을 달면 — Claude가 해당 위치를 직접 수정합니다. Claude Code 플러그인입니다 (스킬 + 경량 CLI).

설치

# marky CLI 도구 설치
npm install -g marky-cli

# 또는
pip install marky-cli

사용법

1. marky 스킬 활성화

Claude Code에서 marky 스킬을 활성화합니다:

/skill marky-im/marky

2. 아티팩트에 댓글 달기

Claude가 생성한 아티팩트(예: HTML 페이지)가 표시되면, 댓글을 추가하려는 위치를 가리킵니다:

@marky 버튼 색상을 파란색에서 녹색으로 변경해줘

3. Claude가 수정 적용

Claude가 위치를 파악하고 코드를 직접 편집합니다.

명령어

명령어설명
marky현재 아티팩트에 대한 CLI 도구 실행
marky --help도움말 표시

환경 변수

  • MARKY_DEBUG: 디버그 로깅 활성화 (기본값: false)
  • MARKY_PORT: 로컬 서버 포트 (기본값: 9876)

작동 방식

  1. 사용자가 Claude 아티팩트에 가상의 스티커(마커)를 배치합니다.
  2. 각 마커에는 사용자의 댓글이 포함됩니다.
  3. marky가 이러한 마커를 구조화된 데이터로 변환합니다.
  4. Claude가 이 데이터를 읽고 해당 위치의 코드를 수정합니다.

라이선스

MIT

관련 스킬