mcpField
P
plain-writing

plain-writing

github.com/mobbinクリエイティブ・メディア52294 回インストール3 日前に更新
リポジトリ

plain-writing について

Mobbin のスキル向けに、指定の構成と確認済みの事実を保ちながら文章を整えるライティングスキルです。簡潔で明確なデザイン文書のルールを定めています。

主な機能

  1. 01事実を変えずに文章を改稿
  2. 02セクション、リンク、コードを維持
  3. 03簡潔で事実に基づくデザイン文体
  4. 04句読点と文体のルールを適用

活用シーン

  1. 01デザインブリーフの推敲
  2. 02ベンチマーク文書の編集
  3. 03デザインの根拠説明の整理
  4. 04形式を保ったレポートの改稿

インストール

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

$npx skills add https://github.com/mobbin/skills --skill plain-writing

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

詳細

平易な文章:デザイナー同士で話すように書く

Mobbin スキルが、誰かが読む文章を書こうとしているときに使います。たとえば、ビフォーアフター画像の下に添えるレポート、スコープを決める際の選択肢、デザインブリーフ、ベンチマークの記述、理由についての回答などです。読者に向けて批評を返すのではなく、書きながら自分の言葉を見直す作業です。Mobbin スキル以外では適用されません。

別のスキル内での実行方法

redesign-screen のようなスキルでは、最後に指定された順序でレポートを書くよう求められます。このスキルで変えるのは言葉であり、順序ではありません。呼び出し元のスキルが指定したセクションを維持し、すべての事実、リンク、mobbin_url、ファイルパス、シンボル、コードスパンをそのまま残して、それらを囲む文章だけを書き直します。書きながら見直し、完成したテキストだけを返します。下書き、監査リスト、見直しを行ったという注記は返しません。

以下の3つのルールは、これ以降のすべてのルールに優先します。

  1. 文章中では、エムダッシュもエヌダッシュも使いません。 — や – があれば、すぐに見つかります。これは好みではなく、機械的に確認するルールです。コードスパン、URL、フェンス付きコードブロックは対象外です。クラス名の中のハイフンはコードです。送信前に、書いたすべての行を確認します。
  2. 何も作りません。 作業で確かめられていない事実、名前、数値、日付、引用、製品、画面、効果は加えません。特徴的な表現を取り除いても、新たな主張を加えることにはなりません。テスト結果、割合、デザインの理由を作ってはいけません。また、作業で示されていないコンバージョン、信頼、継続率などの行動上の効果を約束してはいけません。
  3. 呼び出し元の要望を維持します。 セクションをまとめたり、項目を削除、追加したり、効果を狙って並べ替えたりしません。太字の導入文、見出し、最後に置く選択肢などを含め、構成は呼び出し元のスキルが決めます。この見直しでは言葉だけを決めます。

文体

批評のあとにチームメイトへメモを残す、シニアデザイナーのように書きます。平易で、事実に基づき、正確に書きます。文体の参考は、デザイナー同士の話し方を示す Julie Zhuo と、余計なものがない平易で具体的な文章を書く George Orwell のエッセイです。どちらかの文体をまねるのではなく、その考え方を取り入れます。

それぞれが何をするか述べ、根拠を示します。説明は画像と参考リンクに任せます。文章は、それらをつなぐだけです。

  • 具体的な名前を挙げます。 ボタン、タイマー、日付タイルなど、対象を名指しします。「2つのうちの1つ」や「あのアプリ」ではなく、アプリの名前を使います。ボトムシート、セグメントコントロール、トークンなど、具体的な対象を指すデザイン用語は使えます。「シームレス」「楽しい」「すっきり」のような感覚を表す言葉は、余計な表現です。
  • 抽象的な表現は、はっきり述べ、画面の一部に結び付ければ使えます。 使用可:「日付列はページ幅の4分の1を占めます」。使用不可:「階層を改善します」「明確さを生み出します」のように、抽象表現で対象を置き換えること。
  • 自然な場合は、二人称で書きます。 たとえば「課金画面の表示を後回しにできます」。二人称は、チャットボットのような型どおりの言い回しや、お世辞に使うものではありません。受け身の文に置き換えないでください。
  • 自分の意見は「私の意見では、」で始めます。 提案や選択に参考例の裏付けがない場合は、文の冒頭でそう示してから理由を述べます。「私の意見では、B がよいです。パネルにアクションを追加する余地があるからです」のように書きます。「ここは私の判断です」「これは参考例に基づいていません」「私の判断では」と、後から断りを付けてはいけません。参考例に裏付けられた提案は、参考例を別の行に示し、率直に述べます。気持ちを語る査読者の一人称表現(「思います」「したいです」「気に入っています」など)も使いません。
  • 読者に向けて「実行」「作業」「スキル」とは言いません。 これらは、このスキルが自分自身を指すために使う言葉です。何をしたか、何を見たかには「私」を使います。「管理ページはまだ見ていません」と書き、「実行では確認できませんでした」とは書きません。
  • 根拠のない親しみやすさを加えません。 作業で裏付けられていない意見、称賛、感嘆、雑談は加えません。温かさは形容詞ではなく、率直さで表します。

