mcpField

Skills

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

デザイン・UI

F
flutter-design-system
flutter-design-system
musabekisakov-imj / flutter-design-engineer

トークン、テーマ、タイポグラフィ、色、間隔、形状、モーション、コンポーネントの契約を網羅する、セマンティックなFlutterデザインシステムを作成、拡張、修復します。ThemeDataの作業、デザイントークンの抽出、ダークモード、コンポーネントの標準化、UIの一貫性確保、散在するビジュアル定数からの移行に使用します。

デザイン・UI48
F
frontend-designer
frontend-designer
wyattowalsh / agents

React、Tailwind、shadcn/ui のインターフェースを構築・監査する。雛形生成、コンポーネント/ページの作成、テーマ設定、リファクタリング、レンダリングされた UI の検証を行う。UI を構築するときに使用する。バックエンド、テスト、状態、ルーティング、DevOps には使用しない。

デザイン・UI48
F
frontend-slides
frontend-slides
xu-xiang / everything-claude-code-zh

ゼロから見事でアニメーション豊かな HTML プレゼンテーションを作成するか、PowerPoint ファイルを変換して生成する。ユーザーがプレゼンテーションを作成する、PPT/PPTX を Web 版に変換する、講演やピッチ用のスライドを作成するときに使用する。非デザイナーが抽象的な選択ではなく視覚的な探索を通じて自分の審美眼を見つけるのを助ける。

ドキュメント48
F
fusion360

Claude Bridge アドイン経由で Autodesk Fusion 360 CAD ソフトウェアを操作します。スケッチの作成、図形の描画、3D オブジェクトの押し出し、複雑なモデルの構築を対話的に行えます。

デザイン・UI48
G
graphic-slide-deck
graphic-slide-deck
varnan-tech / opendirectory

ブリーフやコンテンツから、プロフェッショナルにデザインされた HTML スライドデッキを生成する。単一ファイルのプレゼンテーション+任意の PDF を出力する。13 種類のレイアウトと 8 種類のスタイルプリセットに対応。ユーザーが "create a slide deck"、"make a presentation"、"build a pitch deck"、"make slides"、"convert my notes to slides" と言ったときに発動する。

ドキュメント48
H
hig-components-menus
hig-components-menus
sickn33 / agentic-awesome-skills

適切なプラットフォームの慣例、コマンド階層、アクセシブルな操作に基づいて、Apple プラットフォームのメニュー、ボタン、ツールバー、開示コントロールを設計します。

デザイン・UI48
H
hig-components-status
hig-components-status
sickn33 / agentic-awesome-skills

Apple HIG によるステータスと進捗の UI コンポーネントのガイダンス。進捗インジケーター、ステータスバー、アクティビティリングを含む。

デザイン・UI48
I
iblai-workflow

Next.js アプリにワークフロービルダーのコンポーネントを追加する

開発48
I
ink
ink
simota / agent-skills

SVG アイコン/イラストの生成、アイコンシステムの設計、スプライトシンボルの構築。ベクターアセットが必要な場合に使用する。

デザイン・UI48
J
job-story-mapper
job-story-mapper
mohitagw15856 / pm-claude-skills

Jobs-to-be-Done(JTBD)のジョブストーリーを作成し、機能的、社会的、感情的な次元で顧客のジョブを整理する。ユーザーニーズの定義、ジョブストーリーの作成、JTBD リサーチの実施、顧客成果を軸とした機能の再構成を求められたときに使用。機会スコアリング、ペインの強度評価、製品機会分析を含むジョブストーリーマップを生成する。

デザイン・UI48
L
legal-visualization
legal-visualization
cat-xierluo / legal-skills

