Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AIエージェントにおけるSkillの今 / Skills in AI Agents Today

Avatar for kgsi kgsi
May 28, 2026

AIエージェントにおけるSkillの今 / Skills in AI Agents Today

オンラインイベント「ClaudeCamp|あなたのClaudeが10倍強くなるSkill活用術」の登壇の際に使った資料です(補正済み)。
https://youtrust.jp/lp/claudecamp_skill_online

Avatar for kgsi

kgsi

May 28, 2026

More Decks by kgsi

Other Decks in Technology

Transcript

  1. https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md --- name: frontend-design description: 高品質なデザインで、個性のある本番品質のフロントエンドUIを作 成するスキル。Webコンポーネント、ページ、成果物、ポスター、アプリケーショ ンの作成を依頼されたときに使う。例として、Webサイト、ランディングページ、 ダッシュボード、Reactコンポーネント、HTML/CSSレイアウト、または既存UIの スタイリングや美化など。ありきたりなAI生成風の見た目を避け、創造的で洗練さ

    れたコードとUIデザインを生成する。 license: 詳細な利用条件は LICENSE.txt を参照 --- このスキルは、ありきたりな「AIっぽい雑な見た目」を避け、個性のある本番品質 のフロントエンドUIを作成するための指針を提供します。美的な細部と創造的な 判断に十分注意を払い、実際に動作するコードを実装します。 ユーザーは、作成したいフロントエンドの要件を提示します。対象はコンポーネン ト、ページ、アプリケーション、またはその他のインターフェースです。目的、想定 ユーザー、技術的な制約などの文脈が含まれる場合もあります。 https://github.com/pbakaus/impeccable/blob/main/.cursor/skills/impeccable/SKILL.md --- name: impeccable description: ユーザーがフロントエンドUIの設計、再設計、方向づけ、批評、監 査、磨き込み、明確化、蒸留、堅牢化、最適化、適応、アニメーション化、配色、 抽出、その他の改善を求めているときに使う。対象はWebサイト、ランディング ページ、ダッシュボード、プロダクトUI、アプリの外枠、コンポーネント、フォー ム、設定画面、オンボーディング、空状態など。UXレビュー、視覚階層、情報設 計、認知負荷、アクセシビリティ、パフォーマンス、レスポンシブ挙動、テーマ設 計、アンチパターン、タイポグラフィ、フォント、余白、レイアウト、整列、色、モー ション、マイクロインタラクション、UXライティング、エラー状態、エッジケース、 i18n、再利用可能なデザインシステムやトークンまで扱う。地味なデザインをより 大胆で楽しいものにしたいとき、派手なデザインを落ち着かせたいとき、ブラウザ 上でUI要素を反復調整したいとき、技術的に並外れて感じられる野心的な視覚効 果を作りたいときにも使う。バックエンドのみ、またはUI以外のタスクには使わな い。 version: 3.1.1 license: Apache 2.0。Anthropic の frontend-design skill をベースにしてい る。帰属表示は NOTICE.md を参照。 --- 本番品質のフロントエンドUIを設計し、反復改善する。実際に動作するコード、明 確なデザイン判断、した作り 込み。