mcpField

Skills

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

デザイン・UI

W
webflow-mcp:figma-to-webflow
webflow-mcp:figma-to-webflow
webflow / webflow-skills

Figma MCP と Webflow MCP(Designer Bridge + Data API)を使って、Figma デザインから Webflow のページ、セクション、コンポーネント、またはサイト全体を構築します。Figma ファイル/フレームを Webflow に変換する、Webflow プロジェクト内で直接構築する、デザインを実際に動作する Webflow 要素/スタイルとして実装する(コピー&ペースト用の断片ではない)場合に使用します。トリガー:「この Figma を Webflow で構築」「Figma から Webflow」「このデザインを Webflow に実装」、figma.com の URL と Webflow サイトの指定、「自分の Webflow プロジェクトでこれを再現」。

デザイン・UI386
C
continuous-discovery
continuous-discovery
refoundai / lenny-skills

社内の思い込みではなく現実のニーズに基づいて製品開発を進められるよう、顧客と定期的に対話する持続可能な習慣づくりを支援します。

デザイン・UI385
S
scene-distillation-zine-v1-3
scene-distillation-zine-v1-3
zeejay0 / gathered-scenes-zine-skill

ユーザーが提供した写真を、表現力豊かなミニマルなジンポスターに変換します。元画像に由来するオリジナルのイラスト、芸術的な提案、感情的な緊張感、視覚的なメタファー、広い余白、アートディレクションによる高彩度の色彩、制約のない作家性のあるタイポグラフィのみを用います。言葉、言語、情報量、配置、書体の個性、サイズ、方向、可読性、画像との相互作用は、プリセットではなく表現と美的判断に従います。デフォルトでは元画像の向きを保ち、縦位置は 3:5、横位置は 5:3 で出力します。元画像に由来する散在するアクセントを加え、適応型の紙端処理に加えて自然な孤立輪郭のオプションを用意します。正確なトリガー `单色块模式` に対応し、連続した単一の高彩度色面を作り、残りの形状はすべてニュートラルなインクで表現します。最終画像に元の写真素材を埋め込んだり、切り抜いたり、トレースしたり、残したりせず、感情やアイデアを伝える抽象的またはエディトリアルな再解釈作品の制作に使用します。

クリエイティブ・メディア385
S
screenshot
screenshot
bobmatnyc / claude-mpm-skills

UI変更のビジュアル検証ワークフロー。コードレビューを効率化し、…を発見します。

テスト・品質385
U
umbraco-tree
umbraco-tree
umbraco / umbraco-cms-backoffice-skills

公式ドキュメントを使用して Umbraco バックオフィスにツリーを実装します

開発385
Z
zafer-skills
zafer-skills
zaferayan / skills

StoreKit 2 サブスクリプション(expo-iap)と RevenueCat observer mode、UMP/ATT の同意対応付き AdMob 広告、PostHog 分析、RTL 対応 i18n、オンボーディングフロー、ペイウォール、NativeTabs ナビゲーションを備えた Expo React Native モバイルアプリの開発。

開発385
L
ln-114-frontend-docs-creator
ln-114-frontend-docs-creator
levnikolaevich / claude-code-skills

WCAG 2.1 に準拠した design_guidelines.md とデザインシステムのドキュメントを作成します。プロジェクトにフロントエンドがある場合に使用します

デザイン・UI384
S
storefront-builder
storefront-builder
saleor / agent-skills

Saleor ストアフロントのデータと UX に関するガイドです。GraphQL クエリ設計、チャネル処理、各画面のデータ契約(PLP/PDP/ナビゲーション/価格/在庫状況/メディア)、バリアント選択 UX、Saleor 固有の正確性ルールを扱います。フレームワークに依存せず、エージェントがリポジトリを調査し、ローカルで規約を適用します。

開発384
S
slint
slint
slint-ui / ai-plugins

`.slint` UI コードの作成、編集、デバッグ、レビュー、または Rust/C++/JS/Python との接続時に使用します。Slint 言語、レイアウト、コンパイル時の注意点、相互運用、実行時チェック用 MCP サーバーを扱います。

開発383
T
theme-factory
theme-factory
davila7 / claude-code-templates

