mcpField

Skills

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

デザイン・UI

O
og-image
og-image
dirnbauer / webconsulting-skills

ソーシャルメディアのプレビュー画像(Open Graph)を生成し、メタタグを設定します。プロジェクト既存のデザインシステムを使ってスクリーンショットに最適化されたページを作成し、1200x630でキャプチャして、すべてのソーシャル共有用メタタグを設定します。

マーケティング・グロース45
P
Pencil Basics
Pencil Basics
gyejoon / pencil-plugin

ユーザーが "pencil 사용법"、".pen 파일"、"노드 타입"、"레이아웃 시스템"、"pencil mcp"、"batch_design"、"batch_get" について質問する場合、または Pencil デザインファイルの扱い方を理解したい場合にこのスキルを使用する。Pencil MCP ツールを効果的に使用するための包括的なガイダンスを提供する。

デザイン・UI45
P
pendo
pendo
membranedev / application-skills

Pendo 統合。ガイド、セグメント、ページ、機能、フィードバック、投票を管理します。ユーザーが Pendo のデータを操作したいときに使用します。

データ・データベース45
P
polish
polish
paragonhq / stealth-skills

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

デザイン・UI45
P
poplar-direct-mail
poplar-direct-mail
ckorhonen / claude-skills

PoplarのHTMLテンプレートとAPIを使って、プログラムによるダイレクトメールを設計・送信します。パーソナライズした動的な郵送物(ポストカード、二つ折り、三つ折り、手紙)の作成や、API経由での発送指示に使用します。

マーケティング・グロース45
P
pr
pr
tranz007 / ux-skills

UX 関連の実装に向けた高品質なプルリクエストの説明を作成し、変更がなぜ存在するのか、どの挙動が変わったのか、デザインシステムの使用、状態、アクセシビリティ、テスト、リスク、レビュアーが確認すべき点を説明する。デザインまたはデザインエンジニアリングの作業が PR にする準備が整った場合に使用する。

開発45
P
principle-exhaust-the-design-space
principle-exhaust-the-design-space
ericlitman / open-pstack

コードベースに前例のない新しい UI インタラクションやアーキテクチャ上の判断に直面したときに適用します。異なる案のプロトタイプを 2~3 個作成し、並べて比較してから決定します。

デザイン・UI45
R
ripple
ripple
tranz007 / ux-skills

UX、フロー、コンポーネント、コンテンツ、デザインシステムの変更が他に何に影響しうるかを追跡する。デザイナーが「これを変えたら他に何が動くのか」「他に何に影響しうるのか」と尋ねたとき、または変更を確定する前に下流の UX 影響を把握したいときに使用する。

デザイン・UI45
S
saas-product-ui-system
saas-product-ui-system
dhananjaym182 / ai-ui-design-skills

ダッシュボード、設定、管理/ランタイム画面、エディター、ビルダー、テーブル、フォーム、ドロワー、サイドバー、および関連する公開画面にわたり、落ち着いたプレミアムで本番対応のインターフェースを設計、レビュー、実装するための標準的な SaaS プロダクト UI スキル。装飾的な単発デザインではなく、強い階層、再利用可能なトークン、タイポグラフィ、レスポンシブレイアウトルール、コンポーネントの一貫性、アプリ画面のパターンが必要な場合に使用。

デザイン・UI45
S
scrivito
scrivito
membranedev / application-skills

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

マーケティング・グロース45
S
seeing-images
seeing-images
oaustegard / claude-skills

ネイティブの視覚能力を超えて画像を分析するための拡張ビジョンツール。画像を詳細に説明する、画像を SVG として再現する、微妙な特徴を特定する、画像の領域を比較する、劣化したテキストを読み取る、あるいは注意深い視覚的検査を要するあらゆるタスクを任されたときに使用する。image-to-svg スキルが色、形状、境界についての正解データを必要とするときにも使用する。

クリエイティブ・メディア45
S
shadcn-tailwind-ui
shadcn-tailwind-ui
liarmttt / tavernweave

