mcpField

Skills

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

デザイン・UI

S
seamless-pattern-generation
seamless-pattern-generation
eachlabs / skills

each::sense AI を使って、継ぎ目のないタイル状のパターンを生成します。テキスタイル、壁紙、ギフトラップ、デジタル背景、表面デザイン向けに、目に見える継ぎ目なくきれいにつながる反復パターンを作成できます。

クリエイティブ・メディア215
S
shader-effects
shader-effects
bbeierle12 / skill-mcp-claude

ビジュアルシェーダーエフェクト:グロー/ブルーム、色収差、歪み、ビネット、フィルムグレイン、走査線、グリッチ、ディゾルブ、アウトライン、フレネル。シェーダーに視覚的な仕上げ、ポストプロセスエフェクト、またはスタイライズドレンダリングを追加するときに使用します。

デザイン・UI215
S
syncfusion-maui-datagrid
syncfusion-maui-datagrid
syncfusion / maui-ui-components-skills

表形式のデータを表示する Syncfusion .NET MAUI DataGrid(SfDataGrid)を実装・カスタマイズします。MAUI データグリッド、SfDataGrid、表形式データの表示、グリッドへのデータバインディング、列設定に使用します。セル編集、並べ替え、フィルタリング、グループ化、ページング、Excel/PDF へのエクスポート、行操作、選択、集計を扱います。

開発215
S
syncfusion-maui-date-picker
syncfusion-maui-date-picker
syncfusion / maui-ui-components-skills

日付選択用の Syncfusion .NET MAUI DatePicker(SfDatePicker)コントロールを実装します。日付ピッカーの実装、日付選択 UI の追加、SfDatePicker コントロールの利用に使用します。外観のカスタマイズ(ヘッダー、フッター、列)、日付形式(20 種類以上の定義済み形式)、日付制限(最小/最大日付、選択不可日)、ピッカーモード(Dialog、RelativeDialog)を扱います。

開発215
S
syncfusion-maui-popup
syncfusion-maui-popup
syncfusion / maui-ui-components-skills

アラートメッセージ、カスタムビュー、モーダルダイアログを表示する Syncfusion® .NET MAUI Popup(SfPopup)コントロールを実装します。.NET MAUI アプリでポップアップ、オーバーレイ、ダイアログ、モーダルウィンドウ、アラートボックス、確認ダイアログを扱う際に使用します。配置(中央、絶対位置、ビュー相対)、レイアウトのカスタマイズ(ヘッダー、フッター、コンテンツテンプレート)、アニメーション、モーダル動作を扱います

開発215
A
apply-design-system
apply-design-system
edenspiekermann / skills

既存のデザインを確認し、デザインシステムのコンポーネントに対応付けます。

デザイン・UI214
B
better-ui
better-ui
blockmatic / basilic-skills

プロジェクトの UI を洗練・改善します。同心円状の角丸、視覚的な位置合わせ、表面の奥行き、状況に応じたアイコン、タップ領域などを扱います。

デザイン・UI214
B
better-ui
better-ui
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI214
C
card-news-generator-v2
card-news-generator-v2
bear2u / my-skills

背景画像を任意で追加し、600x600 の Instagram 風カードニュースシリーズを自動作成します。ユーザーがトピック、色、任意の画像を指定すると、Claude がコンテンツを生成し、適切にテキストを折り返した複数のカードを作成します

クリエイティブ・メディア214
F
figma-automation
figma-automation
sickn33 / agentic-awesome-skills

Rube MCP(Composio)を使ってFigmaのタスクを自動化します。ファイル、コンポーネント、デザイントークン、コメント、エクスポートに対応します。現在のスキーマを確認するため、必ず最初にツールを検索してください。

デザイン・UI214
G
generate-mcp-app-ui
generate-mcp-app-ui
microsoft / power-platform-skills

MCP ツール用の単一ファイル MCP App ウィジェットを生成します。ランタイムコードをバンドルするか、ユーザーが承認したパブリック CDN インポートを使用できます。ビジュアルを説明し、通常の構造化ペイロード、または content、structuredContent、meta を含む完全なツール結果を提供します。

デザイン・UI214
R
rn-motion-replica
rn-motion-replica
pluviobyte / rnskill

公開またはローカルの参考動画を分析し、時間範囲を切り出して、レイアウト、動き、タイミング、トランジションを分解します。その後、再利用可能なテンプレートと最終 MP4 の品質確認を含む、オリジナルの検証済みモーション再現を作成します。ユーザーが「复刻这个视频效果」「参考这个视频做同款动效」「拆解前 N 秒」「还原方框/连线/卡片动画」と言った場合や、映像やスクリプトのコピーではなくモーションの参考として動画または URL を提供した場合に使用します。

