Community라이팅 & 에디팅github.com

megwebstudio/concrete-copy

웹페이지(히어로, 섹션 제목, 상품 카드, 버튼, 마이크로카피, 캡션, 메타 설명)의 단어를 작성, 편집 또는 검토할 때 사용합니다. 페이지가 'AI가 쓴 것처럼' 들리거나, 클라이언트가 모호하거나 거만하거나 너무 길다고 말할 때, 그리고 페이지를 누군가에게 보여주기 전에 사용합니다. 방문자에게 무엇을 얻는지, 비용은 얼마인지, 다음에 무엇을 해야 하는지만 남기고 설명과 군더더기를 제거하며, 빌드된 HTML에서 AI 흔적을 검사합니다. 긴 블로그 게시물이나 광고 전략에는 적합하지 않습니다.

concrete-copy란 무엇인가요?

이 스킬은 웹사이트 페이지의 카피를 구체적(concrete)이고 행동 유도 중심으로 재작성하는 AI 에이전트 기술입니다. 방문자가 페이지를 보는 순간 결정을 내린다는 점에 착안하여, 페이지의 모든 단어가 '이것이 무엇인지', '방문자가 얻는 것(과 비용)', '다음에 할 행동'이라는 세 가지 임무만 수행하도록 제한합니다. Claude Code, Cursor 등 주요 AI 에이전트 플랫폼에서 사용할 수 있으며, `scripts/copy_lint.py` 스크립트를 통해 빌드된 HTML에서 AI 특유의 표현(예: 'leverage', 'seamless', 'empower')과 군더더기(예: 'lorem', 'TODO')를 자동으로 검출하고 보고합니다. 이 스킬은 장문의 블로그나 광고 전략보다는 랜딩 페이지, 상품 카드, 버튼 등 전환에 직접 영향을 주는 마이크로카피에 최적화되어 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/megwebstudio/studio-kit/tree/HEAD/plugins/studio-kit/skills/concrete-copy

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

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

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

문서

웹사이트를 위한 구체적인 카피(Concrete copy)

방문자는 몇 초 안에 결정합니다. 프리미엄 페이지의 단어는 세 가지 역할만 수행합니다. 이것이 무엇인지 말하고, 방문자가 얻는 것(과 비용)을 말하고, 다음에 무엇을 해야 하는지 말합니다. 그 외 모든 것은 디자인이 아무리 좋아도 페이지를 더 싸고 느리게 보이게 만드는 잡음입니다.

페이지는 이것만 담습니다

브랜드, 내비게이션, 섹션 레이블, 제품 또는 서비스 이름, 가격, 중요한 사양, 버튼, 그리고 구매자가 결정을 내리는 데 필요한 몇 문장. 그것이 기본값입니다.

클라이언트가 직접 작성하거나 승인하지 않은 한 페이지에 넣지 않는 것:

  • 방문자가 이미 보고 있는 이미지를 설명하는 캡션("스튜디오의 조용한 아침");
  • 디자인에 대해 평하는 슬로건("하나의 케이스. 모든 색상.");
  • 인터페이스에 대한 설명("스크롤하여 탐색", "유리 위로 빛을 움직이세요");
  • 작업 노트, 범례, "미리보기", "초안", "lorem", 버전 번호.

이미지와 인터랙션은 분위기를 전달합니다. 단어는 사실을 전달합니다.

철학적 표현보다 구체적인 표현

모호함 / 거만함구체적인 표현
시간이 당신의 것이 되는 곳.스위스 오토매틱, 40mm, 3년 보증. €4,200.
당신의 미소 여정을 높이세요.단 한 번의 방문으로 임플란트. 시작 전 고정 가격.
영원히 열정으로 빚어낸.매일 아침 신선한 파스타. 주방 운영 시간 12:00-14:30, 19:00-22:30.
매끄러운 디지털 경험을 잠금 해제하세요.10일 안에 귀하의 사이트를 구축합니다. 결제 전에 결과물을 확인하세요.
단순한 체육관이 아닌, 라이프스타일입니다.오전 6:00-오후 11:00 운영. 첫 주 무료. 가입비 없음.

모든 문장에 대해 테스트하세요. 방문자가 이 정보를 바탕으로 행동할 수 있습니까? 아니면 확인할 수 있습니까? 둘 다 아니면 잘라내거나 사실로 대체하세요.