成果物にテーマを適用してスタイルを整えるツールキットです。スライド、ドキュメント、レポート、HTML ランディングページなどに対応します。色とフォントを設定した 10 種類のプリセットテーマを作成済みの成果物に適用でき、その場で新しいテーマを生成することもできます。

デザイン・UI383
T
threejs-textures
threejs-textures
full-stack-skills / threejs-skills

three.js のテクスチャ:Texture、DataTexture、CubeTexture、CompressedTexture の各種、DepthTexture、VideoTexture、CanvasTexture、3D/配列テクスチャ、Source。サンプリングパラメーター、ミップマップ、異方性、wrap/mag/min フィルター、環境マップの事前フィルタリング用 Extras の PMREMGenerator を扱います。GPU テクスチャオブジェクトと PMREM の設定時に使用します。Draco/KTX2 トランスコーダーのファイルパスには threejs-loaders、マテリアルのマップスロットには threejs-materials、出力カラー パイプラインには threejs-renderers を使用してください。

開発383
S
scrollytelling
scrollytelling
doodledood / claude-code-plugins

固定セクション、段階的な表示、スクロール連動アニメーションを使った、スクロール駆動型のストーリーテリング体験を実装します。スクロールテリング、スクロール駆動型アニメーション、視差効果、物語性のあるスクロール体験、ストーリー重視のランディングページの構築を依頼されたときに使用します

デザイン・UI382
S
stitch-design-taste
stitch-design-taste
leonxlnx / taste-skill-classics

Google Stitch 向けの従来型スキルです。オプトイン方式で、名前を指定して呼び出した場合にのみ実行します。エージェントが利用しやすい DESIGN.md を作成し、書体、色、レイアウトに関する厳格なルールを記載します

デザイン・UI382
S
syncfusion-blazor-accumulation-chart
syncfusion-blazor-accumulation-chart
syncfusion / blazor-ui-components-skills

比例データの可視化に Syncfusion Blazor Accumulation Chart(SfAccumulationChart)を実装。円グラフ、ドーナツグラフ、ファネルチャート、ピラミッドチャートの作成時に使用。このスキルでは、Blazor アプリのデータラベル、凡例、ツールチップ、スライスのグループ化、部分と全体の可視化を扱う。

データ・データベース382
B
bootstrap-component
bootstrap-component
twbs / bootstrap

Bootstrap 6 コンポーネントの CSS とマークアップを構築する。新しいコンポーネントの作成、モディファイアやバリアントクラスの追加、Bootstrap の Sass トークンマップとテーマオーバーライドを使ったコンポーネントスタイルの作成時に使用。

デザイン・UI381
C
creating-dashboards
creating-dashboards
ancoleman / ai-design-components

データ可視化、KPI カード、リアルタイム更新、インタラクティブなレイアウトを組み合わせた包括的なダッシュボードおよび分析インターフェースを作成します。ビジネスインテリジェンスダッシュボード、監視システム、経営レポート、またはフィルター、指標、可視化を連携させて複数のデータを表示するインターフェースの構築時に使用します。

デザイン・UI381
R
render-html
render-html
wanshuiyin / auto-claude-code-research-in-sleep

ARIS の Markdown / JSON 成果物(IDEA_REPORT、AUTO_REVIEW、KILL_ARGUMENT、PAPER_PLAN、research-wiki state など)を、人が読みやすい単一ファイルの HTML ビューにレンダリングします。ユーザーが「渲染 HTML」「出一份 HTML 报告」「render html」「make this readable」「export to html」と言う場合や、Markdown 成果物を整った Web 表示にしたい場合に使用します。

ドキュメント381
U
umbraco-tree-item
umbraco-tree-item
umbraco / umbraco-cms-backoffice-skills

公式ドキュメントを使用して Umbraco backoffice にツリー項目を実装

デザイン・UI381
A
analytics-metrics
analytics-metrics
hoodini / ai-agents-skills

データ可視化と分析ダッシュボードを構築。チャート、KPI表示、指標ダッシュボード、データ可視化コンポーネントの作成時に使用。analytics、dashboard、charts、metrics、KPI、data visualization、Rechartsに反応。

データ・データベース380
Q
qiaomu-info-card-designer
qiaomu-info-card-designer
joeseesun / qiaomu-info-card-designer