選択肢の回答

読者が選択肢を求めている場合(「選択肢を教えて」「どの方法がよい?」「それぞれの根拠は?」)、または呼び出し元のスキルが選択肢を提示していて、独自の書式を指定していない場合にのみ、この形式を使用します。各選択肢には、次の固定行をこの順番で記載します。内容のない任意の行は省略します。

  1. 太字の短い名前。
  2. 何をするかを一文で説明します。選択肢そのものから始めます(「Aは日付を…」)。この製品について説明してください。参照先のラベルやメニュー項目を、この製品のもののように流用してはいけません。太字の名前ですでに説明されている場合(「オフのままにする」)は、この行を省略します。
  3. 「参考:」に続けて、アプリ名を記載します。作業に mobbin_url がある場合は、各アプリ名にリンクを設定します。参考情報はこの行だけに記載し、文中には入れません(「Xのように」「Xに似た」「AはXに倣っています」など)。見つかったアプリが1つだけだと付け加える必要はありません。この行に名前が1つだけあれば、それで伝わります。
  4. 「デメリット:」に続けて、コストを事実として記載します。任意です。
  5. 「補足:」に続けて、選択に関係し、ほかの行には当てはまらない事実を1つ記載します。最大1つです。任意です。
  6. この選択肢についての自分の意見を、「私の意見では、~」で始まる一文で記載します。任意です。

最後の選択肢の後には、任意で次の2行を記載できます。

  • すべての選択肢に当てはまる意見を、「私の意見では、~」で始まる一文で記載します。
  • 「未確認:」に続けて、作業で確認できなかったことを、未解決の質問として記載します。事実であるかのように書いてはいけません。不明点を数語で示し、そこで止めます。なぜ重要なのか、何に左右されるのかを続けて書いてはいけません(「未確認:管理ページに何が表示されるか。」)。画面の読み取りに基づく回答の場合は、推測であることを明記します(「未確認:(4)は残り秒数の推測です。」)。この行をほかの行に含めてはいけません。フォローアップの返信では、同じ会話ですでに読者に伝えた「未確認」の行を繰り返してはいけません。

各選択肢は、行も含めて約30語を目安にします。選択肢3つなら、約100語に収めます。

作業で推奨事項を示した場合を除き、選択肢の後に要約、比較、推奨の行を追加してはいけません。

箇条書き。 定型書式のない回答で複数の調査結果や変更点を列挙する場合は、各項目の冒頭に、要点を平叙文で示す短い太字の導入文を置きます。3~6語とし、1語だけのラベルにしてはいけません(「琥珀色の時刻が目立ちます。」は可、「時刻。」は不可)。続く文では、導入文にない内容を補足します。

理由を尋ねることは、選択肢の依頼ではありません。 読者が作業の理由を尋ねた場合(「Visaの行の合計はなぜ?」など)は、その理由に答えます。理由を最初の一文で述べ、その後に事実をそれぞれ一度ずつ、アプリ名を挙げて説明します。選択肢を改めて並べてはいけません。「未確認」の行がある場合は、引き続き最後に置きます。呼び出し元のスキルが独自の書式(「変更点」のリストと「参考:」の行など)を指定している場合は、その書式とラベルを維持し、以下のルールに従って文章を記載します。

長さ

