mcpField

Skills

エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。

デザイン・UI

M
mobile-design-ios
mobile-design-ios
ivan-magda / mobile-design-skills

ユーザーが iOS 画面、SwiftUI ビュー、UIKit レイアウト、モバイルコンポーネント、または任意の iOS アプリ UI の構築を求めたときに使用。任意の iOS インターフェースのスタイリング、再設計、美化にも使用。iOS 26 Liquid Glass デザイン言語、階層、モーション、プラットフォームネイティブのパターンを扱う。

デザイン・UI58
N
nativewind
nativewind
dralgorhythm / claude-agentic-framework

React Native 向けの NativeWind 4.x スタイリング。RN コンポーネントに Tailwind クラスを適用するとき、NativeWind を構成するとき、または Web の Tailwind パターンをモバイルに変換するときに使う。

デザイン・UI58
N
nerdzao-elite-gemini-high
nerdzao-elite-gemini-high
sickn33 / agentic-awesome-skills

Modo Elite Coder + UX Pixel-Perfect otimizado especificamente para Gemini 3.1 Pro High. Workflow completo com foco em qualidade máxima e eficiência de tokens.

開発58
P
persona-gen
persona-gen
emotixco / claude-skills-founder

異なるユーザーペルソナを 3 つ作成します。ある一日の過ごし方、引用可能な課題、現在の回避策、購買行動、誰を最初の対象にするかを示す優先順位マトリックスを含めます。創業者が顧客像を決定または説明する必要がある場合に使用します。

デザイン・UI58
P
power-bi-themes
power-bi-themes
julianobarbosa / claude-code-skills

pbi-cli を使って Power BI レポートのテーマと条件付き書式ルールを適用・検査・比較する。ユーザーが "theme"、"colours"、"colors"、"branding"、"dark mode"、"corporate theme"、"styling"、"conditional formatting"、"colour scale"、"gradient"、"data bars"、"background colour"、"formatting rules"、"visual formatting" に言及したとき、またはレポート全体の見た目を変更したい、特定のビジュアルにデータドリブンの書式を適用したいときに、この skill を呼び出す。

デザイン・UI58
P
prototype
prototype
paololeonardi / mattpocock-skills

設計上の疑問に答えるための使い捨てプロトタイプを構築する。ユーザーが状態モデルやロジックが適切かどうかを検証したい場合、または UI がどのようになるべきかを探索したい場合に使用

開発58
R
react-component-generator
react-component-generator
jeremylongshore / tons-of-skills-marketplace

'React コンポーネントジェネレーターの操作を生成します。自動アクティベートスキル

開発58
R
react-email

React コンポーネントで HTML メールテンプレートを作成するときに使用 — ウェルカムメール、パスワードリセット、通知、注文確認、ニュースレター、トランザクションメール。

開発58
R
react
react
magnus919 / agent-skills

React アプリケーションを名前付きツールとして操作する:React/Vite プロジェクトの調査と診断、コンポーネント境界と状態フローの設計、アクセシブルなレスポンシブ UI の実装、プロジェクトのテストによる動作検証を行う。タスクが React、JSX/TSX、React hooks、React Router、Vite React 構成、React ビルド失敗を明示的に含む場合に使用する。フレームワーク非依存のフロントエンド戦略(frontend-engineering にルーティング)、ブラウザ自動化(playwright にルーティング)、アクセシビリティポリシーや監査(web-accessibility にルーティング)、React 以外のモバイルアプリ(mobile-development にルーティング)には使用しない。

開発58
R
roblox-gui
roblox-gui
flatbedj / roblox-skills

HUD、メニュー、ワールド空間UI、プレイヤーラベルなど、Roblox GUI要素の構築、アニメーション作成、デバッグ時に使用します。ScreenGuiの設定、SurfaceGuiまたはBillboardGuiの配置、UDim2のサイズに関する質問、TweenServiceによるUIアニメーション、レスポンシブな拡大縮小、LocalScriptのGUIロジック、ResetOnSpawnの問題、Frame/TextLabel/ImageButtonのレイアウト作業が対象です。