shadcn/ui、Radix UI プリミティブ、Tailwind CSS を使ったアクセシブルな React インターフェースを構築、再スタイル、レビューする。コンポーネントの構成、レスポンシブレイアウト、セマンティックなデザイントークン、ダークモード、フォーム、ダイアログ、テーブル、キーボード操作、React、Vite、Next.js プロジェクトでの安全な Tailwind 設定に使用する。canvas アート、ポスター、フォントバンドル、非 React フレームワーク、一般的なブランドデザインには使用しない。

デザイン・UI45
S
shopify-alt-text
shopify-alt-text
kgelster / awesome-ecom-skills

Shopify ストアで不足している画像の alt テキストをバックフィルする場合に使用:alt 属性のない画像、商品画像のアクセシビリティ用 alt テキスト、ファイルライブラリ画像の alt テキスト、画像 SEO、またはテキスト代替のない画像を指摘する WCAG/アクセシビリティチェック。トリガー:"backfill alt text"、"fill in missing alt text"、"images have no alt"、"add alt attributes for accessibility"、"image SEO sweep"。1 つのミューテーション fileUpdate で商品メディアとファイルライブラリの両方をカバーする。meta タイトル/説明には使用しない(shopify-seo-metadata を使用)。

デザイン・UI45
S
solo-landing-gen
solo-landing-gen
fortunto2 / solo-factory

「ランディングページを作成」「ランディングコピーを書く」「ヒーローセクション」「A/B 見出し」「ランディングコンテンツ」、または PRD からマーケティングページが必要なときに使用。SEO 監査(/seo-audit)には使用しない。

マーケティング・グロース45
S
space-gzh-cover
space-gzh-cover
spacezephyr / creator-buddy

WeChat 公式アカウント用の 2.35:1 ヘッダー画像カバーを作成する。Codex 内蔵の image_gen で生成し、ビジュアルは「軽やかな AI プロダクト・インフォグラフィック」システム(白/淡いラベンダー背景、墨黒の大きな見出し、テックパープルとライムグリーンのアクセント、角丸カード、線形アイコン)を踏襲する。共有セーフゾーンの検証を内蔵 — WeChat 公式アカウントのカバーをモーメンツに共有すると中央の 1:1 正方形のみが保持されるため、本 Skill は見出しが切れないようにする。ユーザーが「WeChat 公式アカウントのカバーを作る」「ヘッダー画像を作る」「記事のリード画像」「2.35:1 カバー」「WeChat 公式アカウントのカバー画像」「カバーを何案か作る」と言ったときにトリガーされる。

デザイン・UI45
S
spec
spec
adobe / skills

ウェブサイトの移行前仕様(ページ、リダイレクト、404、レイアウトのバリエーション、各ページに必要な EDS ブロックと再利用可否の判断、動的機能、マーケティングテクノロジー、未決事項)を、人と移行エージェント向けのドキュメント化されたナレッジファイルとして作成します。移行の範囲設定、見積もり、計画を求められた場合、「どのページがブロック X を使うか/ページ Y に必要なブロックは何か」といった質問、リダイレクトや404の一覧、移行概要の根拠となる情報を求められた場合に使用します。移行そのもの(複製、移行、展開)は行いません

開発45
S
state-sweep
state-sweep
tranz007 / ux-skills

読み込み、空、部分、権限、タイムアウト、古いデータ、バリデーション、失敗、中断、復帰など、欠けているインターフェースとサービスの状態を見つける。デザイナーが画面、コンポーネント、ジャーニー、機能からどの状態やエッジケースが欠けているかを尋ねる場合に使用する。

デザイン・UI45
S
stitch-html-components
stitch-html-components
gabelul / stitch-kit

Stitch の画面、ローカルの HTML ファイル、または URL を、クリーンでプラットフォーム非依存の HTML5 + CSS に変換する — セマンティックなマークアップ、テーマ設定用の CSS カスタムプロパティ、prefers-color-scheme によるダークモード、モバイルファーストのレスポンシブ、フレームワーク依存ゼロ。ブラウザ、WebView、Capacitor、Ionic で動作する。API キーが必要なのは Stitch のルートのみ。