Legal Visualization。法務業務のシナリオ向けに法的な図解やチャートを生成するスキル。ユーザーが案件資料、契約資料、コンプライアンス事項、取引の取り決め、証拠チェーン、訴訟プロセス、タイムライン、法的関係、顧客向け報告、法律サービス提案、弁護士チームの業務を、関係図、フローチャート、タイムライン、証拠チェーン、リスク図、ロードマップ、PNG/SVG/PDF/.drawio に整理するよう求めたときに使用します。「法律可视化」「案件事实图」「法律关系图」といった表現にも対応します。まず対象読者、タスクの動詞、ルーティングルールに基づいてシナリオを絞り込み、その後で納品可能な画像を生成し、編集可能な下書きとして draw.io のソースファイルを保持します。本スキルは事実確認には使用されず、法的な結論の判断を代替するものでもありません。

デザイン・UI48
L
less-is-more-ui
less-is-more-ui
mendiak / less-is-more-ui

落ち着き、正確さ、機能性、視覚的な抑制を感じさせる Web インターフェースを設計、リファクタリング、レビューするときに使用します。Ludwig Mies van der Rohe、Louis Sullivan、Massimo Vignelli、Dieter Rams、Jony Ive に触発されたミニマル UI の原則を適用し、力強いタイポグラフィ、構造化されたレイアウト、セマンティック HTML、抑制されたモーション、視覚的なノイズの排除を重視します。

デザイン・UI48
M
mapstage
mapstage
hopechen067 / mapstage

MapStage のライブ調整ツール。地図/地球儀の投影、衛星画像、段彩地形、3D 地形、地域の分離、CSS カラーグレーディング、JSON プリセットに対応。

デザイン・UI48
M
motion-designer
motion-designer
kaventro / motion-designer

アプリのローンチフィルムを制作する。モバイル(iPhone 内)またはデスクトップ(ノートパソコンのデスクトップ上のウィンドウ、実ポインタ付き。Web アプリはブラウザウィンドウ内)で、実際の UI を HTML で再構築またはキャプチャし、あるいはブランドのキャラクターとエンドカードを使ったパネルでストーリーを語る。フィルムはビートに合わせて編集され、それ用に(またはユーザーの)オリジナルトラックに乗せ、選んだビジュアルスタイルで、ユーザーが選ぶローカル音声(Chatterbox または Kokoro)の任意のナレーションを付け、フレームごとに確認して MP4、ミュートのループ、ポスター、単一の自己完結型 HTML にレンダリングする。また、小節とフレームに合わせてトラックを作成または編集し、ナレーションを書き、ミックスし、確認のうえ必要なツールを確認してインストールする。ユーザーが iOS、Android、macOS、Windows、Linux、Electron、Tauri、または Web アプリのローンチ動画、プロモ、ティーザー、プロダクトフィルムを求めるとき、そうしたフィルムのストーリー、スタイル、テンポ、デバイス、音楽、ナレーションを変更したいとき、音楽の制作やフィルムのビートに合わせたトラックの編集、ナレーションのミックスを求めるとき、またはこのツールの実行に何が必要かを尋ねるときに使用する。

クリエイティブ・メディア48
M
mui-v7-mastery
mui-v7-mastery
just-mpm / conformai

React + TypeScript 向け MUI V7 の完全ガイド。V6→V7 の移行、高度なレスポンシブデザイン、プロフェッショナルなテーマ設定、コンポーネントパターン、古い構文の自動検出を教える。ダッシュボード、モダンなインターフェースの作成、または Material-UI/MUI を扱うときに使用する。

デザイン・UI48
N
no-ai-slop
no-ai-slop
claudiusararu / unslop-ui-skill

ウェブサイト、ウェブアプリ、モバイルアプリの UI を構築、生成、レビューする際に使用し、AI 生成ではなく意図的にデザインされた見た目に整えます。よくある AI/テンプレートの「特徴」(Inter/Geist などの既定フォント、藍色や紫青のグラデーション、クリーム色の背景、コントラストの低い灰色の文字、ヒーロー上のピル/小見出し、アイコンカードのグリッド、shadcn の既定カード、em ダッシュ、無理に配置された見出しや孤立した見出し、すべてを下からフェードインさせる演出、モデル生成のアイコン、画像不足、一貫性のないコンポーネント、モバイルメニューの欠落)を取り除き、選択したビジュアルスタイルを適用します。完全なカタログは TELLS.md にあります

