彼が毎日使っている Claude Skills 実践ガイド

AAI LABS
Computing/SoftwareAdvertising/MarketingInternet Technology

Transcript

00:00:00Claude Codeの作成者が以前 自身のワークフローをすべて公開し
00:00:04それについては すでに動画にしました
00:00:08私たちはそこから多くを学び 彼の原則を自分たちの仕事に取り入れ始めました
00:00:14しかし さらに踏み込んで 彼らのチームが日常的に使用している
00:00:21具体的なスキルやツールを探し始めました
00:00:28彼らの投稿やオープンソースのリポジトリ 公式プラグインマーケットプレイスを調べ
00:00:32実際に使用されているスキルやコマンドを抽出しました
00:00:38その中には今すぐインストールできるものもあれば チームが公開していない内部ツールもありますが
00:00:43それらが何をしているのか そして自分で構築する方法を突き止めました
00:00:47彼らが使っているスキルの一つに Claude Code用の「Frontend Designs」プラグインがあります
00:00:55これは 単純なプロンプトでデザインを変換しつつ
00:01:00UIとUXの面でそれらを強化するために開発されました
00:01:05これはオープンソースで公開されており
00:01:08リポジトリには デザイン用の特別な指示を含むスキルが含まれています
00:01:13これは公式のClaude Codeプラグインのリポジトリに直接用意されています
00:01:24基本的に このスキルの目的は AIが一般的なAI特有の美学
00:01:28つまり モデルが常に収束しがちな通常のデザインを避けるためです
00:01:39インストールプロセスは簡単で Claude Codeプラグインの
00:01:45公式マーケットプレイスから追加するだけです
00:01:52インストールされていない場合は プラグインのadd marketplaceコマンドを使用して
00:01:56そこからインストールすることができます
00:02:02リロード後 プラグインは使用可能になります
00:02:04インストールされると スラッシュコマンドを直接使って
00:02:12スキルを呼び出し 何をしたいかを指定できます
00:02:15スキルは通常 Claudeがその機能の必要性を感じた時に呼び出されるため
00:02:18Claudeが必要と判断すれば 実行中にもこのスキルがトリガーされます
00:02:26Claude Codeの背後にいるチームが日常的に使用している
00:02:30もう一つのスキルは「batch」スキルです
00:02:35このスキルは製品に直接統合されており
00:02:44ライブラリの移行や同様の操作など 並列化しやすいタスクを
00:02:48自動化するように設計されています
00:02:51Claude Code内で直接使用でき
00:02:55batchコマンドの後に指示を与えるだけでタスクを実行できます
00:03:00プロンプトを入力すると Claude Codeはまずタスクを特定し
00:03:06計画モードに入って サブタスクに分解します
00:03:10これにより 実行前に実装を徹底的に調査し 計画することができます
00:03:15Claudeのエージェントシステムは すでにタスクを細分化し
00:03:23並列実行しているのではないかと思うかもしれません
00:03:27では なぜこれが必要なのでしょうか?
00:03:32違いは batchコマンドが「別個の作業ツリー」を使用することです
00:03:40これはリポジトリの隔離されたコピーであり
00:03:45各エージェントが独自の環境で作業できるようにします
00:03:48したがって エージェントがお互いの作業に影響を与えるのを防ぎます
00:03:54計画中に生成されたプランには アプリの現在の状態や
00:03:59すべての作業の単位分割 必要な追加項目のリスト
00:04:01そしてエンドツーエンドの検証方法が含まれています
00:04:10このプランを承認すると 作業単位と同じ数のエージェントが生成され
00:04:20それぞれに専用のプロンプトが与えられ
00:04:26各エージェントが別々の作業ツリーで動作することを保証します
00:04:32各エージェントは進捗をメインエージェントに報告し
00:04:36全員がタスクを完了すると メインエージェントは
00:04:39すべての隔離された作業ツリーをメインブランチにマージします
00:04:49リモートが設定されていれば プルリクエストの管理まで可能です
00:04:55また 彼らは「code simplifier」プラグインも頻繁に使用しています
00:04:59このプラグインはオープンソースであり 自身のプロジェクトでも利用可能です
00:05:04公式プラグインのリポジトリで入手でき
00:05:08同じインストール手順で導入できます
00:05:15インストールされると インストール済みプラグインのリストに表示され
00:05:19リポジトリから直接検索してインストールすることもできます
00:05:22このプラグインは 機能を維持しながらコードを明確化します
00:05:26使用する際はプロンプトを入力し
00:05:33code simplifier内のエージェントを初期化します
00:05:39その後 単一のエージェントが生成され
00:05:49重複や不要なファイルを削除してコードベース全体を簡素化し
00:05:55コードベースをよりクリーンで管理しやすくします
00:06:01作業が完了すると 変更内容のサマリーを返します
00:06:05しかし これはClaude Code内の製品としてリリースされた
00:06:08「Claude Code Simplify」スキルに似ています
00:06:12主な違いは Simplifyが3つのエージェントを生成し
00:06:21複数の指標でコードを厳密に評価して
00:06:28よりシンプルで効果的なものにすることです
00:06:38つまり SimplifyはCode Simplifierプラグインのより徹底したバージョンであり
00:06:44チームは両方のツールを多用しています
00:06:50しかし 先に進む前に スポンサーからのお知らせです
00:06:56Airtop。毎週何時間も繰り返しの手作業に費やしているなら
00:07:02それを処理するもっと良い方法があります
00:07:10Airtopを使えば 普通の英語を使って 実際のクラウドブラウザで
00:07:1724時間365日稼働するAIエージェントを構築できます
00:07:31コードもAPIも不要です
00:07:36競合他社の監視テンプレートを設定し
00:07:44競合の3つのURLを与えて 価格の変更や新機能
00:07:51ポジショニングの更新を毎日監視するように指示しました
00:07:58毎朝 Airtopはクラウドブラウザを立ち上げ 各サイトを巡回し
00:08:06キャプチャやアンチボット対策を処理して 前日のデータと比較し
00:08:13サマリーをSlackに直接届けてくれます
00:08:21一度 10分ほどで設定すれば ノートパソコンを開く前に
00:08:26毎朝 競合他社のインテリジェンス報告を受け取れます
00:08:31数分で信頼性の高い自動化を構築しましょう
00:08:38「Code AI Labs」を使ってAirtopに登録すると スタータープランが1ヶ月無料になります
00:08:44固定コメントのリンクをクリックして Airtopで自動化を構築してください
00:08:48チームが内部的に使用しているもう一つのスキルは「Verify」スキルです
00:08:52ツイートでは言及されていませんが 流出したソースコードから
00:08:57それがAnthropicチームメンバー用の内部スキルであることがわかります
00:09:04CLIフラグで隠されており 他のユーザーは利用できません
00:09:08このスキルは アプリを実行して様々な角度から変更をテストし
00:09:12失敗を自動的に修正することで コードの変更を検証します
00:09:15これは内部的に使用されているため システムプロンプトは製品コード内にはなく
00:09:19チームの誰かが実際に使用する際に 環境に直接注入されます
00:09:23これが プロジェクト固有性が非常に高いために
00:09:28公にリリースされていない理由かもしれません
00:09:33しかし 自身のプロジェクトを構築している場合は
00:09:39Skill Creatorを使うか リポジトリをテンプレートとして
00:09:43独自のVerifyスキルを作成できます
00:09:47コードベースをスキャンして あなたのプロジェクトに合わせたVerifyスキルを生成します
00:09:52検証方法はプロジェクトによって異なります
00:09:59PlaywrightやMCP検証 テストなどを使うものもあるでしょう
00:10:07核心的なアイデアは エージェントが変更が意図通りに機能していることを
00:10:12確認する方法を持つことであり このスキルがその重労働を担います
00:10:18スキルの指示には コード変更の処理方法と
00:10:21利用可能なツールを使用した報告方法が ステップバイステップで含まれています
00:10:26また CLI.mdにはスキルがアクセスできる全CLIツールの例として
00:10:27リンターや終了コード NPMテストファイルなどが記載されています
00:10:30最適に使用するには テストケースと Claude Chrome拡張機能による
00:10:36視覚的検証を設定する必要があります
00:10:42Claude Code内に隠された Anthropicチームメンバーだけが使える
00:10:45もう一つの内部スキルは「Skillify」です
00:10:50このスキルは セッション全体をキャプチャして 再利用可能なスキルに変換します
00:10:52Verifyスキルと同様 環境フラグによって保護されています
00:10:57しかし Verifyとは異なり Skillifyのシステムプロンプトはソースコードに含まれています
00:11:01Skillifyの目的は Claudeとワークフローをブレインストーミングし
00:11:04複数の会話を通じてプロセスを洗練させたセッションを記録し
00:11:08それを再利用可能なスキルとして保存することです
00:11:12議論された反復可能なプロセスや 言及されたすべてのツールと権限
00:11:18関与したエージェントなど スキル作成に必要なすべてを特定します
00:11:20その後 ユーザーと対話して意図を明確にし ステップを分解して
00:11:23skill.mdファイルを完成させ 必要な指示をすべて含む詳細なガイドを生成します
00:11:26しかし 内部バージョンにアクセスする必要はありません
00:11:29ソースコードをガイドとして 独自のSkillifyスキルを作成できます
00:11:32呼び出されると Skillifyコマンドはセッションを徹底的に分析し
00:11:34推論が正しいかどうかを確認します
00:11:40ワークフローを明確にするためのフォローアップの質問をし
00:11:45skill.mdファイルを生成して レビューのために提供します
00:11:50ニーズに合っていることを確認したら プロジェクトに保存して
00:11:55再利用可能なスキルとして使用できます
00:11:58また 彼らが使用しているもう一つのツールは 「Claude Code Security Scan」コマンドです
00:12:00これはコードベースのスキャンを行い 脆弱性を特定して
00:12:04様々な要因に基づいたパッチを提案します
00:12:06これはチーム内で内部的に使用され 複数のセキュリティ問題を特定した後
00:12:09Claude Code内のセキュリティスキャン機能としてリリースされました
00:12:12システムプロンプトは流出したソースからアクセス可能で