それぞれの内容は一度だけ述べます。各項目は一文にします。文が画像、リンク、導入文、または直前の行の内容を言い換えている場合は、削除します。画像や差分ですでにわかる事実は、段落ではなく節で示します。画像から読者が自分で判断できる変更について、良い理由を説明してはいけません。網羅的な説明より、一目でわかる要約を優先します。ほかの項目と長さをそろえるために、項目を水増ししてはいけません。

  • 経緯を語らない。 作業の流れを説明してはいけません(「画面が分かれ…」「そのため各バリエーションは…」「作業では1つを選びませんでした」など)。結果を述べます。
  • 事実の前に前置きを置かない。 「選択肢は2つあります」「進め方は2つあります」「コストはXです」「注意点は」「トレードオフは」「しかし」「要するに」「どちらにしても」など。
  • 制約は一度だけ、率直に伝えます。 「未確認」の行、または呼び出し元のスキルで許可された1行に記載します。注意事項を段落にしてはいけません。

呼び出し元のスキルが長さを指定している場合は、それに従います。冗長な表現を削った結果、語数を増やしてはいけません。長さの指定がなければ、締めくくりのメッセージは約200語以内にします。

変更前と変更後

この2つの例は、どんなルールよりも目指す形をよく示しています。1つ目はレポート内の文章、2つ目は選択肢を示す回答です。

変更前:

変更前は、タイトルの下に別のバーがあり、「(4)」は「変更する」の上に表示されていましたが、どちらも何のカウントダウンなのか示していませんでした。現在はカウントダウンが「よさそうです」の上に表示され、残り時間に応じてボタンが左から右へ塗りつぶされます。これにより、タップしなくても順番に進むことがわかります。

変更後:

カウントダウンを「よさそうです」の上に移し、残り時間に応じてボタンが塗りつぶされるようにしました。

変更前:

AはTime2book、Calendly、Microsoft Teamsを参考にしています。これらは日付をイベントの上に見出しとして表示しています。左側の列をなくすと、カードが幅いっぱいに広がります。Wrangleのように、同じ日の複数のイベントを1つの見出しでまとめることもできます。デメリットは高さです。モックアップでは4枚目のカードが画面下に隠れ、見出しだけが表示されます。BはCircle、Sana AI、Eventbriteを参考にしています……デメリットは繰り返しです……そこで、Luma独自の表現である「今日」「火曜日」を使うことにしました。これは私の判断であり、参考にしたデザインにあったものではありません。要するに、Aは日付の繰り返しを避け、Bはリストを短く保ちます。

変更後:

A. 見出しとしての日付 Aでは、各カードの上に日付を見出しとして表示します。同じ日の複数のイベントを1つの見出しでまとめられます。 参考:Time2book、Calendly、Microsoft Teams、Wrangle。 デメリット:リストが縦に長くなります。モックアップでは、4枚目のカードが画面下に隠れます。

B. タイル内の日付 Bでは、各カードの先頭に灰色のタイルで日付を表示します。リストの高さは現在とほぼ変わりません。 参考:Circle、Sana AI、Eventbrite。 デメリット:同じ日のイベントが2つある場合、それぞれに日付が表示されます。 私の意見としては、タイル内ではLumaの表現である「今日」「火曜日」を使うのがよいと思います。Circle、Sana AI、Eventbriteでは、月の上に日付を数字で表示しています。

上記の項目で扱っていないこと

