writing-user-facing-copy

作成者: posthog

Sets the voice and word choices for any text a person reads in PostHog: UI labels, buttons, tooltips, empty and error states, notifications, in-app messages,…

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のその他のスキル

managing-experiment-lifecycle
posthog
実験の状態遷移をガイドします:起動、一時停止、再開、終了、バリアントの出荷、アーカイブ、リセット、複製。前提条件などをカバーします。
official
configuring-experiment-analytics
posthog
Configures the analytics side of a PostHog experiment — exposure criteria (default `$feature_flag_called` vs custom exposure events), primary and secondary…
official
error-tracking-hono
posthog
PostHogのHono向けエラートラッキング
official
error-tracking-react
posthog
PostHogのReact向けエラートラッキング
official
integration-android
posthog
Androidアプリケーション向けPostHogインテグレーション
official
integration-ruby
posthog
PostHog統合:Ruby SDKを使用するRubyアプリケーション向け
official
tuning-incremental-sync-config
posthog
同期の設定はExternalDataSchemaに保存され、external-data-schemas-partial-updateを使用していつでも変更できます。ほとんどの変更は非破壊的(次の同期で反映)ですが、一部(sync_typeの切り替え、プライマリキーの変更)は、同期データの破損を防ぐために慎重な対応が必要です。
official
instrument-integration
posthog
このスキルを使用して、アプリケーションにPostHog SDKを追加します。PostHogを初めてセットアップする場合や、PostHogの初期化が必要なPRをレビューする場合に使用してください。SDKのインストール、プロバイダーのセットアップ、基本設定をカバーします。任意のフレームワークや言語に対応しています。
official