デザイン・UI48
O
odoo-frontend
odoo-frontend
ahmed-lakosha / odoo-plugins

高度な Odoo フロントエンド開発。包括的なテーマ開発、/create-theme コマンド、theme.utils アクティベーションシステム、完全な動的ページリファレンス(ヘッダー、フッター、ショップ、ブログ)、デザインワークフロー方法論、PWA サポート、モダンな JavaScript/TypeScript、テストフレームワーク、パフォーマンス最適化、アクセシビリティ準拠、リアルタイム機能を扱います。完全な $o-website-values-palettes リファレンス、テーマミラーモデルアーキテクチャ、editableMode 処理を備えた publicWidget パターン、MCP 統合を備えています。Odoo 14-19 を自動検出でサポートします。 <example> Context: User wants to create a new Odoo website theme user: "Create a new website theme for Odoo 17" assistant: "I will use the odoo-frontend skill to scaffold a complete theme module with primary_variables.scss, Bootstrap overrides, and mirror model page definitions." <commentary>Core trigger - new theme creation from scratch.</commentary> </example> <example> Context: User wants to add a section to an existing theme user: "Add a hero section to my Odoo website homepage" assistant: "I will use the odoo-frontend skill to create a publicWidget-based hero snippet with SCSS styling that follows Bootstrap 5.1.3 grid conventions." <commentary>Incremental theme work - adding components.</commentary> </example> <example> Context: User wants to implement a Figma design in Odoo user: "Implement this Figma design as an Odoo 17 theme" assistant: "I will use the odoo-frontend skill with Figma MCP to extract design tokens and convert them into Odoo theme SCSS variables and Bootstrap-compatible layouts." <commentary>Design-to-code workflow with Figma MCP integration.</commentary> </example>

開発48
O
Onboarding Designer
eddiebe147 / claude-settings

アクティベーション、定着、継続利用を促進する効果的なユーザーオンボーディングフローを設計します

デザイン・UI48
P
paywall-upgrade-cro

ユーザーがアプリ内ペイウォール、アップグレード画面、アップセルモーダル、機能ゲートを作成または最適化したい場合に使用します。「paywall」「upgrade screen」「upgrade modal」「upsell」「feature gate」「convert free to paid」「freemium conversion」「trial expiration screen」「limit reached screen」「plan upgrade prompt」「in-app pricing」への言及erview灵活性... 「in-app pricing」と言及した場合にも使用します。公開の料金ページ(page-cro を参照)とは異なります。本スキルは、ユーザーがすでに価値を実感した後のアプリ内アップグレードの場面に集中します。

マーケティング・グロース48
P
pixel
pixel
simota / agent-skills

画像モックアップ(PNG/JPG/スクリーンショット)からピクセル単位で正確な HTML/CSS コードを生成し、忠実な再現のために視覚的な検証を行う。モックアップからコードへの生成が必要な場合に使用する。

デザイン・UI48
P
polish
polish
paragonhq / stealth-skills

仕上げの最後の10%をチェックリスト形式で扱います。ファビコンとソーシャル画像、ドキュメントタイトル、選択色とスクロールバーの色、フォーカスリング、キーボードヒント、等幅数字、アイコンの一貫性、画像サイズ、外部リンクのマーカー、アンカー位置のオフセット、404ページ、モーション抑制とホバー制御、タブタイトルの状態、動作するだけの状態から完成度を高める細かな修正を確認します。磨き上げ、完成、リリース、「完成した感じにして」と依頼された場合や、リリース前に使用します。

デザイン・UI48
P
postrboard
postrboard
burkeholland / postrboard-design

Postrboard CSS で具体的で抑制の効いたプロダクトインターフェースを構築します。ネイティブコンポーネントを優先し、誠実なコンテンツを用い、ありがちな AI デザインは避けます。

デザイン・UI48
P
pptx
pptx
nogataka / slidekit

