mcpField

Skills

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

デザイン・UI

M
motion
motion
paragonhq / stealth-skills

厳格なレビューに通るインターフェースのモーションを構築します。アニメーションが本当に必要かを判断し、目的を定め、最も低コストなツール、適切なプロパティ、イージング、時間またはスプリング、起点、中断方法、終了方法を選び、reduced-motion 対応を組み込んで実装します。アニメーションやモーション、トランジションの追加、動きのある表現、または出入り・移動・状態変化を伴うコンポーネントの構築に使用します。スクロール連動や WebGL の作業には scroll-and-webgl を使用します。

デザイン・UI44
N
nature-figure
nature-figure
boom5426 / nature-paper-skills

Python または R を使って、Nature 系およびその他の高インパクトジャーナル向けの投稿級の原稿図を作成、修正、監査、仕上げする。マルチパネルの科学プロット、matplotlib/seaborn、ggplot2/patchwork/ComplexHeatmap、ジャーナル対応の SVG/PDF/TIFF 書き出しを扱う。OpenRouter GPT Image 2 によるグラフィカルアブストラクトや、ユーザーが AI 生成を明示的に求めた場合の概念図・メカニズム図にも使用する。実行前に図の結論、エビデンスの論理、書き出しを確定し、選択または保存されたプロットバックエンドに従う。トリガー:paper figures、scientific/academic plotting、manuscript data visualization、論文配図、学術写作配図、科研绘图、科研作图、画图、作图、出図、論文図表、可視化、論文示意図、メカニズム示意図、図形摘要。ダッシュボードや Illustrator/Figma 主体のインフォグラフィックには使用しない。

データ・データベース44
N
navigating-design-jira-process
navigating-design-jira-process
bitwarden / ai-plugins

Bitwarden の Product and Design Jira ワークフローで設計作業を進める——チケットへの最終デザインの添付、Figma で追跡する 30/60/90 のクリティークサイクル、エンジニアリングのエピックとストーリーでのステータス遷移、単発のエンジニアリングストーリーフロー。

デザイン・UI44
O
oma-slide
oma-slide
gracefullight / stock-checker

OMA slide コマンドラインでプレゼンテーション資料を作成、インポート、修正、書き出しします。HTML スライドや PDF、PNG、PPTX での資料納品に使用します。

ドキュメント44
P
planning-wcag-audit
planning-wcag-audit
masup9 / a11y-specialist-skills

WAIC テストガイドラインを用いて、特定サイトの WCAG 監査を計画する。スコープ、ページ選定、環境、実行計画を含む。組織全体の長期的な改善計画には planning-a11y-improvement を使用する。

テスト・品質44
P
position-me
position-me
varnan-tech / opendirectory

AEO、GEO、SEO、UI/UX 心理学、コピーライティングのためのエリート Website Reviewer エージェント。ウェブサイトのポジショニングをレビューまたは評価するよう求められたときにこのスキルを使用する。サイト全体に対して網羅的で複数ページにわたる、心理学に基づく容赦ない分析を行う。チャートと実行可能な修正案を備えた大規模で包括的なスコア付きレポートを生成する。絵文字は使用禁止。

マーケティング・グロース44
P
poster-hero
poster-hero
nexu-io / html-anything

縦型ポスター / SNS フィード共有画像、強い視覚的インパクト

デザイン・UI44
P
preparing-design-handoff
preparing-design-handoff
bitwarden / ai-plugins

Bitwarden のデザインハンドオフを準備する——Figma ファイルを Ready-for-Dev 状態にし、それに対応する Jira のステータス遷移を整える。In-Design 終了時のゲート/チェックリスト。

デザイン・UI44
P
principle-experience-first
principle-experience-first
q-qp-p / pstack

プロダクト、UX、機能範囲のトレードオフが生じた場合に適用します。実装のしやすさよりユーザーの満足を優先し、粗削りな機能を多く出すより、完成度の高い機能を少数リリースします。

デザイン・UI44
R
react-animations
react-animations
fcsouza / agent-skills