開発45
S
stitch-ideate
stitch-ideate
gabelul / stitch-kit

トレンドを調査し、ビジュアルの方向性を探り、適応的な質問を通じてアイデアを洗練させる対話型デザインアイデアエージェント — その後、充実した PRD ドキュメントを作成し、Stitch の画面を自動生成する。デザインの前に深く考える、あなたのデザインバディ。

デザイン・UI45
S
stitch-mcp-create-design-system
stitch-mcp-create-design-system
gabelul / stitch-kit

テーマトークン(色、フォント、角丸)から再利用可能な Stitch Design System を作成する。今後の画面に適用して視覚的な一貫性を保つことができる。

デザイン・UI45
S
swift-apps
swift-apps
petekp / claude-code-setup

Swift で Apple プラットフォームのネイティブソフトウェアを構築、リファクタリング、レビュー、デバッグする。`.swift` ファイル、SwiftUI ビュー、Observation ベースの状態、`@Bindable` とバインディングフロー、SwiftData に支えられた UI、シーンとウィンドウ、検索/ナビゲーション構造、UIKit/AppKit 連携、Liquid Glass の採用、macOS ネイティブ UX、または SwiftUI のパフォーマンス/アクセシビリティを扱う場合に使用する。iOS、iPadOS、macOS、visionOS の機能の作成や仕上げ、SwiftUI ビュー構造の整理、ジャンクや無効化ストームの診断、アプリ品質のレビュー、または機能を優れた Apple プラットフォームアプリらしくする依頼で発動する。

開発45
S
syncfusion-maui-toolkit-cartesian-charts
syncfusion-maui-toolkit-cartesian-charts
syncfusion / maui-toolkit-ui-components-skills

データ可視化のための Syncfusion .NET MAUI デカルトチャート(SfCartesianChart)を実装する。折れ線、面、縦棒、横棒、ファイナンシャル、統計、積み上げなど 20 種類以上のチャートタイプに対応する。デカルトチャート、折れ線グラフ、面グラフ、またはファイナンシャルチャート(candle、OHLC)を実装する際に使用する。チャートの軸、凡例、ツールチップ、トラックボール、ズームとパン、チャート注釈を扱う。

デザイン・UI45
S
syncfusion-maui-toolkit-chips
syncfusion-maui-toolkit-chips
syncfusion / maui-toolkit-ui-components-skills

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

デザイン・UI45
S
syncfusion-maui-toolkit-circular-charts
syncfusion-maui-toolkit-circular-charts
syncfusion / maui-toolkit-ui-components-skills

円グラフ、ドーナツグラフ、放射棒グラフのタイプを含む Syncfusion .NET MAUI 円形チャート(SfCircularChart)を実装する。円形のデータ可視化、円グラフ、ドーナツグラフ、放射棒グラフを実装する際に使用する。割合の内訳、カテゴリ比較、部分と全体の関係、あるいは比例データを円形で表示するのに最適。

デザイン・UI45
S
syncfusion-maui-toolkit-circular-progressbar
syncfusion-maui-toolkit-circular-progressbar
syncfusion / maui-toolkit-ui-components-skills

Syncfusion .NET MAUI 円形プログレスバー(SfCircularProgressBar)コンポーネントを実装およびカスタマイズする。円形プログレスバー、円形進捗インジケーター、放射状進捗、プログレスサークル、または .NET MAUI アプリケーションのアーク進捗を扱う際に使用する。確定/不確定の進捗状態、アニメーション進捗インジケーター、セグメント化された円形進捗、カスタム角度を扱う。

デザイン・UI45
S
syncfusion-maui-toolkit-funnel-charts
syncfusion-maui-toolkit-funnel-charts
syncfusion / maui-toolkit-ui-components-skills