.pptxファイルが入力、出力、またはその両方として何らかの形で関わる場合は、必ずこのスキルを使用します。対象には、スライドデッキ、ピッチデッキ、プレゼンテーションの作成、.pptxファイルの読み取り・解析・テキスト抽出(抽出内容をメールや要約など別の用途に使う場合も含む)、既存プレゼンテーションの編集・変更・更新、スライドファイルの結合・分割、テンプレート、レイアウト、発表者ノート、コメントの操作が含まれます。ユーザーが「deck」「slides」「presentation」と言った場合、または.pptxファイル名を示した場合は、その後の利用目的にかかわらず起動します。.pptxファイルを開く、作成する、または操作する必要がある場合は、このスキルを使用してください。

ドキュメント48
P
pricing-page
pricing-page
tushaarmehtaa / tushar-skills

Dodo Payments の価格設定、ティア定義、機能ゲート、チェックアウト、請求ポータル、UI を足場組みする。Dodo Payments でアプリをマネタイズするときに使用する。

開発48
P
prototype
prototype
dyrits / skills

ロジック、状態、または UI に関する、ユーザーから要望された、または承認された設計上の問いに答えるために、範囲を限定した実験的プロトタイプを構築する。ユーザーが本格着手の前にアイデアを試したい場合、または状態モデルやインターフェースのバリアントを確認したい場合に使用。

開発48
P
python-visuals
python-visuals
data-goblin / power-bi-agentic-development

PBIR レポート向けの Python ビジュアル作成と matplotlib/seaborn のパターン。ユーザーが "Python visual"、"matplotlib in Power BI"、"seaborn in Power BI"、"pythonVisual" に言及した場合、または "create a Python visual"、"add a matplotlib chart"、"write a Python visual script" を求めた場合に自動的に呼び出す。

データ・データベース48
R
react-native-reusables
react-native-reusables
maikotrindade / awesome-react-native-skills

NativeWind v4、RN Primitives、CLI スキャフォールディングを備えた React Native 向け shadcn/ui スタイルのコンポーネント。コピー&ペースト式の UI コンポーネント、テーマ設定、オーバーレイパターンで Expo アプリを構築するときに使用する。

デザイン・UI48
R
readme-generator
readme-generator
geekjourneyx / readme-generator

GitHub プロジェクト向けにポートフォリオ級の README.md を生成する。「README を書いて」「README を生成」「README を最適化」「README のベストプラクティス」「プロジェクトのトップページ」「オープンソースの説明」「README のインフォグラフィック」「README のカバー」「Codex Image Gen / gpt-image-2 で README 画像を生成」といったリクエストに使用する。出力には、抑制の効いた README のナラティブ、最大 2 点の高品質なビジュアル素材、圧縮した画像、MIT ライセンス、GitHub Description と Topics の推奨、推奨スター数、任意の gh CLI 更新提案が含まれる。重点は、プロジェクトが自らのストーリーを語れるように支援し、プロジェクトの種類に基づいてビジュアルの強度を判断し、テンプレートの流用、情報の詰め込み、過剰なデザインを避けることにある。

開発48
R
repaint
repaint
lucassantana-dev / repaint

AI 生成や流用に見えない、本番品質のフロントエンド UI を構築します。取り入れる要素は、クライアントの世界観、リファレンス、トークン、インタラクション、アクセシビリティ/SEO、粗雑さの監査です。ページ、コンポーネント、ダッシュボードの構築、オーナーが結果をありきたりと感じた場合、または製品独自のビジュアル言語が必要な場合に使用します。

デザイン・UI48
R
requirements-from-brief
requirements-from-brief
mattjmdesign / dengskills

設計や実装の前に、製品ブリーフ、ステークホルダーのメモ、機能アイデア、クライアントの要望、思いつきで作ったコンセプトをフロントエンド要件に落とし込むときにこのスキルを使用します。FR-XX の機能要件、NFR-XX の品質制約、明示的なスコープ外項目、依存関係、前提、未解決の問い、推奨する次のステップを生成します。

開発48
R
rich-page
rich-page
niekcandaele / skills