React アプリでアニメーション、トランジション、モーションエフェクトを実装するときに使用する。アニメーション、トランジション、motion、framer motion、react spring、GSAP、登場/退場エフェクト、スクロールアニメーション、パララックス、ジェスチャー、ドラッグ、カードフリップ、画面の揺れ、ヘルスバー、ダメージ数値、ローディング状態、ページ遷移、ホバーエフェクト、あるいは動く・フェードする・拡大縮小する・インタラクションに反応すべき任意の要素について尋ねられたら、この skill を呼び出す —— たとえ "アニメーション" という語を使っていなくても。

デザイン・UI44
R
redesign
redesign
arjunkshah / design-skill

製品の目標と機能的な動作を保ちながら、既存のインターフェースをプレミアム品質にリデザインします。

デザイン・UI44
R
research-slide-deck-builder
research-slide-deck-builder
a-green-hand-jack / ml-research-skills

再利用可能な研究スライドデッキを設計・作成する。指導教員への報告、ラボでの発表、読書レポート、提案、学会発表、Slidev コンテンツ、スライド構成に使用する。

ドキュメント44
S
sasha
sasha
mishanaer / deslop

インターフェース、マーケティング素材、ドキュメント向けのロシア語テキストの作成、書き直し、編集、レビュー、ローカライズ、またはロシア語テキストを含むインターフェースコンポーネントの生成。UI コピー、ランディングページ・製品ページ・広告・プロモーションメール・キャンペーンメッセージ・プロモーション用ソーシャル投稿などのマーケティングコピー、およびユーザーガイド・技術ドキュメント・手順書・README ファイル・ヘルプコンテンツ・API リファレンスなどのドキュメントにのみ使用する。通常の回答、説明、議論、やり取り、議事録、サポート返信、論説記事、その他インターフェース・マーケティング・ドキュメント作業以外のロシア語テキストには使用しない。

マーケティング・グロース44
S
scroll-and-webgl
scroll-and-webgl
paragonhq / stealth-skills

予算を意識した演出。スクロール連動アニメーションではまずネイティブ CSS を使い、必要に応じて GSAP ScrollTrigger を使用します。Lenis によるスムーズスクロールと無効にするタイミング、分割テキストの表示、ピン留めシーン、性能予算内での canvas と WebGL、マテリアルとしてのシェーダー、画面外での一時停止、読み込み戦略、ページの可読性を保つ reduced-motion と JavaScript 無効時のフォールバックを扱います。マーケティングページ、ポートフォリオ、ローンチページ、ヒーローセクションに使用します。プロダクト UI には使用しません。

デザイン・UI44
S
slide-maker
slide-maker
bmad-labs / skills

印象的でブランドに沿ったプレゼンスライドとデッキをエンドツーエンドで制作する。あらゆるデザインシステムに対応。ユーザーがスライド、デッキ、プレゼンテーション、ピッチ、企業/製品/営業資料のブレインストーミング、構築、デザイン、生成、レビュー、書き出しを望むときはいつでもこの skill を使用する。ジョブ別のワークフローとして動作する:デッキの構成をブレインストーミングし、レビューループを回して HTML デッキを生成し、編集可能な PPTX、画像 PPTX、単体 HTML、または PDF に書き出す。デザインシステムに依存しない — ユーザーが独自のデザインシステムを持っていればそれを使い、`nextlevelbuilder/ui-ux-pro-max-skill` がインストールされていればその提案を使い、そうでなければ同梱の中立的なデフォルトテーマを使う — そしてすべてをデザイントークンで駆動する(色やフォントをハードコードしない)。トークン駆動のブランドキット(トークン、フォント、ロゴ、34 種類の既成レイアウト)、「wow」クラフトガイド、アンチスロップ検証器、すぐ使える React デッキテンプレート、ポイント&コメント編集モード、検証済みの編集可能 PPTX パイプラインを同梱する。また、デザイン層(トークン、コンポーネント、パターン)だけを別のスライド生成器に提供し、その出力が汎用テーマではなく実際のデザインシステムを使うようにすることもできる。

ドキュメント44
S
slides
slides
nicohodt / claude-code-ui-ux-skill

