Claude Agent Skills 入門

frontend-design プラグインと Claude Design を用いてランディングページを改善した実例。Claude Design はデザイン自動生成ツールではなく、作成済みデザインをセクション毎に視認しながら対話的に修正するツールであり、一発撮りの LP 作成なら frontend-design だけで十分だが、継続的な改善には Claude Design が有用という知見を共有。

営業チームの週報作成で HubSpot とドキュメントへの二重入力に課題を抱えていた著者が、Claude Cowork の Skill 機能とスケジュール実行を組み合わせ、毎週金曜に自動で HubSpot から案件情報・ミーティングログを取得し週報を生成する仕組みを構築。非エンジニアながらコード不要で対話だけで実装し、メンバー 1 人あたり週 30 分の作成時間を 20 分程度に短縮できる見込み。

AWS Security Hub の CSPM 有効化後、数百件の重複・ノイズアラートが発生して対応が追いつかない課題に直面。Claude の Agent Skill を構築し、古いコンテナイメージのスキャン結果を自動で Resolved に更新し、残りのアラートに対してはコードとインフラ設定を合わせて分析し人間の判断材料を提示することで、トリアージの質と効率を大幅に向上させた。

KamuiDash は GitHub アカウント作成・MCP 設定・初回デプロイでユーザーが離脱する問題に対し、Agent Skills という仕組みで Claude Code や Cursor に「正しい操作作法」を教え込むアプローチを採用。GitHub 準備・MCP 接続・デプロイ・トラブルシュートの 4 つの Skill を公開し、ドキュメントでは判断できない環境依存の分岐判定を AI エージェントに担わせることで、初心者向けの導線を実現した。