クリエイティブ・メディア214
S
slidev-click-animations
slidev-click-animations
yoanbernabeu / slidev-skills

Slidevのv-clickと順次アニメーションを使いこなします。このスキルを使ってコンテンツを段階的に表示し、魅力的なプレゼンテーションを作成します。

ドキュメント214
S
syncfusion-maui-ai-assistview
syncfusion-maui-ai-assistview
syncfusion / maui-ui-components-skills

AIを活用したインタラクティブなチャットインターフェース向けに、Syncfusion® .NET MAUI AI AssistView (SfAIAssistView)を実装します。AIチャットインターフェース、AI AssistView、SfAIAssistView、会話型UI、またはAI応答とのチャットを扱う場合に使用します。AIサービスの統合、チャットUIの作成、会話フローの実装、AIリクエスト/レスポンスの管理、AIの提案表示を扱います

開発214
S
syncfusion-maui-chips
syncfusion-maui-chips
syncfusion / maui-ui-components-skills

Syncfusion .NET MAUI Chips(SfChip または SfChipGroup)を実装します。.NET MAUI アプリでチップ、タグ、タグコントロール、選択チップ、入力チップ、フィルターチップを扱う場合に使用します。チップの種類、カスタマイズ、イベント、選択、グループ、削除、閉じるボタン付きチップ、データバインディングを扱います。

開発214
U
user-interview
user-interview
assimovt / productskills

検証ではなく真実を引き出すユーザーインタビューを準備・実施します。インタビューガイドの作成、ユーザーインタビューの準備、顧客探索の計画、またはユーザーとの対話を求められた場合に使用します。スタートアップの顧客開発向けの The Mom Test と YC's Five Questions のフレームワークに基づいています。

デザイン・UI214
V
video-storytelling
video-storytelling
nateherkai / herk-edit-kit

長尺のトーキングヘッド動画のビジュアル層を、個別のグラフィックの連続ではなく、カメラが移動していく 1 つの持続する世界として設計・構築する。動画の編集、モーショングラフィックスの追加、スクリプトのビジュアル設計、編集の計画、または混乱している・文字が多すぎる・追いにくい・「明らかに AI が作った」と判断された編集の修正を求められた場合に使用する。持続する世界、カメラの文法、スポットライトのルール、空間的なオープンループ、装飾とトークンの規律、文字起こしのタイミング、検証ゲートを扱う。

クリエイティブ・メディア214
W
Wireframe Creator
Wireframe Creator
jmsktm / claude-settings

迅速なプロトタイピング向けに、低忠実度のワイヤーフレームを作成します

デザイン・UI214
A
animate
animate
blockmatic / basilic-skills

アニメーションをゼロから構築し、自然な仕上がりを左右する順に判断します。アニメーションが必要か、目的、使用するツール、プロパティ、カーブと時間、中断方法、終了方法を決め、実装を書きます。何かにアニメーションや動きを追加する、コンポーネントに躍動感を与える、またはトランジションを構築するよう依頼された場合に使用します。既存の動きの評価には review-animations、コードベース全体の監査には improve-animations を使用してください。

デザイン・UI213
A
animate
animate
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI213
A
animate-expo
animate-expo
blockmatic / basilic-skills

React Native と Expo でアニメーションを構築し、適切な動きにするための判断を順番に行います。アニメーションの要否、実行するスレッド、プロパティ、スプリングか時間指定か、ジェスチャーの引き継ぎ方、劣化時の挙動を決定します。Reanimated、Gesture Handler、Expo Router、expo-haptics を使って実装します。Expo アプリ内のアニメーション、ジェスチャー、シート、画面遷移、押下フィードバックや触覚フィードバックの追加、またはデバイス上でカクつく動きの修正に使用します。Web アニメーションには `animate` を使用します。

デザイン・UI213
A
animate-expo
animate-expo
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI213
A
animation-vocabulary
animation-vocabulary
blockmatic / basilic-skills

ウェブアニメーションやモーション効果の曖昧な説明を正確な用語に変換する逆引き用語集です(「ポップオーバーが開くときの弾む動き」→ Pop in、「iOS のラバーバンドスクロール」→ Rubber-banding)。ユーザーが「……は何と呼ぶのか」と尋ねる場合や、モーション効果の名前が分からず、AI やデザイナーに伝える適切な用語を求めている場合に使用します。効果の名称を調べるためのもので、設計や実装には使用しません。