Syncfusion .NET MAUI ファネルチャート(SfFunnelChart)を実装およびカスタマイズする。ファネルチャート、セールスファネルの可視化、コンバージョンファネル分析、プロセス段階の可視化、マーケティングファネルの追跡を実装する際に使用する。ファネルチャートの実装、カスタマイズ、データラベル、凡例、ツールチップ、セグメント間隔、向きを扱う。

デザイン・UI45
S
syncfusion-maui-toolkit-linear-progressbar
syncfusion-maui-toolkit-linear-progressbar
syncfusion / maui-toolkit-ui-components-skills

Syncfusion .NET MAUI リニアプログレスバー(SfLinearProgressBar)コントロールを実装する。プログレスバー、進捗インジケーター、ローディングインジケーター、確定/不確定プログレス、バッファ進捗の可視化を扱う際に使用する。進捗の追跡、マルチセグメント進捗、アニメーション進捗、グラデーションプログレスバーを扱う。

デザイン・UI45
S
syncfusion-maui-toolkit-picker
syncfusion-maui-toolkit-picker
syncfusion / maui-toolkit-ui-components-skills

Syncfusion .NET MAUI Picker(SfPicker)コントロールを実装します。.NET MAUIアプリでピッカー、項目選択、選択肢選択、複数列ピッカー、ダイアログピッカーを扱う際に使用します。インストール、設定、モード(Default、Dialog、RelativeDialog)、ヘッダー/フッターのカスタマイズ、列の処理、データバインディング、イベント、アクセシビリティを扱います。

デザイン・UI45
S
syncfusion-maui-toolkit-polar-charts
syncfusion-maui-toolkit-polar-charts
syncfusion / maui-toolkit-ui-components-skills

データを極座標で可視化するための Syncfusion .NET MAUI 極座標チャート(SfPolarChart)を実装する。極座標チャート、レーダーチャート、スパイダーチャート、ウェブチャート、円形のデータ可視化を扱う際に使用する。値と角度でデータを表示する場合、極座標レイアウトで折れ線または面系列を作成する場合、複数のデータ系列を放射状に比較する場合に最適。

デザイン・UI45
S
syncfusion-maui-toolkit-shimmer
syncfusion-maui-toolkit-shimmer
syncfusion / maui-toolkit-ui-components-skills

Syncfusion .NET MAUI Shimmer(SfShimmer)の読み込みプレースホルダー効果を実装します。.NET MAUI アプリでシマーまたはスケルトンの読み込みアニメーション、読み込みプレースホルダー、コンテンツ読み込みインジケーターを実装する際に使用します。シマーの種類(CirclePersona、Article、Feed、Shopping)、カスタムシマービュー、波状アニメーション、カスタマイズを扱います。

デザイン・UI45
S
syncfusion-maui-toolkit-spark-charts
syncfusion-maui-toolkit-spark-charts
syncfusion / maui-toolkit-ui-components-skills

ユーザーが Syncfusion MAUI Spark Charts を実装する必要がある場合は常にこのスキルを使用する。spark chart、スパークライン、マイクロチャート、トレンドの可視化、狭いスペースでのデータ可視化、チャートタイプ(折れ線、面、縦棒、勝敗)、マーカー、範囲バンド、軸の構成、データポイントのスタイルでトリガーする。チャートのカスタマイズ、パフォーマンス最適化、マーカー構成、データバインディングパターン、アクセシビリティ要件にも直ちに使用する。

デザイン・UI45
S
syncfusion-maui-toolkit-sunburst-charts
syncfusion-maui-toolkit-sunburst-charts
syncfusion / maui-toolkit-ui-components-skills

同心円状のマルチレベルレイアウトを用いた階層データ可視化のための Syncfusion .NET MAUI サンバーストチャート(SfSunburstChart)を実装する。サンバーストチャート、放射状の階層チャート、マルチレベルの円グラフに使用する。組織構造、ファイルシステム、ネストされたカテゴリデータの可視化に最適。