デザイン・UI58
S
shortcut-audit
shortcut-audit
xiaolai / vmark

VMark のコードと開発ドキュメントのキーボードショートカットを監査する。ショートカットのレビュー、突合、最適化を求められたとき、またはショートカットのドキュメントを更新するときに使用する。

テスト・品質58
S
slidej
slidej
h4pplness / slidej

ユーザーが JSON からアニメーション、トランジション、要素の精密な制御を備えた PowerPoint プレゼンテーションを作成したい場合、または既存の .pptx を構造化 JSON に逆解析したい場合にこのスキルを使用する。SlideJ は JSON から .pptx を生成し、.pptx を JSON に解析し直す CLI で、完全なラウンドトリップワークフローを実現する。トリガー:アニメーション付きスライドを求めている、'slidej' に言及している、読み取りや編集のために .pptx を JSON に変換する必要がある、要素レベルのアニメーション制御(fadeIn、flyIn、zoom、spin、wipe など)を求める、プログラムによるスライド生成パイプラインが必要。ユーザーが .pptx をアップロードし、その構造を理解したい、変更したい、または変更を加えて再作成したい場合にもトリガー。

ドキュメント58
S
stitch-loop
stitch-loop
sickn33 / agentic-awesome-skills

自律的なバトンパスループ方式で、エージェントが Stitch を使ってウェブサイトを反復的に構築する方法を教えます

デザイン・UI58
S
storyscale
storyscale
membranedev / application-skills

StoryScale 統合。データとレコードを管理し、ワークフローを自動化。ユーザーが StoryScale データを操作したい場合に使用。

開発58
S
svg-book-illustrator
svg-book-illustrator
cat-xierluo / legal-skills

書籍・記事向けの SVG 挿絵生成ツールで、アーキテクチャ図、フローチャート、階層図などの専門的な技術挿絵に特化する。ユーザーが書籍の章や正式な記事の挿絵を生成する、アーキテクチャ図/フローチャート/階層図を作成する、または「章节配图」「书籍插图」「架构图」「流程图」に言及した場合にこの skill を使用する。

デザイン・UI58
S
syncfusion-javascript-accordion
syncfusion-javascript-accordion
syncfusion / javascript-ui-controls-skills

Syncfusion TypeScript Accordion コンポーネントで折りたたみ可能なナビゲーションパネルを構築します。垂直アコーディオンメニュー、コンテンツパネルの展開/折りたたみ、多段階ウィザード、動的コンテンツを伴うデータ駆動型パネル、タブナビゲーションの代替、ネストされた階層型コンテンツ構造を実装する場合にこの skill を使用します。初期化、展開モード、アニメーション、アイコン、テンプレート、スタイル設定、データバインディング、フォームウィザードなどの高度なユースケースを扱います。

デザイン・UI58
S
syncfusion-javascript-image-editor
syncfusion-javascript-image-editor
syncfusion / javascript-ui-controls-skills

画像編集、注釈、操作のための Syncfusion TypeScript Image Editor コントロールを実装する。ユーザーが TypeScript アプリに画像編集機能を追加したり、フィルター、変換、切り抜き、描画機能を扱う必要がある場合に使用する。セットアップ、画像操作、注釈、フィルター、アクセシビリティ、カスタマイズパターンを扱う。

開発58
S
syncfusion-javascript-listview
syncfusion-javascript-listview
syncfusion / javascript-ui-controls-skills

Syncfusion TypeScript でレスポンシブな ListView コンポーネントを構築します。リストベースのインターフェース、データバインディング、テンプレート、選択処理、ネストされたリスト、グループ化、フィルタリング、仮想化、ドラッグ&ドロップやページングなどの高度な機能を扱う場合にこの skill を実装します。単一/複数選択、チェックボックス、アニメーション、リモートデータバインディング、カスタムテンプレート、チャットウィンドウ、連絡先リスト、データテーブルなどのユースケースを扱います。

デザイン・UI58
S
syncfusion-javascript-menu
syncfusion-javascript-menu
syncfusion / javascript-ui-controls-skills