デザイン・UI213
A
animation-vocabulary
animation-vocabulary
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI213
A
apple-design
apple-design
blockmatic / basilic-skills

Apple のインターフェースデザインと流体的で物理的なモーションのアプローチを、ウェブ向けに展開します。ジェスチャー駆動 UI、スプリングアニメーション、ドラッグ/スワイプ/シートの操作、慣性と中断可能なトランジション、半透明のマテリアルと奥行き、タイポグラフィ(オプティカルサイズ、字間、行間)、モーション低減、または Apple 風インターフェースの設計基盤(フィードバック、空間的一貫性、節度)を構築・レビューする際に使用します。

デザイン・UI213
A
apple-design
apple-design
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI213
A
ask-sonner
ask-sonner
blockmatic / basilic-skills

React のトーストライブラリ Sonner のガイドです。Toaster のインストールと接続、適切な toast() の呼び出し、promise と読み込み中のトースト、トーストの更新・閉じる・保持、スタイル、テーマ、アイコン、配置、複数の Toaster を扱います。Sonner の使用やトラブルシューティング(トーストが表示されない、二重に表示される、スタイルが失われる、Tailwind クラスが反映されない、モーダルの背後に表示される、ダークモードに従わない場合)に使用します。

開発213
A
ask-sonner
ask-sonner
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI213
A
axiom-ios-ui
axiom-ios-ui
charleswiltgen / axiom

SwiftUI、UIKit、レイアウト、ナビゲーション、アニメーション、デザインガイドラインなど、あらゆる iOS UI の構築、修正、改善に使用します。ビューの更新、レイアウトの不具合、ナビゲーションの問題、パフォーマンス、アーキテクチャ、Apple のデザイン準拠を扱います。

デザイン・UI213
C
cloud-buy-design

説明はまだありません

デザイン・UI213
E
emil-design-eng
emil-design-eng
blockmatic / basilic-skills

このスキルは、UI ポーリッシュ、コンポーネント設計、アニメーション決定、そしてソフトウェアを素晴らしく感じさせる見えない詳細についての Emil Kowalski の哲学をエンコードしています。

デザイン・UI213
E
emil-design-eng
emil-design-eng
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI213
E
emilkowal-animations
emilkowal-animations
blockmatic / basilic-skills

Web インターフェース向けの Emil Kowalski によるアニメーションのベストプラクティス。React、CSS、Framer Motion でアニメーションを記述、レビュー、実装する際に使用します。トランジション、イージング、ジェスチャー、トースト、ドロワー、モーションに関するタスクで起動します。

デザイン・UI213
E
emilkowal-animations
emilkowal-animations
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI213
F
floor-plan
floor-plan
markdown-viewer / skills

建築標準の記号を使い、drawio XML 形式で建築平面図やインテリアレイアウトを作成します。オフィスのレイアウト、住宅の平面図、避難計画、座席配置に適しています。平面図専用のステンシルを備えた drawio ベースです。単純な図(mermaid を使用)や UI ワイヤーフレーム(wireframe skill を使用)には使わないでください。

デザイン・UI213
P
planning-user-interviews
planning-user-interviews
posthog / skills

PostHogでユーザーインタビューのトピックを計画します。対象(コホート、メールアドレス、PostHog distinct IDs)を選び、質問内容をまとめ、音声エージェントのコンテキストと質問リストを準備します。「ユーザーと話したい」「Xについてユーザーがどう感じているか確認したい」「顧客にインタビューしたい」「ユーザーインタビューを設定したい」「ユーザー調査の通話を実施したい」「Yについて尋ねるユーザーを探したい」など、会話を通じて定性的なフィードバックを得たい場合に使用します。対象者の選択(cohorts-list、persons-list、またはメールアドレス/distinct IDsの直接指定)を案内し、トピックを記録してから、user-interview-topics-createの呼び出し前にエージェントのコンテキストと質問を確認します。コホート対象は作成時に明示的なメールアドレス/distinct_idsに解決されます。トピックには対象者のスナップショットが保存され、後からコホートのメンバー構成を再評価しません。ユーザーが録音済みのインタビュー音声ファイルをアップロードしている場合(別のUserInterview/transcriptフローを使用)、またはuser-interview-topics-listで既存のトピックを閲覧しているだけの場合は起動しないでください。