Key Takeaway

Claude Code開発チームは、作業ツリーを隔離して並列実行するbatchコマンドや、セッションを再利用可能なスキルへ変換するSkillifyを活用し、開発プロセスの自動化とコード品質の担保を両立している。

Highlights

Frontend DesignsプラグインはAI特有の画一的な美学を回避し、UI/UXを自動的に強化する指示を含んでいる。

batchコマンドはリポジトリの隔離されたコピーである別個の作業ツリーを使用し、複数のエージェントが互いの作業を妨げずに並列処理を行う。

Claude Code Simplifyスキルは3つの独立したエージェントを生成し、複数の指標でコードを評価して重複や不要なファイルを削除する。

内部ツールであるVerifyスキルはアプリを実行して多角的なテストを行い、検出された失敗を自動的に修正する機能を備えている。

Skillifyコマンドは会話セッション全体を分析し、複雑なワークフローを再利用可能なskill.mdファイルとして自動生成する。

Timeline

Frontend DesignsによるUI/UXの最適化

  • Frontend Designsプラグインは標準的なAIデザインへの収束を防ぎ、ユーザーインターフェースを強化する。
  • 公式マーケットプレイスからadd marketplaceコマンドを使用して簡単にインストールできる。
  • Claudeが特定の機能の必要性を感知した際に、スラッシュコマンドを介さず自動的にトリガーされる。