デザイン・UI45
T
tailwind-design-system

Tailwind CSS v4、デザイントークン、コンポーネントライブラリ、レスポンシブパターンを用いて、拡張性の高いデザインシステムを構築します。コンポーネントライブラリの作成、デザインシステムの実装、UI パターンの標準化に使用します

デザイン・UI45
T
tailwindcss-core
tailwindcss-core
fusengine / agents

Tailwind の CSS-first(config.js なし)の設定、@theme トークンの定義、カスタム utility/variant の作成に使用する。v3 から v4 への移行やカテゴリ別 utility の検索には使用しないこと。

デザイン・UI45
T
tailwindcss-core
tailwindcss-core
fusengine / claude-plugins

認知的自動化と協調型エージェントシステムによって、開発を再定義します。

デザイン・UI45
T
tailwindcss-interactivity
tailwindcss-interactivity
fusengine / agents

カーソルの外観、スクロールスナップ/スムーズ動作、テキスト選択、pointer-events、タッチアクション、キャレット/accent カラーを制御するときに使用。

デザイン・UI45
T
tailwindcss-interactivity
tailwindcss-interactivity
fusengine / claude-plugins

認知的自動化と協調型エージェントシステムによって、開発を再定義します。

デザイン・UI45
T
tailwindcss-responsive
tailwindcss-responsive
fusengine / agents

異なる画面幅でレスポンシブバリアントを適用する場合、カスタムブレークポイントを定義する場合、コンテナクエリベースのコンポーネントを構築する場合に使用する。

デザイン・UI45
T
tailwindcss-responsive
tailwindcss-responsive
fusengine / claude-plugins

認知的自動化と協調型エージェントシステムによって、開発を再定義します。

デザイン・UI45
T
terminal-ui-design
eddiebe147 / claude-settings

独自性があり、本番品質でデザイン性の高いターミナルユーザーインターフェースを作成する。ユーザーがコマンドラインツール、TUI アプリケーション、ターミナルベースのインターフェースの構築を依頼したときにこのスキルを使用する。ありがちなターミナルの美学を避けた、創造的で洗練されたコードを生成する。

デザイン・UI45
T
theme-audit
theme-audit
chmouel / lazyworktree

すべてのテーマの完全性と正しい使い方を検証する

テスト・品質45
T
theme-factory
theme-factory
ovachiever / droid-tings

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

デザイン・UI45
T
tufte-slide-design
tufte-slide-design
ingpoc / skills

このスキルは Edward Tufte の『The Visual Display of Quantitative Information』のデータ可視化原則を適用して、インパクトの高いスライドを作成する。プレゼンテーションの設計、チャート/グラフの作成、スライドの明瞭さのレビュー、データの可視化に変換するときに使用。「make a slide」「create presentation」「design chart」「visualize data」「review my slides」「make this more impactful」といったフレーズでトリガー。

デザイン・UI45
T
tui-designer

レトロ/サイバーパンク/ハッカー風のターミナル UI を設計・実装する。React(Tuimorphic)、SwiftUI(Metal シェーダー)、CSS のアプローチを扱う。ターミナルの美学、CRT 効果、ネオングロー、走査線、リン光グリーン表示、レトロフューチャーなインターフェースを作成するときに使用する。

デザイン・UI45
U
ui-ux-specialist
ui-ux-specialist
yuniorglez / gemini-elite-core

シニアアクセシビリティ&フロントエンドエンジニア。2026 年に向けた WCAG 2.2 標準、セマンティック HTML、インクルーシブデザインの専門家。

デザイン・UI45
U
unslop
unslop
mshumer / unslop

unslop リポジトリを実行し、あるドメインに繰り返し現れる AI のデフォルト表現を分析し、再利用可能な skill ファイルを生成し、出力が具体的でベースラインと実質的に異なることを検証する必要があるときに、この skill を使用する。

エージェントワークフロー45
U
user-preferences-settings-review
user-preferences-settings-review
sylphxai / skills