ナビゲーション階層を構築する際に、Syncfusion Menu で多階層のネストされた項目、データバインディング、アニメーション、イベント処理を実装します。水平・垂直方向、スクロール可能なメニュー、アクセシビリティ、リアルタイムの項目管理をサポートします。

デザイン・UI58
S
syncfusion-winforms-excel-like-tabbar-splitter
syncfusion-winforms-excel-like-tabbar-splitter
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションでワークブックのようなタブ付きインターフェイスを作成するための Syncfusion TabBarSplitterControl の実装ガイド。Windows Forms で Excel のようなタブ、スプリッター付きのタブページ、複数シートのインターフェイスを実装する際にこの skill を使用する。NuGet のインストール、TabBarPage の管理、プログラムによる作成、子コントロールの統合を扱う。

開発58
S
syncfusion-winforms-splitter-control
syncfusion-winforms-splitter-control
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで拆分ビューとサイズ変更可能なペインを作成するための Syncfusion SplitterControl の実装ガイド。拆分ビュー、サイズ変更可能なペイン、グリッドの分割、複数ビュー間の同期スクロールを実装する際にこの skill を使用する。NuGet のインストール、プログラムによる作成、拆分動作の構成、子コントロールの統合を扱う。

開発58
T
tailwindcss
tailwindcss
marcioaltoe / skills

Tailwind CSS v4 とプロジェクトトークンを使用してコンポーネントをスタイリングします。プレーン CSS、CSS-in-JS、その他のユーティリティフレームワークは対象外です。

デザイン・UI58
T
taste-color
taste-color
madebymustafa / design-taste

エージェントが構築するインターフェースのカラー設計:OKLCH でのパレット構築、60-30-10 のルール、アクセントカラーを一色にする原則、WCAG 2.2 のコントラスト計算、セマンティックトークン、色覚多様性に配慮した配色、ダークモードへの対応。色の選定、パレットの構築、UI の配色レビューに使用します。design-taste コアスキルと組み合わせて使用します。

デザイン・UI58
T
theme-shopify-css-guidelines
theme-shopify-css-guidelines
niccos-shopify-workspace / shopify-cursor-skills

Shopify テーマ向けの CSS 命名規則(BEM)、ネストのルール、カプセル化のガイドライン。Shopify テーマのセクション用に CSS を書くときに使用する。

デザイン・UI58
U
ui-actions-policies
ui-actions-policies
serac-labs / serac

ServiceNow UI Actions(フォーム/リストボタン、コンテキストメニュー)と UI Policies(条件付き必須/表示/読み取り専用)を、サーバー/クライアントスクリプトと GlideAjax で構築する。フォームを変更する前に snow_analyze_form を使用する。

開発58
U
ui-uitk
ui-uitk
unity-technologies / unity-agent-plugin

flex レイアウトを用いた Unity UI Toolkit の UXML と USS を理解・編集・生成する。UI Toolkit、UIElements、UIDocument、PanelSettings、カスタム要素、UI ランタイムバインディングに関するリクエストで使用する。

デザイン・UI58
U
unsplash-asset-images
unsplash-asset-images
akillness / jeo-skills

製品・デザイン素材(アバター、顔写真、ポートレート、大型ウェブサイトの背景、抽象的な壁紙)向けに高品質な Unsplash 画像を選び、実際の Unsplash URL と、適切な解像度やアスペクト比(1:1、4:5、3:4、16:9、9:16)にするための実用的な手順を提示する場合に使用します。

デザイン・UI58
U
ux-copy
ux-copy
sickn33 / agentic-awesome-skills

カジュアルだが丁寧な Precios とトーンに沿って UX マイクロコピー(ボタンラベル、エラーメッセージ、空の状態、toast)を生成します

デザイン・UI58
V
video-to-superprompt
video-to-superprompt
akillness / jeo-skills

参考動画を、非常に詳細な再現用または着想用のプロンプトに変換します。ユーザーが動画を提供、言及、アップロード、リンク、または指し示し、デザイン、UI、アニメーション、トランジション、スクロール操作、タイポグラフィ、色、アセット、WebGL/Three.js、ストーリーテリング、セクションごとの動作の分析、またはページ、アプリ、インタラクション、モーションシステムを再現するプロンプト/記事の作成を求めた場合に使用します。