任意のテキスト、URL、情報を雑誌風の HTML 情報カードに変換し、自動でスクリーンショットを撮って画像として保存します。URL(X/Twitter、ウェブ記事など)を直接入力すると、内容を取得して要点を抽出し、カードを生成します。X (Twitter)、WeChat、小紅書などでの共有に適しています。トリガー:「生成信息卡」「做张信息卡」「把这段内容做成卡片」「信息卡片」「make info card」「generate card」「把这个链接做成卡片」。大きな文字、力強いレイアウト、スイス・インターナショナル・スタイルと雑誌の質感が特徴です。生成後に自動でスクリーンショットを撮り、非常に長い内容は自動で分割して画像出力します。「システム/アルゴリズムの仕組み」を説明するインタラクティブなアイソメトリック機構図(anatomy を使用)、データレポートのウェブページ(qiaomu-chart-report を使用)、編集可能なホワイトボードキャンバス(qiaomu-tldraw-skill を使用)には使用しません。

デザイン・UI380
S
syncfusion-blazor-calendars
syncfusion-blazor-calendars
syncfusion / blazor-ui-components-skills

Calendar、DatePicker、DateRangePicker、DateTimePicker、TimePicker など、Syncfusion Blazor のカレンダーコンポーネントの実装に関する包括的なガイドです。Blazor アプリで日付選択インターフェース、日付範囲選択、日付/時刻入力、カレンダー表示、日付制約、書式設定、グローバル化、アクセシブルなカレンダー体験を構築する際に使用します。Syncfusion.Blazor.Calendars パッケージのすべてのカレンダーコンポーネントを扱います。

開発380
P
product-discovery
product-discovery
majiayu000 / spellbook

プロダクトディスカバリーと市場調査のエキスパートです。製品アイデアの検証、市場調査、ユーザーインタビュー、競合分析、機会評価に使用します。JTBD、Kano モデル、バリュープロポジションキャンバスを扱います。

マーケティング・グロース379
R
reviewing-interface-quality
reviewing-interface-quality
osmontero / opencode-skills

既存のユーザーインターフェースのレビュー、批評、監査、改善を求められた場合に使用します。「この UI をレビューして」「なぜありきたりに見えるのか」「もっと洗練させて」「デザインへのフィードバック」「AI 生成に見えるか」「このページを監査して」など。また、フロントエンド作業をリリースする前の最終チェックや、UI が正しく表示されているのに、明確な原因なく未完成、安っぽい、一貫性がないと感じられる場合にも使用します。

デザイン・UI379
S
syncfusion-blazor-buttons
syncfusion-blazor-buttons
syncfusion / blazor-ui-components-skills

Button、ButtonGroup、CheckBox、Chip、DropdownMenu、FloatingActionButton、ProgressButton、SpeedDial、SplitButton、ToggleSwitchなどのSyncfusion Blazorボタンコンポーネントを実装します。Blazorアプリケーションでボタン関連コンポーネントを扱う際に使用します。すべてのボタンコンポーネントタイプについて、インストール、設定、スタイル設定、アクセシビリティ、イベント処理、高度な機能を扱います。

デザイン・UI379
U
umbraco-theme
umbraco-theme
umbraco / umbraco-cms-backoffice-skills

公式ドキュメントを使用してUmbraco backofficeにテーマを実装します

デザイン・UI379
U
umbraco-workspace
umbraco-workspace
umbraco / umbraco-cms-backoffice-skills

公式ドキュメントを使用して Umbraco バックオフィスにワークスペースを実装

開発379
W
woodmart-mcp
woodmart-mcp
xtemos / woodmart-skill

