writing-user-facing-copy

作成者: posthog

PostHogで人が読むすべてのテキスト(UIラベル、ボタン、ツールチップ、空の状態やエラー状態、通知、アプリ内メッセージなど)のトーンと語彙を設定します。

npx skills add https://github.com/posthog/posthog --skill writing-user-facing-copy

Writing user-facing copy

This is the operational gate for anything a person reads in the product or around it. Run it before writing or editing user-facing text, and whenever a code change introduces or changes a visible string.

Applies to: UI labels, buttons, form fields, tooltips, empty states, error and success messages, toasts and notifications, onboarding flows, emails, docs, and support replies. Does not apply to: code comments, commit messages, log lines, variable/function names, or other developer-only text.

Voice

Write the way a person would. Neutral and humane.

  • Sentence case. Capitalize only the first word and proper nouns. "Save as view", not "Save As View". "Product analytics", not "Product Analytics".
  • Be direct and friendly. Say what happened and what to do next.
  • Plain language, no jargon. Use the label the user sees, not the internal name. surveyPopupDelaySeconds becomes "Delay the survey popup".
  • Don't editorialize. State what is, not how exciting it is. Cut "powerful", "seamless", "effortless", "simply", "just", "easily", "supercharge", "unlock".
  • No sales-y or edgy copy. No marketing hooks, no clever one-liners, no hype.
  • American English spelling. "color", "analyze", "canceled".

Specific rules

No em-dashes

Do not use em-dashes (—) anywhere in user-facing copy. Do not substitute an en-dash either.

Prefer rewriting the sentence so the dash isn't needed. If a connector is unavoidable, use a hyphen with spaces, a comma, a colon, or split into two sentences.

  • ❌ "Save this view — you can reuse it later."
  • ✅ "Save this view. You can reuse it later."
  • ✅ "Save this view to reuse it later."

Also avoid the sentence shapes that lean on that dash, because they read as machine-written:

  • ❌ "This isn't just a filter, it's a saved view." (the "not just X, but Y" construction)
  • ❌ "It's fast, it's simple, it's yours." (rule-of-three padding)
  • ❌ Hedging preambles like "It's worth noting that…", "Keep in mind that…".

Write the plain version instead.

No punchy or clever phrasing

This is the failure mode that slips through even when you know the rule, so check for it specifically. It applies to every string, including headings, section titles, and button labels, not just body text.

The tells:

  • Antithesis ("X, not Y" / "X, they don't Y") used for effect. ❌ "Errors guide, they don't dead-end." → ✅ "Errors point to a next step."
  • A heading written to sound weighty. ❌ "The rules that are easy to break" → ✅ "Common mistakes".
  • A clever or dramatic closing line. ❌ "Never leave the user staring at a failure." → ✅ "Say what happened and what to do next."
  • Filler that sounds like a principle but adds nothing. ❌ "This is a tool people use to get work done." → cut it.
  • Emphasis the sentence doesn't need. ❌ "This will completely transform how you work." → ✅ "This changes how X works."

After drafting, re-read and cut anything that's there to sound good rather than to inform. If a line would feel out of place said plainly out loud to a colleague, rewrite it.

Errors and empty states point to a next step

Say what happened and give the next action. Don't stop at reporting that something failed.

  • ❌ "Something went wrong."
  • ✅ "Couldn't load your insights. Refresh the page, and if it keeps happening contact support."

How to talk about features

Use the names users see, and stay consistent across every surface.

Wizard

The setup tool is named Wizard. It confuses users as a description, because "wizard" reads like an old-style step-by-step form, not an AI. Users already have a mental model for AI agents.

  • Use "Wizard" only as the feature's proper name (the thing you're pointing at).
  • To explain what it does, always call it "the setup agent" or "the agent".

Examples:

  • ✅ "Wizard sets up PostHog for you. The setup agent installs the SDK and wires up your first events."
  • ✅ "Ask the agent to add error tracking."
  • ❌ "Use the wizard to walk through setup." (using "wizard" as a description)
  • ❌ "The wizard will guide you through each step." (reinforces the wrong mental model)

For any other feature, use its product-facing name exactly as it appears in the UI, and describe it in the terms users already understand.

When unsure

If you can't tell whether copy reads well, or whether a term is the right user-facing name, ask a human before shipping it.

posthogのその他のスキル

error-tracking-hono
posthog
PostHogのHono向けエラートラッキング
tuning-incremental-sync-config
posthog
同期の設定はExternalDataSchemaに保存され、external-data-schemas-partial-updateを使用していつでも変更できます。ほとんどの変更は非破壊的(次の同期で反映)ですが、一部(sync_typeの切り替え、プライマリキーの変更)は、同期データの破損を防ぐために慎重な対応が必要です。
playwright-test
posthog
Playwrightテストを作成し、それが確実に実行され、かつ不安定でないことを確認してください。
error-tracking-ruby
posthog
PostHogのRuby向けエラートラッキング
authoring-log-alerts
posthog
PostHogプロジェクト内のサービスに対して、有用でノイズの少ないログアラートを作成します。ユーザーがログのアラート設定を依頼したり、追加すべきアラートを提案するよう求めた場合に使用します。
making-scenes-tab-aware
posthog
Guides converting PostHog frontend scenes to be tab aware for internal scene tabs. Use when adding or refactoring a `SceneExport` scene, fixing state leaking…
posthog-survey-creator
posthog
PostHogでガイド付き会話を通じてサーベイを作成・設定します。ユーザーがサーベイを作成したり、ユーザーフィードバックを収集したり、実行したい場合にこのスキルを使用します。
authoring-scouts
posthog
PostHog Signalsスカウト(プロジェクトをスキャンしてSignals受信箱にレポートを書き込むスケジュールエージェント)を作成、編集、適応する方法。ユーザーが…の場合に使用します。