デザイン・UI58
V
visual-inspection-improvement
visual-inspection-improvement
jord-jd / jord-skills

キャプチャしたユーザー向け状態を用いて視覚的表現を検査・改善する。インターフェース、アセット、レンダリング出力の視覚的レビューや改善を求められたときに使用する。

デザイン・UI58
V
visualization
visualization
aws-samples / sample-strands-agent-with-agentcore

アプリ内のインタラクティブなチャート(棒、折れ線、円)を作成します。保存した PNG や PDF が必要な場合は、代わりに visual-design を使用してください。

データ・データベース58
W
wearos-specialist
wearos-specialist
gitdolucas / wearos-specialist

Wear OS に特化した実装・レビュー・デバッグのガイダンス(Kotlin、Jetpack Compose for Wear OS、coroutines/Flow、MVVM、Room/DataStore、ナビゲーション、タイル/コンプリケーション、センサー、ハプティクス)。スマートウォッチアプリの構築やレビュー、ウェアラブルの UX 改善、時計のパフォーマンス/バッテリー/ライフサイクル問題への対応に使用。

開発58
W
web-design-guidelines
web-design-guidelines
duc01226 / easyplatform

[Code Quality] アクセシビリティ、レスポンシブ対応、パフォーマンス、UX のベストプラクティスについて UI コードをレビューするときに使う。

デザイン・UI58
W
widgets-state-security-distribution
widgets-state-security-distribution
josiahsiegel / claude-plugin-marketplace

ユーザーが TUI ウィジェット、フォーム、ダイアログ、テーブル、ツリー、チャート、コマンドパレット、分割ペイン、スクロールバー、検証、状態管理、Elm/MVU アーキテクチャ、非同期メッセージパッシング、構成、パッケージング、配布、ターミナルセキュリティ、エスケープシーケンス注入、ペーストのサニタイズ、本番向けの堅牢化について尋ねたときに、この skill を使用する。次の場合に積極的に有効化する:ウィジェット設計、検証、仮想スクロール、構成/キーバインドファイル、XDG パス、パッケージング、安全なターミナル出力、リリース準備。提供するもの:ウィジェットの契約、状態パターン、構成、セキュリティ、配布のチェックリスト。

開発58
W
wp-theme-dev
wp-theme-dev
wpacademy / wordpress-dev-skills

WordPress 公式のコーディング標準、テーマレビュー要件、アクセシビリティ標準(WCAG 2.1 AA)、現代の Web 開発ベストプラクティスに従って WordPress テーマを開発する。ユーザーが WordPress テーマの作成、雛形生成、開発を望む場合にこの skill を使用する。ブロック(FSE)テーマ、クラシックテーマ、子テーマ、ハイブリッドテーマを含む。ユーザーが "WordPress theme"、"WP theme"、"block theme"、"FSE theme"、"theme.json"、"template parts"、"style variations"、"child theme" に言及した場合や、WordPress 向けのカスタムデザイン/レイアウトを構築したい場合にも発動する。ユーザーが "build me a theme for X" や "I need a theme" と言っただけでもこの skill を使用する。

開発58
X
xhs-cover
xhs-cover
chenxiachan / xhs-claude-skills

小紅書のカバー画像を生成する(HTML+CSS → Playwright スクリーンショット)

デザイン・UI58
A
accessibility
accessibility
exceptionless / exceptionless

フロントエンドコンポーネントのアクセシビリティ準拠を構築またはレビューするときにこのスキルを使用する。セマンティック HTML、キーボードナビゲーション、ARIA パターン、フォーカス管理、スクリーンリーダー対応、フォームのアクセシビリティなど WCAG 2.2 AA 基準を扱う。新しい UI コンポーネントの作成、アクセシビリティのバグ修正、スキップリンクやフォーカストラップの追加、包括的なマークアップの確保に適用する——ユーザーが "a11y" や "WCAG" に明示的に言及していなくても。

デザイン・UI57
A
agent-workspace
agent-workspace
serac-labs / serac