真に視覚的かつインタラクティブな単一の自己完結型 HTML ページを生成する — グラフ、図、モーション、タブ、比較トグル、クリックで展開、base64 でインライン化した画像、主張のあるタイポグラフィ。任意のコンテンツから豊かなビジュアル成果物をユーザーが求めるあらゆる場面で使用:解説記事、リサーチレポート、PRD や仕様ページ、ピッチ、社内ワンページャー、「もっと退屈でなくして」という作り直し、スクロールスナップのデッキ、ランディングページ風の要約、 distilled report。トリガー表現:「X についてのページを作って」、「この PDF/doc をビジュアルなものにして」、「デッキ/トーク/ピッチを作って」、「Y をビジュアルに説明して」、「読みやすくして」、「見た目を華やかにして」、「チームに見せられるものが欲しい」、「これの退屈でないバージョン」、「あのページを作り直して」、「もっとビジュアルでやり直して」。出力は 1 つの .html ファイルで、DM で送っても同一にレンダリングされる — CDN ライブラリ(Tailwind、Chart.js、D3、GSAP、Mermaid、Lucide)は安定した jsdelivr/unpkg の URL から読み込み、すべての画像は base64 でインライン化。プレーンな Markdown ドキュメント向けではない(technical-writer を使用)、コードレビュー向けではない(reviewer を使用)、チームが継続的に編集する保守可能なコンポーネントコード向けではない(frontend-design を使用 — rich-page は一度きりの HTML 成果物を生成するもので、生きたソフトウェアではない)。

デザイン・UI48
S
scientific-schematics
scientific-schematics
crazymsn / academic-skills

Nano Banana 2 AI とスマートな反復改善を用いて出版品質の科学図を作成する。品質レビューには Gemini 3.1 Pro Preview を使用する。ドキュメント種別ごとの閾値を下回った場合にのみ再生成する。ニューラルネットワークのアーキテクチャ、システム図、フローチャート、生物学的パスウェイ、複雑な科学的可視化を得意とする。

デザイン・UI48
S
scientific-slides
scientific-slides
kalarislabs / research-agent-skills

研究発表向けのスライドやプレゼンテーションを作成します。PowerPoint スライド、学会発表、セミナー、研究発表、論文審査用スライドなど、科学分野の講演に使用します。スライド構成、デザインテンプレート、時間配分のガイダンス、視覚的な検証を提供します。PowerPoint と LaTeX Beamer に対応します。

ドキュメント48
S
scientific-visualization
scientific-visualization
jackspace / claudeskillz

matplotlib/seaborn/plotly で論文用の図を作成します。複数パネルのレイアウト、エラーバー、有意差マーカー、色覚多様性に配慮した配色に対応し、PDF/EPS/TIFF にエクスポートして学術誌向けの科学図を作成します。

データ・データベース48
S
shadcn
squirrelfishcityhall150 / claude-code-kit

shadcn/ui コンポーネントライブラリのパターン

デザイン・UI48
S
skeleton
skeleton
claude-dev-suite / claude-dev-suite

Svelte アプリ向けの Skeleton UI コンポーネントライブラリ。Tailwind CSS を基盤とし、充実したテーマ設定、デザイントークン、アクセシブルなコンポーネントを提供する。レイアウト、フォーム、データ表示、ナビゲーションのエキスパートパターン。使用場面:ユーザーが "Skeleton UI"、"Skeleton Svelte" に言及する場合、または "Svelte component library"、"Tailwind + Svelte"、"Skeleton components"、"Svelte design system"、"Skeleton theming" について尋ねる場合。使用しない場面:他の UI ライブラリ — それぞれのスキル(Shadcn、DaisyUI など)を使用

デザイン・UI48
S
specification-website

