Communityライティング&編集github.com

megwebstudio/concrete-copy

ウェブサイトの文章(ヒーロー、セクションタイトル、プロダクトカード、ボタン、マイクロコピー、キャプション、メタディスクリプション)を作成・編集・レビューする際、ページが「AI臭い」と感じられた時、クライアントからコピーが抽象的・大げさ・長すぎると指摘された時、およびページを誰かに見せる前に使用します。訪問者が得られるもの・費用・次に取るべき行動だけを残し、コメントや冗長な部分を取り除き、ビルドされたHTMLからAI特有の表現を検出します。長文ブログ記事や広告戦略には使用しません。

concrete-copy とは?

このスキルは、ウェブサイト向けの具体的で簡潔なコピーを作成・レビューするためのものです。訪問者は一瞬で判断するため、ページ上の言葉は「何であるか」「得られるものと費用」「次に取るべき行動」の3つだけを伝えるべきであり、それ以外はノイズになります。例えば「Where time becomes yours」のような曖昧な表現は「Swiss automatic, 40 mm, 3-year warranty. €4,200」に置き換えます。ビルド済みHTMLに対して、AI特有の単語(leverage, seamless, empowerなど)やパターン(「Not just X, it's Y」など)を検出するPythonスクリプト(scripts/copy_lint.py)を提供しており、標準ライブラリのみで動作します。このスキルはClaude CodeやCursorなどのAIエージェントと連携し、コピー作成・レビューのワークフローを自動化します。

対応~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に質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ウェブサイト向け具体コピー

訪問者は一瞬で判断します。プレミアムページの言葉は3つの仕事だけをします:これが何かを伝える、訪問者が得られるもの(とその費用)を伝える、次に何をするべきかを伝える。それ以外はすべてノイズであり、デザインがどんなに良くても、ページを安っぽく遅く見せます。

ページに載せるのはこれだけ

ブランド、ナビゲーション、セクションラベル、製品またはサービス名、価格、重要なスペック、ボタン、そして購入者が決定するために必要な数行の文章。それがデフォルトです。

クライアントが書いたか承認した場合を除き、ページに載せないもの:

  • 訪問者がすでに見ている画像を説明するキャプション(「スタジオの静かな朝」)
  • デザインについてコメントするスローガン(「ワンケース。オールカラー。」)
  • インターフェースの操作方法(「スクロールして探索」、「ガラス越しに光を動かす」)
  • 作業メモ、凡例、「プレビュー」、「下書き」、「lorem」、バージョン番号

画像とインタラクションがムードを伝えます。言葉は事実を伝えます。

抽象的より具体的

抽象的 / 大げさ具体的
あなただけの時間が流れる場所。スイス製自動巻き、40mm、3年保証。€4,200。
あなたのスマイル journey を向上させます。1回の来院でインプラント。開始前に固定料金。
創業以来、情熱を込めて丁寧に。毎朝作る生パスタ。営業時間 12:00-14:30、19:00-22:30。
シームレスなデジタル体験を解放。10日間でサイトを構築。支払い前に確認可能。
単なるジムではなく、ライフスタイルです。6:00-23:00営業。最初の1週間無料。入会金なし。

すべての文章でテスト:訪問者がこれに基づいて行動できるか、確認できるか?どちらでもなければ、削除するか事実に置き換えます。

ルール

  1. 訪問者が求めてきた名詞で始め、その後に根拠(数字、スペック、保証、場所、時間、価格)を続ける。
  2. 1文に1つのアイデア。ヒーローやカードでは1文あたり約20語以内。
  3. ボタンは動詞+目的語:「テーブルを予約」、「価格を見る」、「見積もりを取得」。「発見する」、「もっと詳しく」、「送信」は避ける。
  4. 摩擦を減らす要素はボタンの隣に置き、フッターには置かない:「カード不要」、「24時間前まで無料キャンセル可」。
  5. 価格と営業時間はコピーである。存在すれば表示する;隠すと悪い意味で高く見える。
  6. 主張には同じ画面内に証明を:「お客様に愛される」より「Googleレビュー312件中4.9」。
  7. 同じものには同じ言葉を一貫して使う(1ページ内で「セッション」「予約」「訪問」と呼び替えない)。
  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であろうと」;誤った範囲(「スタートアップからエンタープライズまで」);中身のない3連(「速い、シンプル、パワフル」);見出しとしての修辞疑問文;曖昧な帰属(「専門家も認める」)。
  • 句読点:リズム装置としてのemダッシュ;本文中の感嘆符;すべての単語をTitle Caseに。 クライアントが選択したブランドデバイスは、ルールに該当しても維持します。

手順

  1. 概要と実際の資料(メニュー、価格表、製品シート、レビュー)を読む。事実はそこから得る。決して作り出さない。 事実が欠けている場合(価格、営業時間、保証)は、可視の TODO マーカーをクライアント向けに残し、勝手に作成しない。
  2. 上記のルールに従って各ブロックを作成する。
  3. ページをビルドし、実際のHTMLをリントする:
    python3 scripts/copy_lint.py dist/index.html      # またはフォルダ、またはhttp://localhost:5173
    
  4. すべてのFAILを修正し、すべてのWARNを判断し、ページをスマホ幅で一度読む:ヒーローはスクロールせずに「何を、誰に、次に何を」を答えなければならない。

スクリプト

  • scripts/copy_lint.py <file|folder|url> [--lang en]:可視テキストを抽出し(スクリプト、スタイル、aria-hidden または hidden の隠し要素をスキップ)、AI特有の単語とパターン、emダッシュ、残ったプレースホルダー(lorem、TODO、TBD)をFAILとして報告。長い文、曖昧なボタン、感嘆符をWARNとして報告。FAILがある場合は終了コード1。標準ライブラリのみ使用。

説得フレームワーク、商品一覧、SEOコピー、コンバージョンテストについては、インストールされていればStudio Kit Proの conversion-copywriter、seo-specialist、cro-specialist を使用してください。

関連スキル