ServiceNow Agent Workspace の構成を構築する — ワークスペース、リスト、フォーム、コンテキストサイドパネル、Agent Assist の類似レコード検索、および sys_aw_* テーブル上のワークスペース固有の UI アクション。

デザイン・UI57
A
ai-design-workflow
ai-design-workflow
flitzrrr / frontend-design-skills

デザインプロセスへの AI ツールの統合、デザイナー向けの構造化プロンプティング、明確な境界を伴う創造的な AI 活用、レビューのワークフロー。

デザイン・UI57
A
ai-native-product-designer
ai-native-product-designer
slb2248 / ai-ux-skills

AI Native Product Designer の役割 — LLM ファーストのワークフロー、AI コードプロトタイピング、Figma をゴール地点とする進め方、セルフサーブのリサーチ、アウトカムのオーナーシップ。レベル設定、ワークフロー設計、AI 準備状況レビューに使用します。クイックリファレンス、完全な評価ルーブリックの付録、チェックリスト、役割の比較を含みます。

デザイン・UI57
A
android-native-ui
android-native-ui
kemiljk / skills

Compose または Views で Android インターフェースを構築またはレビューします。Material の規約、アクセシビリティ、アダプティブレイアウト、状態を扱います。

デザイン・UI57
A
apple-design-interaction
apple-design-interaction
s1gmamale1 / apple-design-skills

Apple スタイルのインターフェースがどう「振る舞う」べきかを決めるときに使用 — 見た目ではなく機能的な UX/インタラクションのロジック。ナビゲーションモデルの決定(push と sheet と modal と tab と popover と split-view と full-screen、戻る動作、ディープリンク、状態の復元)、状態とフィードバックの挙動(ローディング/スケルトンのタイミング、空/エラー/無効の状態、楽観的 UI、pull-to-refresh、ページネーション)、体感パフォーマンスのルール(レイテンシのしきい値、即時フィードバック、プリフェッチ、プログレッシブローディング)、入力/フォーカス/キーボード/ポインターの処理とヒットターゲットのアフォーダンス、そしてスクロールを入力とする決定(シネマティックスクロールが役立つときと害になるとき、スクロールのアフォーダンス、モメンタム、慣性、scroll-jacking の禁止、スクロール駆動の UX 判断)。apple-design ファミリーの一部。キーワード:navigation model、push pop、sheet vs modal、tab bar、back behavior、deep link、state restoration、loading state、skeleton、empty state、optimistic UI、pull to refresh、perceived performance、latency threshold、prefetch、focus order、keyboard navigation、hit target、affordance、pointer vs touch、scroll as input、scroll affordance、momentum、inertia、scroll-jacking、when cinematic scroll、scroll-driven UX decision。

デザイン・UI57
A
apply-ui-review
apply-ui-review
xgent-ai / skills

UI 受け入れレビュー報告に基づく UI の差分修正に使用します。初回の UI レビュー、コードレビューへの対応、報告書のない UI 開発には使用しません。スクリーンショットと目標を項目ごとに照合して確認してから修正し、自己チェックします。停滞の警告が出た場合は方針を見直し、提出内容を記録してレビューに戻します。

デザイン・UI57
A
atomic-design-quarks

デザイントークン、CSS カスタムプロパティ、アトムの下層となる基盤を成すプリミティブ値に取り組むときに使用する。Quark はサブアトミックな構成要素である。

デザイン・UI57
A
audit-reference-originality
audit-reference-originality
akillness / jeo-skills

提供された参照資料と照合し、ウェブサイトやデジタル体験の独自性と盗用リスクを監査します。Codex が現在または過去のサイト出力を参照ページ、キャプチャ一式、スクリーンショット、コピー、ブランド、数値、画像、アセット、動画、レイアウト、動き、コードと比較し、根拠に基づく懸念点を挙げ、一般的なビジュアル表現と特徴的な模倣を区別し、根拠のない法的主張を避けながら具体的な修正案を提案する場合に使用します。

テスト・品質57
B
baseline-ui
baseline-ui
marcioaltoe / skills