규칙

  1. 방문자가 찾는 명사로 시작하고, 그다음 증거(숫자, 사양, 보증, 장소, 시간, 가격)를 제시합니다.
  2. 문장당 하나의 아이디어. 히어로와 카드에서는 문장을 20단어 미만으로 유지합니다.
  3. 버튼은 목적어가 있는 동사로 표현: "테이블 예약", "가격 보기", "견적 받기". "발견하기", "더 알아보기", "제출"이 아닙니다.
  4. 마찰 감소 요소는 버튼 옆에 배치하고, 푸터에 넣지 않습니다: "카드 필요 없음", "24시간 전까지 무료 취소".
  5. 가격과 운영 시간은 카피입니다. 존재한다면 표시하세요. 숨기면 나쁜 의미로 비싸 보입니다.
  6. 주장은 같은 화면에 증거를 함께 제시하세요: "Google 리뷰 312개 중 4.9점"이 "고객 사랑"보다 낫습니다.
  7. 같은 대상을 페이지 전체에서 같은 단어로 부르세요. 한 페이지에서 "세션", "약속", "방문"으로 다르게 부르지 마십시오.
  8. 방문자의 언어와 레지스터로 작성하세요. 이탈리아의 지역 비즈니스는 먼저 이탈리아어를 사용하고, 다국어 사이트는 각 언어를 기계 번역이 아닌 원어민 수준으로 작성합니다.

누군가 페이지를 보기 전에 제거해야 할 AI 흔적

  • 단어: leverage, seamless, empower, unlock, elevate, robust, actionable, data-driven, cutting-edge, game-changer, journey(여행 이외의 의미), curated(진짜 선별된 경우 제외), solutions, synergy, delve, tapestry, testament, landscape(지리적 의미 외), realm, harness(동사), bespoke(진짜 맞춤 제작인 경우 제외), world-class, state-of-the-art.
  • 문형: "단순한 X가 아니라, Y입니다"; "A든 B든"; 거짓 범위("스타트업부터 대기업까지"); 아무것도 말하지 않는 세 가지 나열("빠르고, 간단하며, 강력합니다"); 헤드라인으로 쓰는 수사적 질문; 모호한 귀속("전문가들이 동의합니다").
  • 구두점: 리듬 장치로 사용되는 대시; 본문의 느낌표; 모든 단어의 첫 글자를 대문자로 쓰는 제목 표기법(Title Case On Every Word). 클라이언트가 선택한 브랜드 장치는 규칙과 일치하더라도 유지합니다.

절차

  1. 브리핑과 실제 자료(메뉴, 가격표, 제품 시트, 리뷰)를 읽습니다. 사실은 거기서 가져오고 절대 지어내지 않습니다. 사실(가격, 시간, 보증)이 없으면 클라이언트를 위해 눈에 띄는 TODO 표시를 남기고 임의로 만들지 않습니다.
  2. 위 규칙에 따라 각 블록을 초안합니다.
  3. 페이지를 빌드한 후 실제 HTML을 린트합니다:
    python3 scripts/copy_lint.py dist/index.html      # 또는 폴더, 또는 http://localhost:5173
    
  4. 모든 FAIL을 수정하고, 모든 WARN을 판단하며, 전화기 너비로 페이지를 한 번 읽습니다. 히어로는 스크롤 없이 "무엇을, 누구를 위해, 다음에 무엇을"에 답해야 합니다.

스크립트

  • scripts/copy_lint.py <파일|폴더|URL> [--lang en]: 보이는 텍스트를 추출하고(스크립트, 스타일, aria-hidden 또는 hidden으로 표시된 숨겨진 요소는 건너뜀), AI 흔적 단어와 문형, 대시, 남아있는 플레이스홀더(lorem, TODO, TBD)에 대해 FAIL을, 긴 문장, 모호한 버튼, 느낌표에 대해 WARN을 보고합니다. FAIL이 있으면 exit 1로 종료합니다. 표준 라이브러리만 사용합니다.

설득 프레임워크, 제품 목록, SEO 카피 및 전환 테스트가 필요하면 Studio Kit Pro의 conversion-copywriter, seo-specialist, cro-specialist를 사용하세요(설치된 경우).

관련 스킬