wood MCP の機能(woodmart/*)を使った WoodMart サイト作業に使用します。コンテンツの検索・作成、Gutenberg ブロックの編集、テーマ設定やヘッダーロゴの変更、WoodMart レイアウトの作成・割り当てに対応します。キューに入ったブロック確定ワークフローと、複数の機能を連携させるための安全ルールも扱います。

デザイン・UI379
S
swift-focusengine-pro
swift-focusengine-pro
mhaviv / swift-focusengine-agent-skill

すべての Apple プラットフォーム(tvOS、iOS/iPadOS、watchOS、visionOS、macOS)向けに、フォーカス管理コードをレビュー、作成、修正します。SwiftUI、UIKit、AppKit、RealityKit を扱います。フォーカス、ホバー、キー・ビュー・ループ、Digital Crown ナビゲーションを扱うアプリの読み取り、作成、レビュー時に使用します。

開発378
S
syncfusion-blazor-diagram
syncfusion-blazor-diagram
syncfusion / blazor-ui-components-skills

SfDiagramComponent を使用して Syncfusion Blazor の図を作成し、問題を解決します。フローチャート、組織図、マインドマップ、BPMN、UML シーケンス図、スイムレーン、シンボルパレット、ノード/コネクター/ポート/注釈、レイアウト、データバインディング、シリアライズ(読み込み/保存)、エクスポート/印刷、共同編集に関する質問で起動します。Blazor + Syncfusion のセットアップ手順、設定パターン、サンプルコードを提供します

開発378
T
theme-factory

成果物にテーマを適用してスタイルを整えるツールキットです。スライド、ドキュメント、レポート、HTML ランディングページなどに対応します。色とフォントを設定した 10 種類のプリセットテーマを作成済みの成果物に適用でき、その場で新しいテーマを生成することもできます。

デザイン・UI378
T
thesys-generative-ui
thesys-generative-ui
secondsky / claude-skills

Thesys SDK を使って、自然言語から React コンポーネントを生成、変更、スタイリングします。スキーマ駆動の UI 生成、テーマのカスタマイズ、ツール呼び出しの統合、Vite、Next.js、Cloudflare Workers へのデプロイを案内します。ユーザーが「generate UI」「create a component」「build an interface」「Thesys」「generative UI」と言った場合や、説明を React コンポーネントに変換するよう求めた場合に使用します。

デザイン・UI378
F
frontend-design

高いデザイン品質を備えた、独自性のある本番品質のフロントエンドインターフェースを作成します。Web コンポーネント、ページ、成果物、ポスター、アプリケーション(ウェブサイト、ランディングページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウトなど)の構築や、Web UI のスタイリング・ブラッシュアップをユーザーが求める場合に使用します。画一的な AI 風デザインを避けた、創造的で洗練されたコードと UI デザインを生成します。

デザイン・UI377
R
resume-craft
resume-craft
rebecha1227-a11y / careerforge

履歴書の作成・最適化ツール。2つのモードに対応しています。構造化された対話で情報を収集して一から新しい履歴書を作成するモードと、既存の履歴書を読み込んで改善するモードです。専門的なレイアウトで HTML と PDF の両形式を出力し、厳密に2ページ以内に収めます。中国語と英語の履歴書作成に対応しています。履歴書の作成、執筆、最適化、編集、体裁の調整、テンプレート、デザインに関する依頼で起動します。resume-match から最適化済みの Markdown 履歴書を引き継いで HTML+PDF 版を作成する場合も起動します。「見栄えのよい履歴書を作って」や「履歴書のレイアウトを整えて」のような依頼でも起動します。

ドキュメント377
B
bootstrap-component-js
bootstrap-component-js
twbs / bootstrap

Bootstrap 6 コンポーネントに JavaScript の挙動を追加する。コンポーネントの TypeScript ソースの記述、BaseComponent の拡張、data API の接続、イベントや設定オプションの追加、Floating UI やサードパーティライブラリの統合に使用する。

開発376
B
bootstrap-v5-v6-migration
bootstrap-v5-v6-migration
twbs / bootstrap

プロジェクトを Bootstrap 5 から Bootstrap 6 へ移行する。Bootstrap 5 からのアップグレード、v5 から v6 への移行、v5 のクラス名、コンポーネント、Sass、JavaScript の最新版への更新に使用する。Bootstrap 4 のプロジェクトでは、代わりに v4 から v6 への移行スキルから始めること。

開発376
G
godot-platform-mobile
godot-platform-mobile
thedivergentai / game-design-agentic-skills

モバイルプラットフォーム(Android/iOS)向けの専門的な設計指針。タッチ操作、仮想ジョイスティック、レスポンシブ UI、セーフエリア(ノッチ)、バッテリー最適化、アプリストアのガイドラインを扱います。モバイル向けリリースやタッチ入力の実装時に使用します。キーワード:mobile、Android、iOS、touch、InputEventScreenTouch、virtual joystick、safe area、battery、app store、orientation。

開発376
S
syncfusion-blazor-rich-text-editor
syncfusion-blazor-rich-text-editor
syncfusion / blazor-ui-components-skills

Syncfusion.Blazor.RichTextEditorを使用してSyncfusion Blazor Rich Text Editor(SfRichTextEditor)を実装します。HTML、Markdown、IFrameの各エディターモードに対応します。Blazorアプリでのツールバー設定、画像/動画/音声の挿入、テーブル管理、貼り付け内容の整形、Word/PDFのインポート/エクスポート、アクセシビリティ、多言語対応、RTL、インラインまたはカスタムツールバーのツールに使用します。

開発376
A
ai-assisted-prototyping
ai-assisted-prototyping
refoundai / lenny-skills

AIコーディングツールを使い、自然言語やビジュアルモックから動作するプロダクトプロトタイプを作成できるよう支援します。このskillにより、プロダクトリーダーはエンジニアリング上のボトルネックを回避し、実際に構築してアイデアを検証できます。

開発375
D
dark-mode-implementer
dark-mode-implementer
patricio0312rev / skills

CSS 変数、Tailwind のダークモード、React context、システム設定の検出を使用して、ダーク/ライトモードのテーマシステムを実装します。「ダークモードを追加」「テーマ切り替え」「ダークテーマ」「ライトモード切り替え」「カラースキーム」を依頼された場合に使用します。

デザイン・UI375
O
open-design
open-design
sugarforever / open-design-skill

Open Design カタログを任意のエージェントセッションに取り込みます。150 件以上のブランド DESIGN.md ファイル、110 件以上のレンダリングテンプレート(スライド、プロトタイプ、ダッシュボード、ポスター、画像/動画/音声)、130 件以上の機能スキル、11 件の制作リファレンスが含まれます。ブランド仕様とテンプレート/スキルを選び、汎用的な制作ルールを重ねて、生成されたワークフローに従います。スライド、プロトタイプ、ランディングページ、ダッシュボード、マーケティング素材の作成や、特定ブランドのビジュアルアイデンティティをプロジェクトに適用する場合に使用します。

デザイン・UI375
S
syncfusion-blazor-dataform
syncfusion-blazor-dataform
syncfusion / blazor-ui-components-skills

Syncfusion Blazor DataFormコンポーネントを実装して、検証やフィールド管理に対応したデータバインド可能な動的フォームを作成します。BlazorでSyncfusionコンポーネントを使ったフォーム構築、フォーム検証、モデルのバインド、編集可能なフィールドの作成、フォームイベントの管理に使用します。フォームレイアウトのカスタマイズ、データバインディング、FormItemsの設定、FormAutoGenerateItemsのセットアップ、テンプレート、イベント、データ注釈による検証を扱います。

開発375
S
syncfusion-blazor-file-manager
syncfusion-blazor-file-manager
syncfusion / blazor-ui-components-skills

ファイルの参照と管理に使う Syncfusion Blazor FileManager コンポーネントを実装します。階層型ファイルシステムの作成、複数ファイル操作の処理、データバインディングパターンの実装、クラウドプロバイダー連携の設定に使用します。ファイル操作、データバインディング、イベント処理、カスタマイズオプションを扱います。

開発375
U
ux-research
ux-research
cuellarfr / design-skills

実績のある手法を用いて UX リサーチを計画、実施、分析します。ユーザーリサーチの計画、インタビュースクリプトの作成、テスト計画の策定、参加者の募集、定性データの分析、調査結果の実行可能な洞察への統合に使用します。具体的なフレームワーク、評価基準、テンプレートを用いた、探索的、評価的、継続的なディスカバリーリサーチを扱います。

デザイン・UI375
D
design-guide
design-guide
paperclipai / paperclip

一貫性のある再利用可能なフロントエンドコンポーネントを構築するための Paperclip UI デザインシステムガイドです。新しい UI コンポーネントの作成、既存コンポーネントの変更、フロントエンドへのページや機能の追加、UI 要素のスタイリング、デザイン言語や規約の確認に使用します。コンポーネント作成、デザイントークン、タイポグラフィ、ステータス/優先度システム、構成パターン、/design-guide ショーケースページを扱います。常に、ビジュアル品質向上の frontend-design スキルと Web のベストプラクティスを扱う web-design-guidelines スキルと併用してください。

デザイン・UI374
G
gc-minimal-zine-poster-v0-3
gc-minimal-zine-poster-v0-3
liamgvchi / gc-minimal-zine-poster

詩的な紙テクスチャのミニマル zine ポスターを生成または分析します。大きな余白、小さな編集的コラージュまたはフォーカル要素、実験的タイポグラフィ、そして一处で明快なアクセントカラーを/features。テーマ、文、記事、気分、オブジェクト、写真、内容ブリーフ、参考画像、画像フォルダが与えられ、最終ポスター画像 overlooksiene。本番対応の画像プロンプト、再利用可能なスタイルルール、または 하나의 visual family に収まる多様なレイアウトが求められる場合に使用します。

デザイン・UI374
M
maz-ui
maz-ui
secondsky / claude-skills

Maz-UI v4 - 50 以上の単独コンポーネント、コンポーザブル、ディレクティブ、テーマ設定、i18n、SSR に対応したモダンな Vue・Nuxt コンポーネントライブラリです。フォーム、ダイアログ、テーブル、アニメーションを備えた Vue/Nuxt アプリの構築や、ダークモード対応のレスポンシブデザインシステムが必要な場合に使用します。

デザイン・UI374
R
rebranding
rebranding
cofoundy / brand-skills

診断から新しいブランドの定義、展開まで、ブランド変革を計画・実行します。ユーザーが「リブランド」「ブランド刷新」「ブランドを更新」「ブランドを現代化」「ブランドが古くなった」「ブランドが成長に追いつかなくなった」「ブランドを変える必要がある」「ブランド変革」「ブランドの方向転換」「ブランドを変更する」「以前のブランドが合わなくなった」と述べた場合、またはブランドの方向性、対象層、市場での位置付けが変化し、アイデンティティの更新が必要な場合に使用します

マーケティング・グロース374
S
syncfusion-blazor-gantt-chart
syncfusion-blazor-gantt-chart
syncfusion / blazor-ui-components-skills

プロジェクトのスケジュール管理向けに Syncfusion Blazor Gantt を実装します。SfGantt、GanttTaskFields、GanttColumns、GanttEditSettings、タスクバー編集、依存関係、リソース、タイムライン、クリティカルパス、ベースライン、Excel/PDF エクスポートを扱います。Blazor ガントチャート、タスクスケジュール、WBS、Syncfusion.Blazor.Gantt の連携に適用できます。

開発374
D
don-norman-principles-audit
don-norman-principles-audit
mastepanoski / claude-skills

Don Norman の『The Design of Everyday Things』にある 7 つの基本的なデザイン原則を使って UX/UI を評価します。発見可能性、アフォーダンス、シグニファイア、フィードバック、対応づけ、制約、概念モデルを監査します。

デザイン・UI373
O
opportunity-solution-trees
opportunity-solution-trees
pmprompt / claude-plugin-product-management

「オポチュニティ・ソリューション・ツリー」「OST」「Teresa Torres」「顧客機会を成果に結び付ける」「機会を軸にディスカバリーを構成する」「顧客ニーズに対するソリューションを比較する」と尋ねられた場合に使用します。Opportunity Solution Trees(Teresa Torres が考案)を使って、成果と顧客機会を結び付け、ソリューションを検証できるようプロダクトチームを支援します。

デザイン・UI373
S
shadcn
shadcn
pedronauck / skills

shadcn/ui で UI コンポーネントを構築するためのベストプラクティス。shadcn を使ったコンポーネントの作成、カスタマイズ、スタイリング、Radix UI プリミティブの使用、デザイントークンの実装、複合コンポーネントパターンの適用時に使用します。

デザイン・UI373
S
spritecook-build-ui-kits
spritecook-build-ui-kits
spritecook / skills

SpriteCook のコンセプト、コンポーネントシート、抽出、仕上げツールを使ってゲーム UI キットを作成または改善します。依頼された画面や、統一感のある再利用可能なコントロール一式の制作に使用します。既存の SpriteCook コンセプトを基にした作業も対象です。spritecook-workflow-essentials と併用してください

デザイン・UI373
S
syncfusion-blazor-notifications
syncfusion-blazor-notifications
syncfusion / blazor-ui-components-skills

ユーザーフィードバックや読み込み状態の表示に使う Syncfusion Blazor 通知コンポーネント(Toast、Message、Skeleton)を実装します。トースト通知、ポップアップメッセージ、アラートボックス、成功・エラー・警告・情報メッセージ、ローディングスケルトン、シマー効果、コンテンツプレースホルダー、その他のフィードバック UI が必要な場合は必ず使用してください。通知、トースト、アラート、メッセージ、読み込み状態、スケルトン画面、シマー読み込み、ユーザーフィードバック、ステータスメッセージ、SfToast、SfMessage、SfSkeleton、通知ポップアップ、一時メッセージ、フォーム検証フィードバック、読み込みプレースホルダーについて言及されたら、直ちに起動します。

デザイン・UI373
S
syncfusion-blazor-treegrid
syncfusion-blazor-treegrid
syncfusion / blazor-ui-components-skills

展開可能なノードとネストされた行構造を備えた階層データまたは自己参照データ向けに、Syncfusion Blazor TreeGrid(SfTreeGrid)を実装します。Blazor Server、WebAssembly、Web App、MAUIアプリケーションでツリービューワークフローを構築する際に使用します。GraphQLバインディング、テンプレート、ソート、フィルタリング、編集、ページング、集計、検索、エクスポート、仮想化、クリップボード操作、状態管理に対応し、豊かな階層データ体験を実現します。

開発373
W
web-design-reviewer
web-design-reviewer
galaxy-dawn / claude-scholar

ローカルまたはリモートで動作するウェブサイトを目視で確認し、デザイン上の問題を特定して修正します。「ウェブサイトのデザインをレビュー」「UI を確認」「レイアウトを修正」「デザイン上の問題を探す」といった依頼で起動します。レスポンシブデザイン、アクセシビリティ、視覚的一貫性、レイアウト崩れの問題を検出し、ソースコードを修正します

デザイン・UI373
P
page-cro
page-cro
davila7 / claude-code-templates

ユーザーがあらゆるマーケティングページ(ホームページ、ランディングページ、料金ページ、機能ページ、ブログ記事など)のコンバージョンを最適化・改善・向上させたいときに使用します。ユーザーが「CRO」「コンバージョン率の最適化」「このページはコンバージョンしていない」「コンバージョンを改善して」「なぜこのページが機能しないのか」と言及した場合にも使用します。サインアップ/登録フローについては signup-flow-cro を、サインアップ後のアクティベーションについては onboarding-cro を、登録以外のフォームについては form-cro を、ポップアップ/モーダルについては popup-cro を参照してください。

マーケティング・グロース372
R
react-native-reusables
react-native-reusables
hairyf / skills

React Native Reusables 向けのエージェントスキル。Nativewind/Uniwind、RN Primitives、CLI によるスキャフォールディングを備えた、React Native(Expo)用の shadcn スタイルコンポーネント

デザイン・UI372
S
spectrum-audit

コードベースが Spectrum デザインシステムと React Spectrum S2 のベストプラクティスに準拠しているか監査します。開発者が Spectrum/S2 の適合性、設定、スタイル、アクセシビリティ、コンポーネント使用上の問題について、監査、レビュー、lint、確認を依頼した場合に使用します

デザイン・UI372
S
syncfusion-blazor-dropdown-tree
syncfusion-blazor-dropdown-tree
syncfusion / blazor-ui-components-skills

階層データ選択用の Syncfusion Blazor Dropdown Tree コンポーネントを実装します。単一/複数選択、チェックボックス、フィルタリング、高度なカスタマイズに対応します。ユーザーがドロップダウンにツリー構造データを表示する、階層項目を単一または複数選択する、複数項目選択用のチェックボックスを実装する、ツリーデータをフィルタリングする、テンプレートをカスタマイズする、リモートデータソースにバインドする、またはツリー関連のイベントや検証を処理する必要がある場合に使用します。

デザイン・UI372
A
accessibility-fix
accessibility-fix
adobe / skills

AEM Edge Delivery Services ページをスキャンして WCAG 2.1 AA のアクセシビリティ違反を検出し、具体的な修正案を生成します。alt テキストの欠落、見出し階層の問題、リンクテキストの問題、色のコントラストの懸念、EDS 固有のアクセシビリティパターンを特定します。アクセシビリティ問題の修正、コンプライアンス監査の準備、WCAG 違反の是正に使用します。

テスト・品質371
10,627 件中 3001–3060 件

MCP は初めてですか?

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

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