AIが生成しがちな一般的で単調なデザインを避けるため、専用の指示セットが用意されている。オープンソースのリポジトリに公開されており、導入後はClaudeがデザインタスクを実行する過程でこのスキルを呼び出す。特定のデザインルールを適用することで、プロンプトひとつでUXの質を高めることが可能となる。

batchコマンドによる並列処理と作業の隔離

  • batchスキルはライブラリの移行など、並列化可能な大規模タスクを自動化する。
  • 作業ツリーの隔離により、各エージェントが独立した環境でコードを編集し、競合を防止する。
  • メインエージェントは各作業の完了を待ってから、すべての変更をメインブランチにマージする。

タスクはまず計画モードでサブタスクに分解され、それぞれの単位に対して専用のプロンプトを持つエージェントが割り当てられる。リポジトリのコピーを使用するため、一つのエージェントの失敗が全体に波及しない。リモート設定がある場合は、プルリクエストの作成まで自動で管理される。

コードの簡素化とSimplifyスキルの多層評価

  • Code Simplifierは重複コードや不要なファイルを削除し、コードベースをクリーンに保つ。
  • 製品版のSimplifyスキルは3つのエージェントを生成して多角的なコード評価を行う。
  • 変更完了後には、簡素化された内容のサマリーが即座に提示される。

開発チームはオープンソース版のプラグインと、より徹底的な評価を行う製品版のスキルの両方を使い分けている。エージェントが初期化されると、機能維持を前提としたリファクタリングが全域で行われる。管理しやすいコードベースを維持するための重労働をAIが肩代わりする仕組みとなっている。

内部ツールVerifyとSkillifyによる品質管理と自動化

  • 内部専用のVerifyスキルは、変更内容を実際にテストして失敗を自動修復する。
  • Skillifyは対話セッションから反復可能なプロセスを抽出し、新しいスキル定義ファイルを生成する。
  • 環境フラグで保護された機能であっても、ソースコードを参考に独自のカスタムスキルとして構築できる。

Verifyはプロジェクト固有のリンターやテストファイルをスキャンし、視覚的検証まで含めた高度なチェックを行う。一方、SkillifyはClaudeとのブレインストーミング結果を保存可能な資産に変え、手動での指示作成の手間を省く。これらのツールにより、個別の開発環境に最適化された自動化ワークフローが構築されている。

セキュリティスキャンによる脆弱性の特定と修正

  • Security Scanコマンドはコードベース全体の脆弱性を検出し、適切なパッチを提案する。
  • チーム内での運用実績を経て、公式のセキュリティスキャン機能として統合された。

システムプロンプトの解析により、複数の要因に基づいた高度なパッチ提案が行われることが判明している。内部での実証実験を通じて有効性が確認された後、標準機能としてリリースされた背景がある。

Community Posts

View all posts