余白、階層、タイポグラフィ、細かなレイアウトの問題を修正し、UI コードをすばやく整えます。インターフェースを手早く整理・仕上げる必要がある場合に使用します。

デザイン・UI57
B
brand-identity
brand-identity
dhernz / brand-identity

ブランド、ブランドキット、デザインシステム、ビジュアルアイデンティティ、プロダクトアイデンティティをゼロから作成したい場合に使用 — "I need a brand"、"help me brand my product"、"pick colors and fonts for me"、"make it look professional" — 特に既存のブランド資産を持たない非技術者・非デザイナーに適する。

デザイン・UI57
B
brand-kit
brand-kit
cognyai / claude-code-marketing-skills

ユーザーのプロダクト向けに、他のスキル(動画、広告クリエイティブ、ランディングページ)が利用できる可搬性のある brand-kit.json を構築する——色、タイポグラフィ、トーン。複数の探索経路を用意し、サイトのソースコードにアクセスできる場合でも、公開 URL しかない場合でも、ロゴ画像だけの場合でも機能する。

デザイン・UI57
B
building-native-ui
building-native-ui
midudev / autoskills

Expo Router で美しいアプリを構築するための完全ガイド。基礎、スタイリング、コンポーネント、ナビゲーション、アニメーション、パターン、ネイティブタブを扱います。

デザイン・UI57
C
certificate-generator
certificate-generator
dkyazzentwatwa / chatgpt-skills

コース、実績、賞に向けたカスタマイズ可能なテンプレートで専門的な証明書を一括作成する。CSV 入力と PDF 出力に対応。

ドキュメント57
C
character-reference-sheet
character-reference-sheet
shinchven / nano-banana-skills

3:2 のアスペクト比のキャラクター参照シートを生成する。3 つの列(詳細なポートレート、全身の正面図、全身の背面図)で構成され、元のスタイルとマテリアルのディテールを正確に再現する。

クリエイティブ・メディア57
C
clerk-custom-ui
clerk-custom-ui
midudev / autoskills

カスタム認証フローとコンポーネントの外観 — フック(useSignIn、

デザイン・UI57
C
codebase-to-wordpress-converter
codebase-to-wordpress-converter
sickn33 / agentic-awesome-skills

あらゆるコードベース(React/HTML/Next.js)をピクセルパーフェクトで SEO 最適化された動的な WordPress テーマに変換するためのエキスパートスキル。

開発57
C
color-palette-extractor
color-palette-extractor
dkyazzentwatwa / chatgpt-skills

画像から主要な色を抽出し、カラーパレットを生成して、K-means クラスタリングで CSS、JSON、ASE としてエクスポートする。

デザイン・UI57
C
creative-director
creative-director
kelpi-ai / meta-ads-skills

承認されたアングルを完成したブランド準拠の広告画像に仕上げ、広告アカウントの画像ライブラリに格納します。Angle Writer の後、Media Buyer の前に使用します。

マーケティング・グロース57
D
design-frontend
design-frontend
ravnhq / ai-toolkit

Web UI 向けのビジュアルデザインシステムパターン。Tailwind CSS v4 のデザイントークン

デザイン・UI57
D
design-integration
design-integration
noobygains / godmode

既存のデザインシステム(shadcn/ui、Material UI、Ant Design、Chakra など)を採用したコードベースで作業するとき、プロジェクトがどのシステムを使っているかを特定する必要があるとき、またはデザインシステムを持たないプロジェクトに導入するときに使用する。

デザイン・UI57
D
design-system-generator
design-system-generator
thienanblog / awesome-ai-agent-skills

トークン、コンポーネント、アクセシビリティ、モーション、視覚的検証を網羅するプロジェクトのデザインシステムを作成または改訂します。単発の UI 修正ではなく、長期的に残るデザインシステム文書が成果物である場合に使用します。

デザイン・UI57
D
design-systems
design-systems
dhruvjainin / absolute

開発ライフサイクルを10倍に高める強力なスキル

デザイン・UI57
D
design-systems
design-systems
maddhruv / absolute

開発ライフサイクルを10倍に高める強力なスキル

デザイン・UI57
10,586 件中 8401–8460 件

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。