プラットフォームに依存しない優れたウェブサイトの仕様「The Website Specification」を検索して適用します。各項目は必須、推奨、任意、回避に分類されています。サイトに必要な要素、何かが必須かどうか、URL の監査方法、エージェント対応に不足している点など、ウェブのベストプラクティスを推測で答えることになる質問に使用します。WHATWG、W3C、IETF RFC、IANA、WCAG などの一次資料に基づいて回答します。HTTP 経由の Markdown として利用でき、検索、一覧、取得、チェックリスト、監査ツールを備えた MCP サーバーとしても利用できます。

デザイン・UI48
S
spectrum-web-components

Spectrum Web Components(SWC)——Adobe の Spectrum 1 Web コンポーネントライブラリ——で UI を構築する。開発者が @spectrum-web-components/* パッケージや sp-* カスタム要素を扱うときに使用する。コンポーネント API リファレンス、使用例、アクセシビリティガイド、統合ガイドを含む。

デザイン・UI48
S
stitch-design
stitch-design
nguyenthienthanh / aura-frog

Google Stitch AI と最適化されたプロンプトを使って UI デザインを生成する

デザイン・UI48
S
syncfusion-maui-toolkit-expander
syncfusion-maui-toolkit-expander
syncfusion / maui-toolkit-ui-components-skills

.NET MAUI アプリで折りたたみ可能なコンテンツセクション向けの Syncfusion .NET MAUI Expander (SfExpander) コントロールを実装する。エクスパンダー、折りたたみセクション、アコーディオン、展開可能なパネル、展開/折りたたみ機能を扱う場合に使用する。省スペースなレイアウト、ヘッダーのカスタマイズ、展開/折りたたみアニメーションを扱う。

デザイン・UI48
S
syncfusion-maui-toolkit-otp-input
syncfusion-maui-toolkit-otp-input
syncfusion / maui-toolkit-ui-components-skills

.NET MAUI アプリで認証フロー向けの OTP Input コントロールを実装する。入力タイプ(Number、Text、Password)、スタイルモード(Outlined、Filled、Underlined)、イベント処理、値バインディング、検証パターン、アクセシビリティを扱う。SMS/メールの OTP 検証、多段階認証、安全なログインフォームを構築する場合にこのスキルを使用する。

デザイン・UI48
S
syncfusion-maui-toolkit-popup
syncfusion-maui-toolkit-popup
syncfusion / maui-toolkit-ui-components-skills

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

デザイン・UI48
S
syncfusion-maui-toolkit-pull-to-refresh
syncfusion-maui-toolkit-pull-to-refresh
syncfusion / maui-toolkit-ui-components-skills

インタラクティブなコンテンツ更新のための Syncfusion .NET MAUI PullToRefresh (SfPullToRefresh) コントロールを実装する。プル更新、更新コントロール、スワイプ更新、プルジェスチャーでのコンテンツ更新を扱う場合に使用する。ListView、DataGrid、その他のスクロール可能なコンテンツの更新シナリオ、更新インジケーターのカスタマイズ、MVVM 更新パターン、プル更新イベントを扱う。

デザイン・UI48
S
syncfusion-winui-avatar-view
syncfusion-winui-avatar-view
syncfusion / winui-ui-components-skills

ユーザーのアバターとプロフィール画像を表示するための Syncfusion WinUI AvatarView コントロールを実装するガイド。WinUI アプリケーションで視覚的なユーザー表現を必要とするユーザープロフィール、連絡先リスト、チャットインターフェイスを実装するときに使用します。このスキルでは、イニシャル表示、画像アバター、グループアバター、定義済みアバター文字を扱います。

デザイン・UI48
S
syncfusion-winui-busy-indicator
syncfusion-winui-busy-indicator
syncfusion / winui-ui-components-skills

読み込みインジケーターと進行状況を表示するための Syncfusion WinUI BusyIndicator コントロールを実装するガイド。WinUI アプリケーションで読み込みインジケーターを実装する、進行状況を表示する、バックグラウンド操作を示す、または待機画面を作成するときにこのスキルを使用します。非同期のデータ読み込み、ファイル操作、API 呼び出し、および処理タスク中にユーザーへの通知が必要なあらゆるシナリオに不可欠です。

デザイン・UI48
S
syncfusion-winui-circular-charts
syncfusion-winui-circular-charts
syncfusion / winui-ui-components-skills

比例データを表示するための円グラフとドーナツグラフによる Syncfusion WinUI Circular Charts(SfCircularChart)を実装します。WinUI アプリケーションで円グラフ、パイチャート、ドーナツチャートを扱うときに使用します。このスキルでは、グラフシリーズの構成、データラベル、凡例、ツールチップ、セグメントの選択、セグメントの展開、およびインタラクティブな円形可視化のための視覚的なカスタマイズを扱います。

デザイン・UI48
S
syncfusion-winui-color-palette
syncfusion-winui-color-palette
syncfusion / winui-ui-components-skills

Windows デスクトップアプリケーションでスウォッチベースの色選択を行うための Syncfusion WinUI Color Palette コントロール(SfColorPalette)の実装ガイド。テーマカラー、標準色、カスタムカラーパレット、または More Colors ダイアログを扱うときにこのスキルを使用します。カラーパレットの設定、テーマカラーのサポート、標準色の構成、UI のカスタマイズ、ベストプラクティスを扱います。

デザイン・UI48
S
syncfusion-winui-combobox
syncfusion-winui-combobox
syncfusion / winui-ui-components-skills

フィルタリングとトークン表示を備えた単一選択および複数選択のための Syncfusion WinUI ComboBox コントロール(SfComboBox)を実装するガイド。WinUI アプリケーションで検索可能なドロップダウン、複数選択コンボボックス、または編集可能なコンボボックスを扱うときに使用します。このスキルでは、選択モード、データバインディング、フィルタリング、グループ化、カスタム項目テンプレートを扱います。

デザイン・UI48
S
syncfusion-winui-dropdown-color-palette
syncfusion-winui-dropdown-color-palette
syncfusion / winui-ui-components-skills

Windows デスクトップアプリケーションで色を選択するための Syncfusion WinUI DropDown Color Palette コントロールの実装ガイド。色選択ドロップダウン、テーマカラーのサポート、カスタムカラーパレット、分割モードボタン、または More Colors ダイアログを実装するときにこのスキルを使用します。ドロップダウンのカスタマイズ、パレット構造、色ベースの UI 操作を扱います。

デザイン・UI48
S
syncfusion-winui-linear-gauge
syncfusion-winui-linear-gauge
syncfusion / winui-ui-components-skills

デスクトップアプリケーションにおけるデータ可視化のための Syncfusion WinUI Linear Gauge(SfLinearGauge)コントロールを実装します。WinUI で進捗インジケーター、温度表示、またはデータ計測ゲージを構築するときに使用します。このスキルでは、軸の構成、ポインターの種類(バーと図形)、範囲のカスタマイズ、アニメーションを扱います。

デザイン・UI48
S
syncfusion-winui-masked-textbox
syncfusion-winui-masked-textbox
syncfusion / winui-ui-components-skills

カスタマイズ可能なマスクパターンによる検証済みテキスト入力のための Syncfusion WinUI MaskedTextBox (SfMaskedTextBox) の実装ガイド。WinUI アプリでマスク入力フィールド、書式付きデータ入力(電話番号、日付、SSN、IP アドレス)を実装する場合や、テキスト入力を特定のパターンに制限する場合に使用します。本スキルでは、マスク構成、プロンプト文字、エラー表示について説明します。

デザイン・UI48
S
syncfusion-winui-pyramid-chart
syncfusion-winui-pyramid-chart
syncfusion / winui-ui-components-skills

階層的な比例データを可視化するための Syncfusion WinUI Pyramid Charts (SfPyramidChart) を実装します。WinUI アプリでピラミッドチャート、階層的可視化、比例データ表示を扱う場合に使用します。本スキルでは、データバインディング、凡例の構成、分離セグメント、ツールチップ、データラベル、選択操作、パレットとグラデーションによるカスタムスタイルについて説明します。

デザイン・UI48
S
syncfusion-winui-range-slider
syncfusion-winui-range-slider
syncfusion / winui-ui-components-skills

デスクトップアプリでの範囲選択のための Syncfusion WinUI RangeSlider (SfRangeSlider) コントロールを実装します。範囲セレクター、デュアルサムスライダー、数値範囲選択インターフェイスを扱う場合に使用します。本スキルでは、構成、ラベル、目盛り、区切り線、トラックのカスタマイズ、サムのスタイル、ツールチップ、WinUI アプリでのインタラクティブな範囲選択の値処理について説明します。

開発48
S
syncfusion-winui-time-picker
syncfusion-winui-time-picker
syncfusion / winui-ui-components-skills

デスクトップアプリでの時刻入力と選択のための Syncfusion WinUI TimePicker (SfTimePicker) コントロールを実装します。時刻入力コントロール、時刻選択インターフェイス、ドロップダウンの時刻スピナーを構築する場合に使用します。本スキルでは、時刻制限、時刻書式、ドロップダウンスピナーのカスタマイズ、WinUI アプリでのスケジュールや予約シナリオにおける時刻選択について説明します。

開発48
T
tailwind-shadcn
tailwind-shadcn
canatufkansu / claude-skills

Tailwind CSS のユーティリティパターンと shadcn/ui コンポーネントの使用法、CSS 変数によるテーマ設定、レスポンシブデザイン。コンポーネントのスタイリング、shadcn コンポーネントのインストール、ダークモードの実装、一貫したデザインシステムの作成に使用する。

デザイン・UI48
T
theme-foundation
theme-foundation
basiclines / rampa-studio

単一のブランドカラーから、アクセント、セカンダリ、ニュートラルのカラーランプを備えた完全なテーマ基盤を作成する。ライト/ダークモードのテーマを構築するとき、または新しいデザインシステムを始めるときに使用する。

デザイン・UI48
T
triage-visual-changes
triage-visual-changes
uiverify / uiverify

UI Verify MCP 経由で、コーディングエージェントが実行した UI Verify ビルドをトリアージします。変更されたストーリーを実際のリグレッション、見た目上のリフロー、レンダリングノイズに分類し、PR コメント用に実際のリグレッションを要約し、ベースラインを一括承認します。UI Verify ビルドで変更が報告され、ダッシュボードをクリックして回る代わりに、エージェントにターミナルからレビュー、要約、承認させたい場合に使用します。トリガー:「このビルドをトリアージ」「視覚的なリグレッションを要約」「新しいベースラインをすべて承認」。

テスト・品質48
T
typo3-accessibility
typo3-accessibility
dirnbauer / webconsulting-skills

WCAG 2.2 AA に向けた TYPO3 のアクセシビリティパターンを監査および実装する。Fluid テンプレート、PHP ヘルパー、JavaScript ウィジェット、フォーム、フォーカス状態、ARIA、公開前チェックを含む。TYPO3 のテンプレート、コンテンツ要素、拡張機能、またはフロントエンドコードを、アクセシビリティ、キーボード対応、スクリーンリーダー、WCAG、ARIA、a11y 対応の観点で構築またはレビューするときに使用する。

デザイン・UI48
U
ui
ui
unity-technologies / unity-agent-plugin

Unity UI の依頼を適切なフレームワークスキル(UI Toolkit、uGUI、IMGUI)に振り分け、UI の比較に関する質問にも回答します。依頼でフレームワークが指定されていない場合に、メニュー、HUD、パネル、エディター UI で使用します。UI コードを書く前に参照してください。

デザイン・UI48
U
ui-ux-pro-max
ui-ux-pro-max
j-star-films-studios / vibecode-protocol-suite

ソフトウェア開発のワークフロー、プロジェクト管理、チームコラボレーションを効率化するための、包括的なプロトコル、メタプロンプト、オーケストレーションツールのセット。効率的な開発プロセスのためのウェブインターフェース、ユーザーマニュアル、再利用可能なテンプレートを備えたVibeCode Protocol Suiteを含む

デザイン・UI48
10,586 件中 9241–9300 件

MCP は初めてですか?

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

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