デザイン・UI213
R
react-virtuoso
react-virtuoso
virtuoso-dev / skills

react-virtuoso で仮想化リスト、グリッド、テーブルを構築します。(1)大規模または無限リストの表示、(2)スティッキーヘッダー付きのグループリストの構築、(3)HTML テーブルの仮想化、(4)同じサイズの項目をレスポンシブグリッドに配置、(5)新しい項目に合わせて下端へ追従するフィードやログの構築、(6)スクロールの跳ね、最下部までスクロールできないリスト、項目の重なりや空白、「zero-sized element」エラーなどの仮想化問題の診断、(7)Virtuoso、GroupedVirtuoso、VirtuosoGrid、TableVirtuoso、VirtuosoHandle、itemContent、followOutput、firstItemIndex に関する作業に使用します。

開発213
S
slidev-code-blocks
slidev-code-blocks
yoanbernabeu / slidev-skills

Shiki のシンタックスハイライトで見栄えのよいコードブロックを作成します。コードスニペット、行のハイライト、コードグループに使用します。

ドキュメント213
S
sounds-on-the-web
sounds-on-the-web
raphaelsalaja / skills

音声フィードバックのベストプラクティスに照らして UI コードを監査します。サウンド実装のレビュー、音声 UX の判断の確認、アクセシビリティ監査に使用します。file:line 形式で指摘事項を出力します。

デザイン・UI213
S
syncfusion-maui-tab-view
syncfusion-maui-tab-view
syncfusion / maui-ui-components-skills

タブナビゲーションインターフェースとタブ付きコンテンツレイアウト向けに、Syncfusion .NET MAUI Tab View(SfTabView)コントロールを実装します。.NET MAUI アプリケーションでタブコントロール、タブナビゲーション、ネストされたタブ、スワイプ可能なコンテンツを扱う場合に使用します。このスキルでは、タブバーのカスタマイズ、タブ項目の設定、スワイプジェスチャー、イベント、インジケーターや Liquid Glass エフェクトを含む外観のカスタマイズを扱います。

開発213
S
syncfusion-maui-text-input-layout
syncfusion-maui-text-input-layout
syncfusion / maui-ui-components-skills

Syncfusion .NET MAUI Text Input Layout (SfTextInputLayout) を実装します。Entry、Editor、Autocomplete、ComboBox コントロールにフローティングラベル、アイコン、補助ラベル、コンテナーなどを追加する際に使用します。テキスト入力レイアウトの設定、ヒントラベル、ヘルパーテキスト、エラーメッセージ、文字数カウンター、パスワード表示の切り替えを扱います。

開発213
A
axiom-swiftui-animation-ref
axiom-swiftui-animation-ref
charleswiltgen / axiom

iOS 13 から iOS 26 までを網羅したアニメーションリファレンス。SwiftUI アニメーションの実装、VectorArithmetic の理解、@Animatable マクロの使用、ズームトランジション、UIKit/AppKit アニメーションのブリッジ、スプリングとタイミングカーブの選択、アニメーション動作のデバッグに使用します

デザイン・UI212
B
baoyu-infographic
baoyu-infographic
guanyang / open-agent-hub

21 種類のレイアウトと22 種類のビジュアルスタイルで、プロ品質のインフォグラフィックを生成。コンテンツを分析し、レイアウト×スタイルの組み合わせを提案して、公開可能なインフォグラフィックを作成。ユーザーが「infographic」「信息图」「visual summary」「可视化」「高密度信息大图」の作成を依頼した場合に使用。

デザイン・UI212
C
cesiumjs-custom-shader
cesiumjs-custom-shader
cesiumgs / cesiumjs-skills

CustomShader の作成 — VertexInput、FragmentInput、FeatureIds、Metadata、czm_modelMaterial を対象とした vertexShaderText と fragmentShaderText。EXT_mesh_features または EXT_structural_metadata のプロパティテクスチャ/テーブル、頂点変位、VoxelPrimitive のシェーディングを扱う際に使用します

開発212
C
cinematic-scroll
cinematic-scroll
mustbesimo / web-design-studio

テーマに合わせたアートディレクションとスクロール演出により、シネマティックなウェブサイト、インタラクティブなポートフォリオ、製品ストーリー、リアルタイム 3D 体験を設計・構築します。新規構築、リデザイン、モーションの改善、スクロールの監査、スタンドアロン HTML や既存アプリのストーリーボードに使用します。レスポンシブ、動きを抑えた表示、静的なフォールバックに対応します。一般的なダッシュボードや無関係なアニメーションには使用しません。