Chart.js、デザイントークン、レスポンシブレイアウト、コピーライティングの公式、文脈に応じたスライド戦略を用いて、戦略的な HTML プレゼンテーションを作成します。

ドキュメント44
S
software-mobile
software-mobile
mosif16 / codex-skills

Swift(iOS)、Kotlin(Android)、React Native、WebView パターンによる本番品質のモバイルアプリ開発。UI/UX、ナビゲーション、状態管理、ネットワーキング、ローカルストレージ、プッシュ通知、App Store へのデプロイを含む。

開発44
S
specification-website

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

デザイン・UI44
S
stitch-mcp
stitch-mcp
genericservice / claude-skills

Google Stitch で UI を設計・構築する。プロキシと CLI として @_davideast/stitch-mcp を使用。画面生成、編集、バリアント、デザインシステム、サイト構築、プロンプトエンジニアリング、DESIGN.md 仕様を扱う。Stitch の 2026 年 3 月の無限キャンバス、4 モード AI、ファーストクラスのデザインシステムに対応して更新。

デザイン・UI44
S
stitch-mcp-edit-screens
stitch-mcp-edit-screens
gabelul / stitch-kit

テキストプロンプトで既存の Stitch 画面を編集する — 反復用ツール。ゼロから再生成せずに色、レイアウト、コンテンツ、スタイルを変更できる。output_components の提案による改善ループに対応する。

デザイン・UI44
S
stitch-shadcn-ui
stitch-shadcn-ui
gabelul / stitch-kit

Stitch のデザインから生成された React アプリに shadcn/ui を統合する。コンポーネントの検出とインストール、Stitch デザインシステムとのトークン整合、カスタマイズパターン、ブロック(認証、ダッシュボード、サイドバー)を扱う。stitch-react-components または stitch-nextjs-components と併用する。

開発44
S
stitch-swiftui-components
stitch-swiftui-components
gabelul / stitch-kit

Stitch のモバイル画面、ローカルの HTML ファイル、または URL をネイティブ iOS アプリ用の SwiftUI ビューに変換する — VStack/HStack/ZStack のレイアウトマッピング、ダークモード対応の Color アセットトークン、NavigationStack/TabView のルーティング、Xcode プロジェクト構造。API キーが必要なのは Stitch ルートのみ。

開発44
S
stories

コンポーネント、stories、スタイル、CSS、テーマ、色、design token を作成・編集・削除する前に、まずこれを呼び出す — UI の見た目を変えるものはすべて例外なし。UI 検証のための Storybook の起動やプレビュー、コンポーネント・stories・UI 状態の表示/閲覧/一覧のリクエスト、ドキュメント・props・用法の検索にも使う。

デザイン・UI44
S
surface
surface
paragonhq / stealth-skills

インターフェースの色、エレベーション、マテリアルを扱います。ダーク/ライトモードの両方で使えるニュートラルなパレット、セマンティックトークン、テーマに応じたボーダーとシャドウの使い分け、アルファオーバーレイ、基準を満たすコントラスト、控えめな単一アクセントカラー、ガラス効果とぼかしの予算、ちらつきのないテーマ切り替えを扱います。パレットの構築、ダークモードの追加、「濁った」「安っぽい」「平坦」「色あせた」印象の色の修正、またはテーマによってシャドウやボーダーが不適切に見える場合に使用します。

デザイン・UI44
S
syncfusion-aspnetcore-timepicker
syncfusion-aspnetcore-timepicker
syncfusion / aspnetcore-ui-components-skills

Syncfusion ASP.NET Core TimePicker コンポーネント(EJ2)を実装する。ユーザーが ASP.NET Core アプリケーションにタイムピッカー、時間選択入力、時間フィールド、または時計ピッカーを追加する必要がある場合にこのスキルを使用する。以下の場合にこのスキルをトリガーする:TimePicker のセットアップ、時間範囲の構成、厳格モード、時間マスク、マスクされた時間入力、グローバリゼーション、RTL サポート、ローカライズ、アクセシビリティ、キーボードナビゲーション、CSS カスタマイズ、カスタムスタイル、TimePicker を使ったフォーム検証、TimePickerFor モデル バインド、時間形式の構成、時間ステップ間隔、フローティングラベル、クリアボタン、全画面ポップアップ、ポップアップの動作、スクロール位置、サーバーのタイムゾーン、および ejs-timepicker タグヘルパーや Syncfusion EJ2 TimePicker を含むあらゆるシナリオ。

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

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

