先週、私はエージェント向けの Superpowers プラグインについての記事を投稿しました。
Digital Life Khazix
@Khazix0918
·
記事
110,000 スターを獲得した、エージェント体験を根本から変える必須プラグインを推奨します。
最近、エージェントと Vibe Coding についてよく話しています。しかし、より多くの友人に勧めるうちに、見落とされていた問題に気づきました。ほとんどの人にとっての本当のボトルネックは、標準的なワークフローを持っていないことです...
26
208
1K
こんなに良い反応が返ってくるとは思っていませんでした。Skills に関する情報格差は、私が考えていたよりも大きいようです = =
そしてコメントで、Tim という友人が、他にどんな必須の Skills があるのか尋ねてきました。
もう一弾やってもいいかなと思いました。
そこで週末に、皆さんに本当に役立つと思うものを整理して、もう一記事書き上げました。
何百もの推奨リストを作るつもりはありません。それに意味はないと思います。私が実際に頻繁に使っていて、皆さんに役立つと感じたいくつかを選びました。
本当に、Skills は多ければ良いというものではありません。むしろ、より洗練され、科学的であるほど、結果は良くなります。
この記事で推奨する Skills のインストールは簡単です。この記事を Claude Code、OpenClaw、Codex などにコピー＆ペーストするだけです。これらのエージェントが、一度にすべてインストールしてくれます。
それでは、本題に入りましょう。
1. フロントエンドデザイン
有名な Frontend Design Skills は、Claude の公式プラグインサイトで Superpowers を抑えて第1位です。
リンク: https://github.com/anthropics/skills/tree/main/skills/frontend-design
その非常に有用な機能の1つは、ほとんどの AI がフロントエンド作業を行う際に抱える美的「センス」の問題を解決することです。
モデルが弱いほど、相対的な改善効果は大きくなります。
AI が生成したフロントエンドページの多くは、「AI 臭さ」が強すぎて見ていられません。
きっと見たことがあるでしょう。どこにでもある Tailwind CSS の青紫グラデーション、システムデフォルトフォント。10人が10ページ生成すれば、8つは同じように見えます。
もちろん、AI が統計に基づいている以上、それは避けられません。
例えば、Claude に私たちのパブリックアカウントデータの可視化ページを直接出力するよう依頼したとします。
これは、スキルやプロンプトなしでの直接出力です。多くのモデルよりは優れていますが、やはり「AI 臭さ」が少し感じられます。
GIF
プロトタイプを描いたり、UI デザインのプロンプトを説明したりすることはできますが、非 UI デザイナーにとっては、音楽プロンプトの書き方を想像できないのと同じように、ウェブの美観を最適化するのは難しい作業です。
そこで登場するのが Frontend Design です。この Skill は Anthropic の公式チームによるものです。公平に見て、Anthropic は Skills エコシステムの促進に素晴らしい貢献をしています。
彼らの SKILL.md ドキュメントを見てみると、デザイン哲学が非常に興味深いです。
コードを書く前に、AI に大胆な美的方向性（ミニマリズム、レトロフューチャリズムなど）を考えさせることを要求します。そして、すべてのタイポグラフィ、余白の比率、フォントの選択、アニメーションは、その方向性に基づいていなければなりません。
また、Inter、Roboto、Arial のような使い古されたフォントの禁止や、白背景に紫グラデーションという古典的な AI 美学の禁止など、厳格なルールもあります。
インストールすると、同じ要件でも全く異なる結果が得られます。
再び私たちのパブリックアカウントを例に挙げます。
レイアウトが突然、はるかに快適になります。
GIF
エージェントを使ってフロントエンドページ、小さなツールの UI、データ可視化分析などを頻繁に生成するなら、これは間違いなく必須です。
2. オフィス必須の4点セット
驚くべきことに、2つ目は実際には4つの Skills です...
それは、docx、xlsx、pdf、そして pptx です。
これも Anthropic の公式コレクションからのもので、オフィスワーカーには必須です。
リンク: https://github.com/anthropics/skills/tree/main/skills
これらがあれば、あなたの AI は様々なファイル形式を読み取ることができます。
Word、PPT、Excel、PDF の読み取り、書き込み、修正が可能です。
Cowork を使用している場合、これらの機能は組み込まれており、すぐに使用できます。しかし、ターミナルで Claude Code や OpenClaw のようなものを使用している場合は、自分でインストールする必要があります。
「待って、これらのスキルがなくても PDF を読んだり Word 文書を生成したりできるよ」と思うかもしれません。
その通りです。しかし、それらがない場合、エージェントがこれらの形式を扱うたびに、ゼロからコードを書き、レイアウトやテーブル生成のために手探りで進むことになります。運が良ければ問題ありませんが、そうでなければ大混乱です。
そして、モデルの能力が低いほど、混乱は大きくなります。
この4点セットをインストールすると、完全なドキュメント処理ワークフローとコードテンプレートが付属します。
例えば、ページサイズ、幅、必要な画像タイプなどです。
それは、操作マニュアルを与えるようなものです。毎回手探りでやる代わりに、指示に従うだけで済みます。
比較をお見せしましょう。最近話題の Kimi による論文「Attention Residuals」を例に取ります。21ページ、すべて英語で、数式とチャートが満載です。
スキルなしの Claude Code を使って、中国語のメモを作成し、要点をまとめてもらいます。
その結果が左側です。
めちゃくちゃです。本当にひどいです。
しかし、4点セットをインストールすると、同じリクエストで右側のような結果が得られます。
統一されたカラースキーム、ヘッダーとフッターも含まれ、少なくともバグのないプロフェッショナルなドキュメントです。
自分の論文テンプレートをエージェントに渡して、このスキルと組み合わせて使うこともでき、驚くほど良い結果が得られます。
PPT も同じロジックです。スキルがないと、生成される PPT は非常にシンプルで見どころがありません。スキルがあれば、レイアウトの整った PPT を出力できます。さらに、前述の Frontend Design スキルと組み合わせると、PPT の美観はさらに向上します。
信じてください、この4点セットはほぼすべての人が使えるスキルセットです。
3. Web アクセススキル
@一泽 によって開発された非常に便利なネットワーキングスキルです。
それは Web Access skill と呼ばれています。
リンク: https://github.com/eze-is/web-access
先週の月曜日にリリースされたばかりですが、すでに 2,000 以上のスターを獲得しています。
ウェブ検索とブラウザ制御を組み合わせた数少ないスキルの1つであり、現在私のデフォルトのネットワーキングスキルです。
Claude Code の組み込み検索ツールは、公開されていない内部サイトの情報を見つけることができません。小红书や Bilibili のようなサイトでは、基本的に有用なものは見つかりません。
しかし、このスキルを使えば、検索能力は完全に変わります。
Chrome DevTools Protocol を介してローカルの Chrome プロセスに直接接続し、あなたのログイン状態を保持します。そのため、微博、小红书、Bilibili、飞书など、ログインしているサイトを再ログインすることなく直接使用できます。
さらに、トークンを節約するために、オプションの中間層として Jina を提供するという気の利いた機能もあります。WebFetch や Curl と組み合わせて使用することで、ウェブコンテンツを読み取り可能なクリーンな Markdown に変換し、トークン消費を大幅に削減できます。
設計は非常にエレガントです。
ただし、前提条件として、Chrome を最新バージョンに更新する必要があります。また、chrome://inspect/#remote-debugging でチェックボックスをオンにして、リモートデバッグを許可する必要があります。
例えば、小红书で望京近くの美味しい食べ物を、できれば写真付きで探すように依頼しました。
すると、ノートの内容を抽出するために多数のエージェントを送り出しました。そうです、並列でです。複数のエージェントがそれぞれ独立して、異なるブラウザタブを同時に操作し、互いに干渉しません。
そして、テキストと画像ですべてを整理しました。
パブリックアカウントのリンクを読むことも問題ありません。
また、非常に興味深い設計上の特徴として、各ウェブサイトの操作経験を自動的に蓄積していきます。
ドメインごとにローカル記録を保存します。どのセレクタが機能するか、どのパスが有効か、どのような落とし穴を避けるべきかなどです。最初の訪問は遅いかもしれませんが、同じサイトへのその後の訪問ははるかに速くなります。まるでエージェントが実務経験を積んでいるかのようです。
非常に便利で、現在私が使用した中で最高の汎用ネットワーキングスキルです。
4. PUA
かつて、この PUA Skill はただの冗談だと思っていました。
実際に使ってみるまでは... 素晴らしいです。
リンク: https://github.com/tanweai/pua
プロジェクトの説明にはこうあります。「あなたはかつて大きな期待を寄せられた P8 レベルのエンジニアです。Anthropic があなたを評価したとき、その期待は非常に高いものでした。」
この雰囲気、本当に会社員時代の苦労を思い出させます...
しかし、真面目な話、このスキルは多くの人が感じていながらも言葉にしづらい問題を解決します。それは、AI のサボりです。
バグを修正するように頼むと、2、3回試しても成功せず、「手動で確認することをお勧めします」とか「この問題にはもっとコンテキストが必要かもしれません」と言い始めます。
人間の言葉に訳すと、「もうやりたくない、自分でやって」です。
PUA スキルは、この種のサボりを治療するために特別に設計されています。
デフォルトでオンにしておくことは実際にはお勧めしません。本当に解決できないときに、手動で PUA する方が良いです。
プロジェクトが何度試しても修正できない場合、/pua と入力して働かせてください。
すると、原因を探し始め、最終的に解決します。
圧力の段階は4段階あります。エージェントが同じアイデアで行き詰まり続けると、PUA が強制的に中断させ、7項目のチェックリストを実行させて思考の転換を強制します。
v3 バージョンはさらにクレイジーで、タスクの種類に基づいて自動的に方法論を選択します。Alibaba、ByteDance、Huawei、Tencent、Meituan、Pinduoduo、Baidu、Netflix、Apple、X など、十数社の方法論がすべて詰め込まれています。
残酷ですが、効果は抜群です。結果はすぐに現れます。
インストールを強くお勧めします。どうしても解決できないバグがある場合、PUA モードをオンにしてください。
5. Claude-mem
多くの人が、OpenClaw を使えば使うほど賢くなると感じています。これは本質的にメモリメカニズムによるもので、OpenClaw は Memory を直接カプセル化しています。
しかし、Claude Code や Codex にはこれまでそのような機能はありませんでした。
そこで、ある専門家が Claude-mem という専用のものを作りました。
リンク: https://github.com/thedotmack/claude-mem
これはメモリの永続性の問題を解決します。各会話から重要な情報を自動的に記録し、圧縮して、新しいセッションに関連するコンテキストを注入します。
簡単に言えば、Claude Code に OpenClaw と同様の長期記憶を与えます。
プログレッシブプレゼンテーションスキームと3層の検索メカニズムを使用します。まずインデックスで関連コンテンツがあるかどうかを確認し、次にタイムラインコンテキスト、最後に完全な詳細を取得します。これはトークンを節約するための標準的な方法です。
また、localhost:37777 で動作するローカルウェブインターフェースが付属しており、何をいつ記憶したかを正確に確認できます。非常に明確です。
プライバシー制御の設計もあります。パスワードやキーなど、記憶させたくないコンテンツがある場合は、<private> タグを追加するだけで、自動的にスキップされます。
次のように: <private>content</private>。
率直に言って、私はこの構文をほとんど使いません。少し扱いにくいと思うからです。
6. Skill-Creator
これは、私の意見では、間違いなく最も重要な Skill です。
リンク: https://claude.com/plugins/skill-creator
これを紹介するための特定の記事を書きました:
Digital Life Khazix
@Khazix0918
·
記事
Claude が Skills ジェネレーターを静かにアップデートしました。これは画期的なアップグレードです。
先週のライブ配信中に、Anthropic のスキルリポジトリが更新されていることに気づきました。クリックして入ってみると、非常に要望の多かった Skill が更新されていました。
これこそが、Skills エコシステム全体の基盤です: Skill-creator。
43
282
1.3K
詳細には触れません。一言で言えば、あなた自身のすべての Skills を構築するのを助けてくれます。
最も重要なものを最後にした理由は、私は常に、Skills の真の使い方は、自分のニーズと経験を Skills にカプセル化し、固定化することだと考えているからです。
あなた自身の Skills こそが、真に必須のものなのです。
例えば、私は開発者ではありませんが、自分でデプロイするためのサーバーを持っています。うまく管理できなかったので、サーバー管理全体の権限を Skill にし、エージェントに管理を任せました。
数日前、同僚たちの Vibe Coding が上達するにつれて、彼らもサーバーにプロジェクトをデプロイする必要が出てきました。各自がサーバーをレンタルしていたので、サーバーをアップグレードして権限管理を設定し、皆で共有できるようにすれば、費用も節約できて便利だと考えました。
設定には約10分かかりました...
同僚たちが受け取ったときのプロセスは、次のような感じでした:
今では、このサーバー管理 Skill は私たちの必須 Skill です。そうでなければ、一群の人間がサーバーの運用保守を本当に理解できないでしょうし、私たちの非常に個人的な小規模プロジェクトには、複雑なものは必要ありません。
振り返ってみると、私が推奨した5つのスキル（Frontend Design、4点セット、Web Access、PUA、Claude-Mem）は、どれほど有用であっても、一般的な問題を解決するものです。
しかし、多くのニーズに対して、GitHub リポジトリがあなたの具体的で個別化された問題を解決してくれることはありません。
それを解決できるのは、あなただけです。
だからこそ、Skill Creator を最後に置いたのです。最も重要でないからではなく、全く逆の理由です。
それは、あなたを Skills の消費者から Skills の創造者へと変えることができる唯一のものです。
最初の5つのスキルは、他の誰かがあなたのために考えた答えです。
Skill Creator は、あなた自身の答えを創造する力を与えてくれます。
最後に
かつて、誰かがスキルを持っていると言うとき、それはその人に内在するものを指していました。
プロダクトマネージャーのデータに対する洞察、デザイナーの美的感覚、プログラマーのデバッグの直感。これらは学ぶのに10年かかるかもしれませんし、奪うことはできず、その人の中にのみ存在します。
しかし今、スキルはファイルにカプセル化され、インストール、共有、コピーが可能になりました。
これは、スキルが価値を失っているように聞こえるかもしれません。
しかし、私はそうは思いません。
本当に価値を失っているのは、一般的なスキルです。Word 文書のフォーマット方法、フロントエンドコードの書き方、ウェブページの検索方法など。スキルはすでにこれらを代行してくれます。
本当に価値が高まっているのは、自分に何が必要かを知る能力です。
あなたは、自分の会社のサーバー管理プロセスがどうあるべきかを知っており、自分の記事スタイルのどの部分が魂で、どの部分が単なる飾りかを知っており、自分のワークフローのどの部分が最も厄介で自動化する価値があるかを知っています。
AI はこれらの判断を下せません。
なぜなら、AI はあなたではないからです。
ですから、正直なところ、今日推奨した6つのスキルすべてをインストールするか、いくつかを選ぶかは、どちらでも構いません。
しかし、もし一つだけ覚えておいてほしいことがあるとすれば、それはこれです:
最も強力なスキルは、常に次のもの、つまりあなた自身が構築するスキルです。