デザイン・UI212
C
cli-anything-eez-studio
cli-anything-eez-studio
hkuds / cli-anything

コマンドラインから EEZ Studio を使用して、ネイティブの .eez-project ファイルの確認と変更、LVGL の画面/ウィジェットの編集、SCPI コマンドの管理を行い、LVGL ビルドには実際の EEZ Studio バックエンドを呼び出します。

デザイン・UI212
F
find-animation-opportunities
find-animation-opportunities
blockmatic / basilic-skills

コードベースや UI を調べ、アニメーションを追加すべき箇所を探し、追加すべきでないものは除外します。読み取り専用で、具体的な値を含むモーション案を提示しますが、実装はしません。ユーザーが「ここでは何をアニメーション化できる?」と尋ねたり、「もっと生き生きとさせたい」と希望したりする場合に使用します。既存のアニメーションを修正する場合は、improve-animations または review-animations を使用してください。

デザイン・UI212
F
find-animation-opportunities
find-animation-opportunities
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI212
F
frontend-design
frontend-design
blockmatic / basilic-skills

新しい UI を構築する際、または既存の UI を再構成する際の、独特で意図的なビジュアルデザインに関するガイダンス。美的方向性、タイポグラフィ、テンプレートのデフォルト値として見えない選択を支援します。

デザイン・UI212
F
frontend-design
frontend-design
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI212
I
improve-animations
improve-animations
blockmatic / basilic-skills

シニアモーションアドバイザーとしてコードベースのアニメーションやモーション関連コードを調査し、優先順位付きの監査結果と、他のエージェント(または低コストのモデル)が実行できる独立した実装計画を作成します。ソースコードは読み取り専用で、改善を計画しますが適用はしません。ユーザーが「アニメーションを改善して」「モーションを監査して」「このアプリの印象を良くして」と依頼した場合や、単一の差分レビューではなくアニメーション修正のロードマップを求めている場合に使用します。

デザイン・UI212
I
improve-animations
improve-animations
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI212
M
mbb-decks
mbb-decks
floflo11 / mbb-decks

コンサルティング品質のスライドデッキ、MBB スタイルのプレゼンテーション、McKinsey/Bain/BCG 形式のスライド、取締役会向け事前資料、経営幹部向け報告、提言デッキ、市場参入デッキ、デューデリジェンスデッキ、またはアクションタイトルによるストーリー構成、ピラミッド原則に基づく構造、MECE の箇条書き、洗練された編集的ビジュアルシステムを備え、実際の .pptx ファイルにレンダリングする必要があるビジネスプレゼンテーションの生成に使用します。

ドキュメント212
P
pick-ui-library
pick-ui-library
blockmatic / basilic-skills

厳選され、明確な方針に基づくリストから、特定のフロントエンドタスクに適したライブラリを選びます。数値、OTP 入力、チャート、コマンドメニュー、仮想化、ドラッグ&ドロップ、トースト、状態管理、スタイリングなどに対応します。明示的に呼び出された場合のみ実行され、自動では起動しません。

開発212
P
pick-ui-library
pick-ui-library
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI212
P
prototype
prototype
blockmatic / basilic-skills

説明された UI パーツについて、実際に異なる複数のバージョンを作成します。ビジュアルピッカー上で表示し、ライブで切り替えながら最適なものを選べます。明示的に呼び出された場合のみ実行され、自動では起動しません。

デザイン・UI212
P
prototype
prototype
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI212
R
review-animations
review-animations
blockmatic / basilic-skills

Emil Kowalski のデザインエンジニアリング哲学に基づく高い完成度の基準で、アニメーションとモーションのコードをレビューします。基本的に問題点を指摘し、承認は基準を満たした場合に限ります。

デザイン・UI212
R
review-animations
review-animations
blockmatic-icebox / basilic-skills

Basilic Workflow エージェントスキル

デザイン・UI212
S
shopify-polaris-web-components
shopify-polaris-web-components
tamiror6 / shopify-app-skills

App Home UI には Shopify Polaris Web Components(s-* カスタム要素)を使用します。埋め込みアプリではなく App Home の画面を構築する場合や、s-page、s-section、s-stack、s-box、s-button などの s-* コンポーネントで UI を設計する場合に使用します。@shopify/polaris React は使用しないでください。App Home では Web Components が必要です

デザイン・UI212
10,627 件中 4201–4260 件

MCP は初めてですか?

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

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