Claudeスキル・MCP
-
自分だけのMCPサーバーをPythonで作る:FastMCPで5ステップ、ClaudeとCursorに自社APIをつなぐ完全ガイド
PythonのFastMCPライブラリを使って5ステップでMCPサーバーを自作し、ClaudeやCursorに社内APIを繋げる方法を解説。ツール・リソース・プロンプトの使い分け、stdio vs Streamable HTTPの選択基準もカバー。
-
DESIGN.md とは──AIにブランドを守らせるデザイン仕様ファイル(Google Labs)の役割と作り方
AIにUIを生成させる際、自社の配色・タイポ・余白を毎回守らせる仕様ファイルDESIGN.md(Google Labs製・OSS)。YAML+Markdownの構造、CLIでの自己検証、作り方を詳しく解説。
-
Anthropicが明かすClaude Codeスキル『9つの型』──本当に効くスキルの作り方
Anthropicが社内で数百個運用するClaude Codeスキルの9分類と『1スキル1役割』原則、最重要の検証スキルまで、本当に効くスキルの作り方を解説。
-
Claude Code Hooks入門:編集後の自動フォーマット・危険コマンドのブロック・テスト自動実行まで
Claude Codeのhooks機能を使えば、ファイル編集後の自動lint・危険なコマンドのブロック・セッション終了時のテスト実行など、AIコーディングのワークフローをシェルスクリプトで確実に自動化できます。settings.jsonへの書き方から実用パターン5選まで解説します。
-
MCP(Model Context Protocol)とは:AIと外部ツールをつなぐ共通規格
Anthropicが2024年11月に公開したオープン標準MCPを入門解説。「AIのUSB-C」と呼ばれる理由、クライアント/サーバーの仕組み、OpenAI・Google採用やLinux Foundation移管まで。
-
Claude Code と「Routines」:AIエージェントを毎朝自動で動かす
Anthropicのエージェント型コーディングツールClaude Codeと、2026年4月登場の「Routines」を解説。スケジュール/API/GitHubイベントで起動する“エージェント版cron”の仕組みと活用例。
-
React SpectrumをAIに正しく使わせる:MCPサーバーとスキルの接続手順
Cursor・Claude・VS Code等にReact Spectrumの公式MCPサーバーとAgent Skillを接続し、AIに正確なUIコードを書かせる手順をまとめました。
-
React Spectrum入門:Adobeのアクセシブルなデザインシステムを使う
Adobe製のReact向けデザインシステムReact Spectrum。3つのレイヤー・主な特徴・最小構成の使い方を、はじめての人向けにまとめました。
-
便利MCP10選:Claudeを外部ツールにつなぐ定番コネクター
Claudeを外部ツールにつなぐMCP。まず入れて間違いない定番10個を、用途と選び方とあわせて図解で紹介します。
-
Claudeスキル入門:仕組み・導入方法・社内での活かし方
繰り返す指示をSKILL.mdにまとめるだけ。Claudeのスキルの仕組み・導入方法・社内での活かし方を図解で解説します。