ユーザー設定、パーソナライズのコントロール、通知設定、プライバシートグル、アクセシビリティオプション、言語/地域設定、テーマ、デフォルト動作、リセット/エクスポートの動作、デバイス間同期、設定の見つけやすさを設計・監査する。管理者ポリシー、請求、セキュリティ設定と混同せずに、ユーザーが製品の動作を恒久的に制御する必要がある場合に使用する。

デザイン・UI45
U
userleap
userleap
membranedev / application-skills

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

デザイン・UI45
U
ux-copy
ux-copy
n1arko / redaktura-skills

ロシア語の UX コピー:ボタン、フォーム、エラー、空の状態、オンボーディング、確認、通知、プッシュ、マイクロコピー。ユーザーがインターフェースのコピー、プロダクトメッセージ、UI 文字列、トランザクションメール、プッシュ通知、トースト、スナックバー、フォーム、空の状態、オンボーディング、エラー、確認、ラベル、ツールチップ、ボタンテキストの作成・書き直し・レビュー・選択・改善を求めたときはいつでもこのスキルを使用する。トリガー:「текст для кнопки」「сообщение об ошибке」「текст в форму」「пустое состояние」「подпись к полю」「текст тоста」「снекбар」「онбординг」「пуш-уведомление」「микрокопия」「UX-текст」「что написать на экране…」「лейбл поля」「тултип」「подтверждение удаления」「письмо-уведомление」。記事と投稿については statya と redaktura スキルを参照。プロジェクト用語集については redpolitika を参照。

デザイン・UI45
V
v0-dev
v0-dev
omer-metin / skills-for-antigravity

AI を活用した UI 生成のための v0.dev の使用に関するエキスパート。プロンプト戦略、コンポーネントの反復、shadcn/ui の統合、エクスポートワークフロー、カスタマイズを扱う。v0 から最良の結果を得る方法と、生成されたコンポーネントを本番コードベースに統合する方法を熟知している。「v0、v0.dev、generate ui、shadcn component、ai component、generate component、v0、v0-dev、ui-generation、shadcn、component-generation、ai-ui、vercel」に言及したときに使用する。

デザイン・UI45
V
visual-explainer
visual-explainer
zenobi-us / dotfiles

システム、コード変更、計画、データを視覚的に説明する、美しく自己完結した HTML ページを生成する。図、アーキテクチャ概要、diff レビュー、計画レビュー、プロジェクトの振り返り、比較表、または技術概念の視覚的説明をユーザーが求めたときに使用。複雑な ASCII 表(4 行以上または 3 列以上)をこれから描画しようとするときにも積極的に使い、代わりにスタイル付きの HTML ページとして提示する。

デザイン・UI45
V
visual-redesign
visual-redesign
yu-369 / vibecurb

既存の React コードベースに対する外科的な美的アップグレードパイプライン。醜くても機能するコード(Bootstrap のデフォルト、汎用的な Tailwind、素人っぽい CSS)を、基盤となる JavaScript ロジック——状態、副作用、API 呼び出し、イベントハンドラー、ルーティング、データフロー——に触れず壊さずに、Awwwards レベルの品質へと変換します。既存コードを 7 つのレイヤー(トークン、タイポグラフィ、余白、色、コンポーネント、雰囲気、モーション)で監査し、すべての要素を Sacred(JS ロジック——触れない)か Slop(視覚的な不要物——アップグレードする)に分類したうえで、レイヤーごとに正確な CSS のみの手術を実行します。開発者の「もっとよく見せて」を、制御された非破壊的な視覚的変換に変えるスキルです。

デザイン・UI45
V
visual-regression-testing
visual-regression-testing
jgtolentino / insightpulse-odoo

Playwright と jest-image-snapshot を用いた包括的なビジュアルリグレッションテスト。Ant Design のベストプラクティスに従い、スクリーンショット比較、ベースライン管理、CI/CD 統合、ビジュアル差分レポートを実装する。視覚的なバグの防止、UI の一貫性確保、ビジュアル QA の自動化に使用する。(プロジェクト)

