mcpField
U
ux-writing-skill

ux-writing-skill

github.com/podoデザイン・UI29224 回インストール1 日前に更新
リポジトリ

ux-writing-skill について

ux-writing-skillは、一貫したUXライティング基準に沿って、明確で簡潔なインターフェース文言を作成するスキルです。ボタンやエラーからオンボーディング、アクセシビリティ向けの表現まで扱います。

主な機能

  1. 01目的に沿った簡潔で自然な文言
  2. 02ボタンとCTAの指針
  3. 03エラーメッセージのパターン
  4. 04空状態とフォームの文言
  5. 05通知とオンボーディングの文言
  6. 06アクセシビリティ向け表現の指針

活用シーン

  1. 01明確なエラーメッセージの作成
  2. 02ボタンラベルとCTAの作成
  3. 03オンボーディングや空状態の文言改善
  4. 04スクリーンリーダーに配慮したUI文言の作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill ux-writing-skill

インストール後、Claude Code で/ux-writing-skillを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

ux-writing-skill

カタログのスタブ — スキルの完全版:content-designer/ux-writing-skill

判断ツリー

  1. 完全版のスキルはすでにインストールされていますか? 上流ではこのスキルを ux-writing と名付けているため、このポインターの隣にインストールされます(ポインターは置き換えられません)。

    • グローバル:f=~/.agents/skills/ux-writing/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト:f=.agents/skills/ux-writing/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルは ux-writing としてインストールされています。これを呼び出して続行してください
    • pointer → ステップ 2 に進んでください
  2. スコープを検出してから、インストールします。

    [ -e ~/.agents/skills/ux-writing-skill ] && echo "global" || echo "project"
    

    グローバル:

    npx skills add content-designer/ux-writing-skill --skill ux-writing -g -y
    

    プロジェクト:

    npx skills add content-designer/ux-writing-skill --skill ux-writing -y
    

    Claude Code: 会話から離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信してください。

注意事項

  • ライセンス: MIT
  • ダウンロードサイズ: 約 21 MB。
  • 名前の競合: ux-writing は designer-skills(そのインストールまたはカタログポインター)によっても書き込まれます。両方をインストールすると、先にインストールしたものが上書きされます。

インストール後の呼び出し

  • スキル名:ux-writing
  • トリガー:「UX writing」、「microcopy」、「error message copy」、「empty state copy」、「button label」、「UI copy」

機能

すべてのインターフェース文言に体系的な UX ライティング基準を適用します。4 つの品質基準:目的に沿う(ユーザーの目標に役立つ)、簡潔(意味を保てる最小限の語数。1 文あたり約 8~14 語、ボタンは 2~4 語)、会話的(能動態、二人称)、明確(専門用語を使わない)。よくある UI 文言のパターンを幅広く扱います。

  • ボタンと CTA — 動作を表すラベル、主要/副次/破壊的な操作の表現
  • エラーメッセージ — 何が起きたか、なぜ起きたか、どう修正するか(ユーザーを決して責めません)
  • 空の状態 — 目的、価値提案、行動喚起
  • フォームのラベルとプレースホルダー — ラベル、ヒント、プレースホルダー、検証の違い
  • 通知とトースト — 緊急度の調整、閉じるための文言
  • オンボーディング — 段階的な情報提示、セットアップの文言、成功体験
  • アクセシビリティ — スクリーンリーダーを優先した表現、aria-label の指針、認知負荷

使用しない場合

  • 長文の製品マーケティングコピー — copywriting-skill を使用してください
  • 既存のテキストから AI らしい文章のパターンを取り除く場合 — humanize-text を使用してください
  • コンテンツ戦略/情報アーキテクチャ全般 — design-with-claude(content-strategist)を使用してください

コメント