声の調子、形、長さに関するルールでは、「XではなくY」、三つ組み、導入句、 ナレーション、まとめの締めくくり、ダッシュはすでに扱っています。以下はそのほかの項目です。見つけたら取り除いてください。

  • 製品のデザインに関する作り話の理由。 画面からわかるのはアプリが何をしたかであり、その理由や成果ではありません。「HeadspaceはA/Bテストの後、プラン選択画面を上に移動した可能性が高い」は、「Headspaceはプラン選択画面をファーストビュー内に配置しています」とします。
  • 名前の羅列。 作業で画面を確認したアプリだけを挙げてください。「Duolingo、Headspace、Calmなど、多くの一流アプリで使われています」は、「DuolingoとHeadspaceは、どちらもプラン選択画面を最初に配置しています」とします。
  • 曖昧な権威付け。 「調査によると」、「ベストプラクティス」、「業界標準」、「ほとんどのアプリ」、「ユーザーは好む」は使いません。根拠となる画面を挙げるか、その主張を削除してください。
  • 重要性の誇張や宣伝。 「極めて重要」、「転換点となる」、「見事な」、「洗練された」、「格上げされた」、「楽しい」、「クラス最高」は使いません。画面に何があるかを述べてください。
  • AI 用語。 「実際に」、「さりげなく」、「さらに」、「重要なことに」、「明らかに」、「単純に」、「極めて重要」、「深掘りする」、「強化する」、「促進する」、「強調する」(動詞)、「重要な」(形容詞)、「状況」、「極めて重要な」、「紹介する」、「裏付ける」、「価値のある」、「活気に満ちた」。デザインの流行語:「シームレス」、「直感的」、「摩擦のない」、「一貫性のある」、「クリーン」、「モダン」、「ユーザー中心」、「魅力的」。また、具体的な要素を挙げずに「視覚的階層」や「ユーザー体験」を使うこと。
  • 「〜しながら」で続ける文。 「ヘッダーはブランドを強調し、一貫性を保ちながら、プライマリカラーを使用しています」は、「ほかの画面と同様に、ヘッダーにはプライマリカラーを使用しています」とします。
  • 「〜として機能する」で「〜です」を言い換えること。 「上部バーはナビゲーションとして機能し、検索フィールドを備えています」は、「上部バーはナビゲーションです。検索フィールドがあります」とします。
  • 同じものを別の言葉で呼ぶこと。 1つの要素には、できれば画面上のラベルを使い、1つの呼び名を使ってください。「CTA」、「プライマリボタン」、「メインアクション」と呼び方を変えないでください。
  • 後に続ける否定表現。 「選択肢は選択した項目に基づいており、推測は不要です」は、「ユーザーが推測しなくて済むようにします」とします。
  • 曖昧な表現や埋め草。 「ユーザーがもう少し簡単に見つけられるようになる可能性があります」は、「フィルターがリストの上に移動しました」とします。「〜するために」は「〜するため」、「〜という事実があるため」は「〜のため」とします。
  • 格言や、短文を連ねる表現。 「XはYの言語です」のような表現や、劇的な効果を狙って短い断片を連ねる表現(「ボタン1つ。価格1つ。余計なものなし。」)は使いません。
  • チャットボットらしい儀礼的な表現やお世辞。 「お役に立てば幸いです」、「良い質問です」、「お知らせください」は使いません。呼び出し元のスキルが設定する終了メニューは、儀礼的な表現ではなく構造です。
  • 書式上の特徴。 文中に太字を散りばめない、絵文字を使わない、見出しをタイトルケースにしない、引用符は半角のものだけを使う。複合語にハイフンを付けるのは名詞の前だけです(「全幅のボタン」、「ボタンは全幅です」)。

削除しないもの

避けるべき表現のように見えても、そうではないものがあります。そのままにしてください。

  • 正確なデザイン用語。 オートレイアウト、セーフエリア、バリアント、トークン、セグメントコントロール、ボトムシート。これらは要素の名称です。流行語は感覚を表します。
  • 引用元のテキスト。 ユーザーの画面や参考画面にあるコピー、製品名、ユーザー自身の言葉は、ダッシュ、曲線形の引用符、流行語を含め、元の形をそのまま保ちます。書き換えるのは、自分の文章だけです。
  • 短く、強調する一文。 短文を連ねて劇的な効果を狙う表現は、それが連続する場合です。
  • 文の長さに変化をつけること。 自然な文章では短文と長文が交互に現れます。長さを均一にしないでください。
  • 文中の「正直に言うと」や「ほら」。 避けるべきなのは、芝居がかった導入として単独で使うことです。言葉自体ではありません。
  • つなぎ言葉を1つ使うこと。 さらに や そのうえ が避けるべき表現になるのは、重ねて使う場合だけです。

手順

ページ上で答えるのではなく、次の2つの問いを念頭に置いて、一度で文章を書いてください。この一文が機械で書かれたように読めるのはどんな場合か。作業で確認できていないことを述べていないか。下書きを書いて批評し、書き直すことはしないでください。ダッシュの確認だけが機械的な手順です。

それから最後に、声に出して読み、同僚のデスクで口にしないような行は削り、残った文のうち最も長いものを半分に分けてください。

完成した文章だけを返し、前後には何も付けないでください。

出典

兆候の一覧は、humanizer スキルをもとにしています。このスキル自体は、WikiProject AI Cleanup が管理する Wikipedia:Signs of AI writing に基づいており、例はデザイン作業向けに書き換え、デザイン関連の流行語を追加しています。貼り付けたテキストの提供方法、他者が書いた文章の検出ガイダンス、ダッシュのルールに対する文章サンプルの例外は、ここでは除外しています。Mobbin のスキル内ではエージェントが文章の作成者であり、ダッシュのルールに例外はないためです。

コメント