デザイン・UI44
S
syncfusion-maui-toolkit-date-time-picker
syncfusion-maui-toolkit-date-time-picker
syncfusion / maui-toolkit-ui-components-skills

Syncfusion .NET MAUI DateTimePicker(SfDateTimePicker)コントロールを実装します。.NET MAUIアプリでの日付と時刻の選択、日時ピッカー、日時入力インターフェースの実装に使用します。DateTimePickerのセットアップ、日時の書式設定、ピッカーモード(ダイアログ/相対)、カスタマイズ、日付制限、間隔、イベント、ローカライズ、アクセシビリティを扱います。

デザイン・UI44
T
tailwind-best-practices
tailwind-best-practices
evilmartians / agent-skills

素早く書けるコードベースを保守しやすく保つ実践に従って Tailwind CSS を書きます — マジック値ではなくデザイントークンを使い、クラスリストを短く保ち、トークンを意味的にグループ化し、一貫した順序でクラスを生成し、繰り返しスタイルの抽出に @apply を避け、任意の className プロップではなく固定バリアントを使います。Tailwind のクラス、コンポーネント、設定を書いたり編集したりするとき、また既存の Tailwind プロジェクトをレビュー、クリーンアップ、リファクタリング、監査するときに使用します。Tailwind に関係しない一般的な CSS アーキテクチャや、CSS 出力に関係しないビルドツール(バンドラー、JS 圧縮など)には使用しないでください。

デザイン・UI44
T
tailwindcss-backgrounds
tailwindcss-backgrounds
fusengine / agents

背景色のスタイル設定、線形/放射/円錐グラデーションの作成、背景画像・位置・サイズの設定、ブレンドモードを扱うときに使用する。

デザイン・UI44
T
tailwindcss-backgrounds
tailwindcss-backgrounds
fusengine / claude-plugins

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

デザイン・UI44
T
tailwindcss-transforms
tailwindcss-transforms
fusengine / agents

要素の拡大縮小/回転/移動/傾斜、トランジションの duration/easing/delay の設定、@keyframes アニメーションの適用を行うときに使用。

デザイン・UI44
T
tailwindcss-transforms
tailwindcss-transforms
fusengine / claude-plugins

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

デザイン・UI44
T
tanstack-charts
tanstack-charts
dobroslavradosavljevic / skills