テスト・品質45
V
vue3-naiveui-fsd
vue3-naiveui-fsd
shohzod-abdusamatov-7777777 / agent-skills

TypeScript、Clean Code、SOLID 原則を組み合わせた、シニアレベルの Vue 3 + Naive UI + Feature-Sliced Design

開発45
W
weasyprint-pdf-creation
weasyprint-pdf-creation
slapash / weasyprint-pdf-skill

WeasyPrint を使って所有する HTML/CSS テンプレートからデザインされた PDF を作成するときに使用します。請求書/レポート/提案書/ブリーフ/領収書/明細書のテンプレート、レンダリングスクリプト、サンプルギャラリー、フォントのガイダンス、ページサイズ・警告・オーバーフロー・抽出・視覚的レイアウトに関する QA チェックを網羅します。

ドキュメント45
W
web-dnd-dnd-kit
web-dnd-dnd-kit
agents-inc / skills

@dnd-kit によるドラッグ&ドロップ — ドラッグ可能、ドロップ可能、ソート可能、衝突検出、センサー、アクセシビリティ

開発45
W
webflow
webflow
okou-ai / okou-skills

説明はまだありません

デザイン・UI45
Y
yuv-decks
yuv-decks
hoodini / ai-agents-skills

@open-slide/core を使い、Yuval Avidani のシグネチャースタイルで映画的・物語主導のプレゼンデッキを構築する。ユーザーがトピックとオーディエンスを説明すると、このスキルは open-slide プロジェクトを立ち上げ、4 幕の物語アーク(Boarding → Ascent → Cruise → Descent)を起草し、Yuval の語り口(平易な言葉、専門用語なし、ストーリー主導)で全スライドを書き、yuv-design-system のブランドビジュアル言語を適用し、ヒーロー画像と動画パートのためにコンパニオンスキルを編成する。トリガー:"make a deck"、"create slides"、"build a presentation"、"build a deck"、"new deck"、"presentation about"、"talk deck"、"hackathon deck"、"open-slide deck"、"yuv-decks"、"yuv deck"、"deck like Yuval"、"מצגת"、"שקפים"、"דק"、"מצגת על"、"להכין מצגת"。ユーザーがスライドベースのトークを求めたときは常に積極的に使い、スキルが適切なスコープを自分で選ぶ。

ドキュメント45
A
alterlab-nmc-multimedia-story
alterlab-nmc-multimedia-story
alterlab-ieu / alterlab-fc-skills

ユーザーが "multimedia storytelling"、"interactive story"、"longform web feature"、"cross-platform narrative"、"scrollytelling"、"immersive journalism"、"act as a multimedia story builder"、"multimedia story mode"、"web documentary"、"transmedia narrative"、"visual storytelling"、"digital longform"、"parallax story"、"Shorthand"、"Scrollama"、"StoryMap"、"interactive feature"、"Juxtapose" について質問する場合、または Web 向けのクロスプラットフォームなナラティブ体験を設計・制作する専門知識が必要な場合に、このスキルを使用します。AlterLab FC Skills コレクション(New Media & Communication 部門)の一部です。

クリエイティブ・メディア44
A
alterlab-nmc-portfolio-curator
alterlab-nmc-portfolio-curator
alterlab-ieu / alterlab-fc-skills

ユーザーが "digital portfolio"、"portfolio website"、"project description"、"case study"、"portfolio curation"、"creative portfolio"、"act as a portfolio curator"、"portfolio curator mode"、"portfolio review"、"professional presentation"、"portfolio architecture"、"work samples"、"portfolio bio" について質問する場合、またはプロフェッショナルなデジタルポートフォリオの構築・構成・執筆に関する専門知識が必要な場合に、このスキルを使用します。AlterLab FC Skills コレクション(New Media & Communication 部門)の一部です。

マーケティング・グロース44
10,561 件中 9541–9600 件

MCP は初めてですか?

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

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