← ホームへ

Discover — 人気の拡張機能

Claude Codeをパワーアップする拡張機能を、毎日のトレンド+厳選キュレーションでお届け。

Featured

notion-mcp

🔌MCP
NotionのページをClaudeから直接読み書き

Notionデータベース・ページを直接操作。議事録保存・ナレッジ検索・日報自動化に最適。

$ claude mcp add notion -- npx -y @modelcontextprotocol/server-notion

figma-mcp

🔌MCP
FigmaのデザインをClaudeから読み取る

Figmaファイルのコンポーネント・スタイルをClaudeが理解してコードに反映。

$ claude mcp add figma -- npx -y figma-developer-mcp --figma-api-key=$FIGMA_API_KEY

aidesigner

🔌MCP
UIデザインをAIで生成するMCP(uniLinks製)

プロンプトからHTML/Tailwindデザインを一発生成。同じuniLinksファミリー製。

$ claude mcp add aidesigner

supabase-mcp

🔌MCP
SupabaseのDBをClaudeから操作

テーブル作成・クエリ実行・RLS管理をClaudeに任せられる。

$ claude mcp add supabase -- npx -y @supabase/mcp-server-supabase --access-token=$SUPABASE_ACCESS_TOKEN

Productivity

linear-mcp

🔌MCP
Linearのイシューを作成・更新

「このバグをLinearに起票して」でイシュー自動作成。サイクル・プロジェクト管理も。

$ claude mcp add linear -- npx -y @linear/mcp-server --api-key=$LINEAR_API_KEY

filesystem-mcp

🔌MCP
任意のローカルフォルダに読み書き

Claude Codeの作業範囲外のディレクトリを安全にClaudeへ公開。

$ claude mcp add filesystem -- npx -y @modelcontextprotocol/server-filesystem /path

Design

canva-mcp

🔌MCP
Canvaでデザインを自動生成・編集

バナー・SNS画像・プレゼン資料をClaudeの指示で生成。

$ claude mcp add canva

DevOps

github-mcp

🔌MCP
GitHubのリポジトリ・PR・Issueを操作

PR作成・レビュー・マージ・Issue管理をコマンド1つで。公式GitHub提供。

$ claude mcp add github -- npx -y @modelcontextprotocol/server-github --token=$GITHUB_TOKEN

cloudflare-mcp

🔌MCP
Cloudflare Workers・DNS・R2管理

DNSレコード追加・Workersデプロイ・R2操作をClaudeから。

$ claude mcp add cloudflare -- npx -y @cloudflare/mcp-server-cloudflare

pulser

🧠Skill
Skillsの品質診断CLI

SKILL.mdファイルをAnthropicベストプラクティスで8ルールチェック、自動修復も。

$ npm install -g @thestack-ai/pulser

Data

stripe-mcp

🔌MCP
Stripeの決済・顧客・商品を操作

Customer作成・Subscription管理・Webhook設定がClaudeからできる。

$ claude mcp add stripe -- npx -y @stripe/mcp-server

Communication

slack-mcp

🔌MCP
Slackチャンネルに投稿・検索

チームに通知を自動投稿・スレッドを要約してNotionに保存するフローを構築可能。

$ claude mcp add slack -- npx -y @modelcontextprotocol/server-slack