最新ドキュメントを用いて TanStack Charts Alpha(0.18.x)のチャートを構築、レビュー、デバッグ、移行、または計画する。@tanstack/charts、@tanstack/charts/react、@tanstack/charts/react-native、@tanstack/charts/scales/*、defineChart、スケールレジストリ(scales.x/scales.y、名前付きスケール、複数軸)、svgAnimation、motion()、tooltip/portal、レイアウト stack/group、groupBy/binX/rollingWindow/rank/normalize/fold/waterfall/mosaic、lineY、areaY、barY(角丸)、boxY、violinY、waffleY、ridgelineY、differenceY、linearRegressionY、rect、cell、dot、hexagon、crosshair、whenFocused、decorative、facet、polar、geoShape、treemap、sunburst、sankeyDiagram、hexbin、contour、brushX、zoomX、keyedSelection、colorLegendItems、gradients、focusRing、Chart、Canvas、canvasChartRenderer、グラフィックスの文法のマーク/チャネル/スケール、および Recharts、Chart.js、ECharts、Observable Plot、アーカイブされた react-charts、@tanstack/react-charts、@tanstack/charts-scales、pre-Alpha 版 TanStack Charts 0.0.x–0.15.x(ルートの x/y スケール)からの移行に使用。

開発44
T
threejs-expert
threejs-expert
yuniorglez / gemini-elite-core

2026 年向けのシニア WebGPU & 3D グラフィックスアーキテクト。Three.js v172+、WebGPU ファーストのレンダリング、TSL(Three Shader Language)、および `@react-three/fiber` と `@react-three/drei` による高性能な React 19 統合を専門とする。モダン Web 向けの没入感があり低遅延でアクセシブルな 3D 体験の構築に精通。

開発44
T
tokens
tokens
dawitlabs / ui-skills

デザイントークンの監査と適用を行うスキルです。コードベース内のハードコードされた色、間隔値、シャドウ、角丸、フォントサイズ、z-index をすべて検出し、既存または提案されたトークンシステムに対応付けたうえで、ハードコード値をトークンに置き換えます。これにより、デザインシステムを保守しやすく、テーマに対応し、ダークモードに備えた状態にします。ユーザーがトークンシステムの設定、デザインの一貫性の徹底、ダークモードへの準備を希望する場合、または /tokens を呼び出した場合に使用します。

デザイン・UI44
U
ui-styling
ui-styling
nicohodt / claude-code-ui-ux-skill

shadcn/ui コンポーネント(Radix UI + Tailwind ベース)、Tailwind CSS のユーティリティファーストなスタイリング、canvas ベースのビジュアルデザインを使って、美しくアクセシブルなユーザーインターフェースを作成します。ユーザーインターフェースの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント(ダイアログ、ドロップダウン、フォーム、テーブル)の追加、テーマや色のカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、複数のアプリにわたる一貫したスタイルパターンの確立に使用します。

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

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

デザイン・UI44
V
visionos
visionos
fusengine / agents

Vision Pro アプリを構築するときに使用 — 空間コンピューティング、RealityKit の 3D コンテンツ、イマーシブ空間、volumes。

開発44
V
visionos
visionos
fusengine / claude-plugins

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

開発44
V
vunor
vunor
mav-rik / vunor

Vue 3 + UnoCSS のデザインシステムおよびコンポーネントライブラリである Vunor を扱うときに使用する。presetVunor、vunorShortcuts/defineShortcuts/mergeVunorShortcuts、VunorVueResolver、Nuxt モジュール、Vu プレフィックス付きコンポーネント、セマンティックな UnoCSS クラス(scope-*、layer-*、surface-*、current-*、c8-*、i8-*、card、fingertip、spacing、typography)、公開コンポジションプリミティブ(btn、menu-item、popup-card、i8-bare、disabled-soft)、パレット/テーマの調整、ショートカット上書きパターンを扱う。インポート:vunor、vunor/theme、vunor/utils、vunor/vite、vunor/nuxt。

デザイン・UI44
W
web-design-guidelines
web-design-guidelines
open-slide / open-slide

Web インターフェースガイドラインへの準拠についてUI コードを確認します。「UI をレビューしてください」「アクセシビリティをチェックしてください」「デザイン監査」「UX をレビューしてください」または「ベストプラクティスに照らしてサイトをチェックしてください」と求められた場合に使用します。

デザイン・UI44
W
web-design-guidelines
web-design-guidelines
vercel-labs / sandcastle

Web インターフェースガイドラインへの準拠についてUI コードを確認します。「UI をレビューしてください」「アクセシビリティをチェックしてください」「デザイン監査」「UX をレビューしてください」または「ベストプラクティスに照らしてサイトをチェックしてください」と求められた場合に使用します。

デザイン・UI44
W
website-cloner
website-cloner
luongnv89 / skills

6 段階のゲート付きワークフロー(Vite/React/shadcn/Tailwind + GitHub Pages)で URL から改善版のウェブサイトクローンを構築する。エンドツーエンドのサイト再構築に使用する。単一フェーズの作業には使用しない。

デザイン・UI44
W
widget-design
widget-design
xmcp-dev / skills

xmcp で UI ウィジェットを設計するためのベストプラクティス。GPT Apps や MCP Apps 向けのインタラクティブなウィジェットを作成するとき、React コンポーネントとテンプレートリテラルのどちらを選ぶかを判断するとき、ウィジェットのレイアウトを設計するとき、状態とデータ取得を扱うとき、ウィジェットのレンダリング問題をトラブルシューティングするときに使用する。

デザイン・UI44
W
workflow-visualizer
workflow-visualizer
thecraighewitt / skills

ユーザーの業務システム、ワークフロー、ツールのインタラクティブな HTML 図を生成する。すべてがどのようにつながり、データがどこを流れ、どの AI エージェント / スケジュールタスクがいつ実行され、プロセスがどのように連携するかを示す。ユーザーが「ワークフローを可視化して」「システムを整理して」「これがどうつながっているか見せて」「business OS」「システム図」「ワークフローマップ」と言った場合、または自身の仕事のアーキテクチャをリストではなく図として見たい場合に使用する。出力は、クリック可能なノードと詳細の段階的な開示を備えた単一の自己完結型 HTML ファイルである。

生産性44
W
wp-block-themes
wp-block-themes
firecrawl / agent-skills

WordPress ブロックテーマの開発に使用します。theme.json(グローバル設定/スタイル)、テンプレートとテンプレートパーツ、パターン、スタイルバリエーション、Site Editor のトラブルシューティング(スタイル階層、オーバーライド、キャッシュ)に対応します。

デザイン・UI44
W
writing-error-messages
writing-error-messages
joshuadavidthomas / agent-skills

ユーザー向けのエラーメッセージ、バリデーションメッセージ、フォームエラー、空状態/エラー状態、認証エラー、失敗通知、再試行/サポートの文言、コマンドラインエラー、または人が読む API エラーを書く、レビューする、書き直すときに使用する。エラーを具体的で、実行可能で、責めない、アクセシブルで安全なものにし、機密情報の漏洩を防ぐのに役立つ。

デザイン・UI44
A
accessibility-check
accessibility-check
quality-max / free-qa-skills

任意の URL に対する簡易 WCAG アクセシビリティスキャン。色のコントラスト、alt テキストの欠落、キーボードナビゲーション、ARIA ラベル、見出し階層、フォーカスインジケーターをチェックします。段階評価のレポートを生成します。Playwright MCP のみを使用 — サインアップ不要。

テスト・品質43
A
agent-ui
agent-ui
paragonhq / stealth-skills

モデルを介在させたインターフェースを構築します。レイアウトを乱さないテキストストリーミング、思考・推論状態、ツール呼び出しとその状態、承認、引用、入力欄、停止と再生成、スクロール固定、Markdown レンダリング、遅延のマスキング、システムの動作に関する誠実な表示を扱います。チャット、コパイロット、エージェントダッシュボード、製品内の AI 機能など、モデル出力を生成中に表示するものを構築するときに使用します。

デザイン・UI43
A
agents-ui
agents-ui
codestackr / livekit-skills

LiveKit の音声 AI エージェント向け React フロントエンドを構築する。LiveKit の shadcn ベースの Agents UI コンポーネントを使って音声アシスタントの Web インターフェースを作成する場合にこのスキルを使用。AgentSessionProvider、オーディオビジュアライザー、メディアコントロール、チャットの文字起こし、Tailwind CSS によるカスタマイズを扱う。

デザイン・UI43
A
alterlab-nmc-data-journalist
alterlab-nmc-data-journalist
alterlab-ieu / alterlab-fc-skills

ユーザーが "data journalism"、"data visualization"、"data storytelling"、"FOIA request"、"RTI request"、"spreadsheet analysis"、"chart design"、"act as a data journalist"、"data journalist mode"、"infographic"、"open data"、"statistical analysis for journalism"、"investigative data"、"public records"、"Datawrapper"、"Flourish"、"Tableau Public"、"D3.js"、"chart type selection" について質問する場合、またはジャーナリズムのストーリーテリングのためにデータを見つけ、分析し、可視化する専門知識を必要とする場合に、このスキルを使用する。AlterLab FC Skills コレクション(ニューメディア・コミュニケーション部門)の一部。

データ・データベース43
A
android-jetpack-compose
android-jetpack-compose
expo / agent-templates

Jetpack Compose で Android UI を構築するとき、remember/mutableStateOf で状態を管理するとき、宣言的 UI パターンを実装するときに使います。

開発43
A
apple-design-skill
apple-design-skill
nutshellengineering / apple-design-skill

iOS、iPadOS、macOS、watchOS、tvOS、visionOS 向けのネイティブ UI/UX の設計、構築、レビューに役立つ Apple Human Interface Guidelines(HIG)を提供します。システムコンポーネント(ボタン、シート、メニュー、リスト、ピッカー、ナビゲーション)、入力方法(ジェスチャー、Apple Pencil、Digital Crown、Camera Control、キーボード)、基本的なデザイン要素(色、タイポグラフィ、マテリアル、モーション、SF Symbols、アクセシビリティ、ダークモード、アプリアイコン)、インタラクションパターン(オンボーディング、検索、ドラッグ&ドロップ、通知、取り消し/やり直し)、プラットフォーム固有の考慮事項、テクノロジー(Siri、Apple Pay、HealthKit、SharePlay)を扱います。Apple プラットフォーム向け UI の設計、構築、レビュー、システムコンポーネントの選択、インタラクションやビジュアル要素に関する Apple の推奨事項の確認、HIG への準拠確認、Apple のデザイン用語についての質問で利用します。「HIG」と明示されていない場合も対象です。

デザイン・UI43
A
applying-bitwarden-branding
applying-bitwarden-branding
bitwarden / ai-plugins

Bitwarden のブランド基準を適用する — ロゴの使用、カラーパレット、タイポグラフィ、アイコン、大文字・小文字の規則 — bitwarden.com/brand と bitwarden/brand リポジトリに基づく。

デザイン・UI43
A
artifacts-builder
artifacts-builder
ovachiever / droid-tings

React、Tailwind CSS、shadcn/ui などの最新フロントエンド web 技術を使用して、claude.ai 内に複雑で多くのコンポーネントを持つ HTML artifacts を作成するツールスイート。状態管理、ルーティング、または shadcn/ui コンポーネントが必要な複雑な artifacts に使用します。シンプルな単一ファイルの HTML/JSX artifacts には適しません。

開発43
A
awesome-landing-audit
awesome-landing-audit
khasky / awesome-agent-skills

ランディングページのコンバージョン構成を読み取り専用で監査します。主な CTA、フォームの入力負担、メッセージの整合性、信頼要素、ファーストビューの価値を確認します。ページのコンバージョンが低い場合に使用します。

マーケティング・グロース43
B
background-removal
background-removal
magentosh / superpowers

inference.sh CLI 経由で BiRefNet を使って画像の背景を除去します。モデル:BiRefNet(高精度の背景除去)。用途:商品写真、ポートレート、E コマース、透過 PNG、写真編集。トリガー:remove background、background removal、remove bg、transparent background、cut out image、background remover、rembg、product photo editing、cutout、transparent png、bg removal、photo cutout。

クリエイティブ・メディア43
B
better-forms
better-forms
alexeira / skills

モダンなスタック(React/Next.js、Tailwind、Zod)でアクセシブルで UX の高いフォームを構築するための完全ガイド。クリック可能な領域、レンジスライダー、出力に着想を得たデザイン、WCAG 準拠の具体的なパターンを含む。

デザイン・UI43
B
blcaptain-style-skill
blcaptain-style-skill
dososo / blcaptain-style-skill

ユーザーがコンテンツ(記事、ノート、スクリーンショット、データ、製品説明)を中国語の画像+テキストのカードセットにしたいときに使用する — 小紅書 / Rednote の 3:4 縦長画像、WeChat 公式アカウントのカバー、ソーシャルカード。3 つの独自ビジュアル言語(静纸 Still Paper 本手记 / Signal Proof 证据层 / Bridge Canvas 跨平台桥)を提供し、Claude が内容を読み取り自ら brief.json を作成、決定論的エンジンに渡して、第一印象で目を引き、一目で判別でき、中国国内ですぐに使えるカードセットをレンダリングする。

デザイン・UI43
B
blitzreels-caption-themes
blitzreels-caption-themes
blitzreels / agent-skills

再利用可能な BlitzReels キャプションテーマを設計する。ブランド風の見た目、プレビュー、複製、デフォルト設定に用いる。

クリエイティブ・メディア43
10,561 件中 9661–9720 件

MCP は初めてですか?

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

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