AIの「スキル」って結局なに？ CLAUDE.mdとの使い分けと、人気のスキル2つ

お店のルールも、ページの作り方も、メールの書き方も、ぜんぶ CLAUDE.md に書いた。1,200行。なのにAIは、お店の色を守らず、メールの決まりの一文も忘れる――「もっと大きな字で『絶対に守れ』と書けばいい？」 ずんだもんと四国めたんが、AIに作業ごとの手順書を持たせる「スキル（Agent Skills）」を解説します。CLAUDE.md は毎回まるごと読まれ、長いほど指示が守られにくくなります。CLAUDE.md・スキル・MCP・フックの使い分け、Codex との違い、OpenAI の使い方、他人のスキルを入れる前に中身を読む理由、今日からできる4つの手順までまとめます。 ▼ チャプター 0:00 AIが言うことを聞かない！ 1:34 書きすぎると、なぜ守らないの？ 2:45 スキルの仕組み：3段階で読む 4:34 説明文が、いちばん大事 5:16 実際のスキル① frontend-design 6:40 実際のスキル② ui-ux-pro-max 7:45 CLAUDE.md・スキル・MCP・フックの使い分け 8:49 OpenAIは、こう使っている 9:23 注意点：中身を読んでから入れる 10:29 今日からできる4つのこと 10:58 まとめ ▼ 出典・参考 ・Anthropic「Extend Claude with skills」Claude Code Docs（2026年10月8日閲覧）https://code.claude.com/docs/en/skills ・Anthropic「How Claude remembers your project」Claude Code Docs（2026年10月8日閲覧）https://code.claude.com/docs/en/memory ・Anthropic「Extend Claude Code」Claude Code Docs（2026年10月8日閲覧）https://code.claude.com/docs/en/featu... ・Anthropic「Equipping agents for the real world with Agent Skills」（2025年10月16日、12月18日に追記）https://www.anthropic.com/engineering... ・Agent Skills「Specification」（2026年10月8日閲覧）https://agentskills.io/specification ・Anthropic「Skill authoring best practices」Claude Platform Docs（2026年10月8日閲覧）https://platform.claude.com/docs/en/a... ・Anthropic「Improving frontend design through Skills」Claude Blog（2025年11月12日）https://claude.com/blog/improving-fro... ・Anthropic「Steering Claude Code: when to use CLAUDE.md, skills, hooks, and subagents」Claude Blog（2026年6月18日）https://claude.com/blog/steering-clau... ・Anthropic「frontend-design」SKILL.md（anthropics/skills、2026年9月3日更新、Apache 2.0）https://github.com/anthropics/skills/... ・nextlevelbuilder「UI UX Pro Max」GitHub（v2.15.0 は2026年8月13日、MIT、2026年10月8日閲覧）https://github.com/nextlevelbuilder/u... ・OpenAI「Build skills」Codex Docs（2026年10月8日閲覧）https://developers.openai.com/codex/s... ・OpenAI「Using skills to accelerate OSS maintenance」（2026年3月9日）https://developers.openai.com/blog/sk... ・OpenAI「Rethinking skills and prompts for GPT-6 Astra」（2026年9月11日）https://developers.openai.com/blog/re... ・Snyk「ToxicSkills: Malicious AI Agent Skills」（2026年2月5日）https://snyk.io/blog/toxicskills-mali... ・skills.sh（スキルの一覧サイト。インストール数は2026年10月8日閲覧）https://skills.sh ・Agent Skills「Overview」（対応製品の一覧、2026年10月8日閲覧）https://agentskills.io/home ※ 作中の「ずんだ餅ショップ」の CLAUDE.md（1,200行）、スキル（shop-page など）、AIとのやりとり、ページの画面、「80行に短くした」はイメージです。 ※ frontend-design（Anthropic、Apache 2.0）と ui-ux-pro-max（nextlevelbuilder、MIT）の中身は、2026年10月8日時点の SKILL.md・README によります。ui-ux-pro-max の検索の例は、公式の README にある例（エステのお店）を日本語にしたものです。 ※ インストール数（frontend-design 約96万回・ui-ux-pro-max 約39万回）はスキルの一覧サイト skills.sh、GitHub の星の数は GitHub の、2026年10月8日の数字です。人気の目安で、品質や安全を保証するものではありません。 ※ 「取りこんだ変更 316件→457件」は OpenAI の発表（2026年3月、自社の数字）、「3,984個のうち13.4%に重大な問題・76個は悪意あり」は Snyk の調査（2026年2月、対象の多くは ClawHub）です。独立した検証は見つけていません。 ※ Claude Code・Codex の仕様（CLAUDE.md の目安、スキルの一覧の上限など）は、2026年10月8日時点の公式ドキュメントによります。今後変わることがあります。 ※ ロボットやページのイラストはイメージで、特定の会社の製品やロゴとは関係ありません。 ▼ クレジット 音声: VOICEVOX:ずんだもん / VOICEVOX:四国めたん 立ち絵: 坂本アヒル 様 イラスト: OpenAI Codex の画像生成で作成 アイコン: Phosphor Icons（MIT License） フォント: M PLUS Rounded 1c / Dela Gothic One / M PLUS 1 Code（SIL Open Font License） 効果音・BGM: オリジナル #ずんだもん #四国めたん #AI解説 #生成AI #AgentSkills #スキル #ClaudeCode #Codex #CLAUDEmd #UIデザイン