mcpField

Skills

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

デザイン・UI

G
gsap-vfx
gsap-vfx
iotron / gsap-cookbook

GSAP の視覚効果のための実務レシピ。公式の gsap-core および gsap-timeline スキル(API リファレンス)の補完。トリガー: glitch effect、cyberpunk glitch、RGB displacement、chromatic aberration、scramble text、jitter animation、noise bars、marquee、infinite scroll、directional marquee、rolling counter、animated number、count up、floating animation、yoyo、pulse ring、repeating timeline、GSAP VFX、visual effects、decorative animation、looping animation、footer bounce、morph bounce、elastic footer。非トリガー: スクロール駆動の表示(gsap-scroll を使用)、テキストのみのアニメーション(gsap-text を使用)、SVG パス/モーフ(gsap-svg を使用)、マウス駆動のインタラクション(gsap-interact を使用)には適さない。成果: 視覚効果——グリッチ/色収差、無限マーキー、方向性マーキー、ローリングカウンター、フローティング装飾、パルスリング、フッターのバウンス表示、繰り返しタイムラインパターンを生成する。

デザイン・UI40
H
heuristic-evaluation
heuristic-evaluation
abhsin / designskills

確立されたヒューリスティック(Nielsen の 10 項目、Shneiderman の 8 項目、またはカスタム評価基準)を用いた体系的なユーザビリティ評価。UI デザイン、スクリーンショット、プロトタイプ、または稼働中のプロダクトのユーザビリティ問題をレビューする際に使用する。トリガーは「review this design」「what's wrong with this UI」「usability check」「evaluate this interface」、またはユーザーがスクリーンショットやモックアップを共有してフィードバックを求めたとき。

デザイン・UI40
H
high-end-visual-design
high-end-visual-design
nxpatterns / claude-taste-skill

AI に高級代理店のようにデザインするよう教えます。ウェブサイトが高級に感じられるようにする正確なフォント、スペーシング、シャドウ、カード構造、アニメーションを定義します。AI デザインが安っぽく見えたり、ジェネリックに見えたりする一般的なデフォルトをすべてブロックします。

デザイン・UI40
H
hr-onboarding
hr-onboarding
nexu-io / html-anything

初週のスケジュール + buddy + 学習パス + 機材 + 完了基準

生産性40
H
html-presentation-beautifier
html-presentation-beautifier
within-7 / minto-plugin-tools

ドキュメント、レポート、データを、インテリジェントなグラフ選択とインタラクティブなナビゲーションを備えたプロフェッショナルな McKinsey スタイルの HTML プレゼンテーションに変換する。使用場面:(1) ドキュメント/レポートからのプレゼンテーション作成、(2) markdown/テキストのスライド変換、(3) HTML スライドの生成、(4) McKinsey/BCG デザインの適用、(5) プレゼンテーションでのデータ可視化。キーワード:presentation、slides、HTML、McKinsey style、charts、visualization、幻灯片、演示文稿

ドキュメント40
H
humane-functionalism
humane-functionalism
kemiljk / skills

デンマーク機能主義を通じて UI と UX を改善します。画面やフローをデンマーク機能主義の観点からデザインレビューし、階層、インタラクション、人間との適合性、仕上がりを実際の使用状況に即して検討します。

デザイン・UI40
I
impeccable
impeccable
tyfarrago-hub / taste

ユーザーがフロントエンドインターフェースの設計、再設計、構成、批評、監査、仕上げ、明確化、要約、強化、最適化、調整、アニメーション化、色付け、抽出、その他の改善を望む場合に使用。ウェブサイト、ランディングページ、ダッシュボード、製品 UI、アプリシェル、コンポーネント、フォーム、設定、オンボーディング、空の状態を対象とする。UX レビュー、視覚的階層、情報アーキテクチャ、認知負荷、アクセシビリティ、パフォーマンス、レスポンシブ動作、テーマ、アンチパターン、タイポグラフィ、フォント、余白、レイアウト、配置、色、モーション、マイクロインタラクション、UX コピー、エラー状態、エッジケース、i18n、再利用可能なデザインシステムやトークンに対応。平凡なデザインをより大胆または魅力的にしたい場合、派手なデザインを控えめにしたい場合、ブラウザー上で UI 要素を反復的に調整する場合、技術的に際立つ高度な視覚効果を求める場合にも使用。バックエンドのみ、または UI 以外のタスクには使用しない。

デザイン・UI40
I
infographic
infographic
cerico / macfair

テキストからインフォグラフィックを生成する。重要な情報を抽出し、SVG をレンダリングし、PNG をエクスポートする。Claude Code を使用(API 費用なし)。

デザイン・UI40
I
infographics
infographics
crazymsn / academic-skills

Nano Banana Pro AI とスマートな反復改善を用いてプロフェッショナルなインフォグラフィックを作成します。品質レビューには Gemini 3 Pro を使用します。正確なデータのために research-lookup とウェブ検索を統合します。10 種類のインフォグラフィックタイプ、8 種類の業界スタイル、色覚多様性に配慮したパレットをサポートします。

デザイン・UI40
J
jeecg-desform
jeecg-desform
jeecgboot / skills

JeecgBoot フォームデザイナー(desform)の全ライフサイクル管理——対話方式でフォームデザイナーを作成、更新、コピー、削除し、フォームデータを管理し(CRUD)、PC/モバイルのフォームビューを生成し、ワンクリックで OA 承認アプリ(フォーム + ワークフロー + 認可)を作成する。ユーザーの意図が「フォームデザイナー」に関わる場合は必ず本スキルを使用する。これには以下が含まれるがこれに限らない:フォームの作成または生成("做一个请假表单"、"AI设计表单"、"desform")、既存フォームやフィールドの変更("加个字段"、"改一下表单")、フォームのコピー/削除、フォームデータの入力または照会、フォームビューの作成(モバイルを含む)、デザイナー機能に関する質問(コントロール種別、辞書設定、検証ルール、関連レコード、サブテーブル、数式計算、JS/CSS 拡張、既定値、外部リンクなど)。ユーザーが承認ワークフロー付きの OA アプリを作成したい場合にもトリガーする("创建OA应用"、"创建审批单"、"创建报销单"、"创建请假单"、"做一个OA表单带流程"、"一键创建表单和流程"、"面试申请"、"出差申请" など)。ユーザーがフィールド要件("需要姓名、手机号字段" など)のみを述べ、"フォーム" と明示していなくても、文脈がフォームデザイナーを指す場合はトリガーする。注意:本スキルはフォームデザイナー(desform)のみを扱い、Online フォームは扱わない——ユーザーが "Online表单" または "online表" と明示した場合は jeecg-onlform スキルを使用する。

開発40
K
kanban-board
kanban-board
nexu-io / html-anything

To do / In progress / In review / Done の 4 列、カード + アバター + スイムレーン

デザイン・UI40
K
kf-g-css-tak-responsive-rules

レスポンシブ CSS を設計、レビュー、生成する場合に本スキルを使用する。ユーザーがブレークポイント、メディアクエリ、コンテナクエリ、フルイドサイジング、ビューポートまたはコンテナ単位について尋ねた場合、またはレスポンシブコンポーネントの動作を検証する必要がある場合には常に適用する。ユーザーがレスポンシブデザインに明示的に言及していなくてもよい。

デザイン・UI40
K
kf-g-css-tak-typography

日本語または多言語インターフェースのタイポグラフィ向け CSS を設計、レビュー、生成する際にこのスキルを使用する。フォントファミリー、テキストの折り返し、カーニング、行高、可変フォントサイズ、切り詰め、手動改行、および関連するテキストレイアウトの判断に適用する。

デザイン・UI40
L
liquid-glass-design
liquid-glass-design
xu-xiang / everything-claude-code-zh

iOS 26 の Liquid Glass デザインシステム — SwiftUI、UIKit、WidgetKit 向けの、ぼかし、反射、インタラクティブなモーフィングを備えた動的なガラス素材。

デザイン・UI40
M
make-interfaces-feel-better
make-interfaces-feel-better
watermeloncorp / watermelon-platform

インターフェースを洗練させるためのデザインエンジニアリング原則です。UIコンポーネントの構築、フロントエンドコードのレビュー、アニメーション、ホバー状態、シャドウ、ボーダー、タイポグラフィ、マイクロインタラクション、表示・終了アニメーションなど、あらゆるビジュアル調整に使用します。UIの磨き込み、デザインの詳細、「もっと良い感じに」「何か違和感がある」、段階的なアニメーション、角丸、視覚的な位置合わせ、フォントスムージング、等幅数字、画像の輪郭、ボックスシャドウなどで使用します。

デザイン・UI40
M
math-figure-generator
math-figure-generator
zhnnky329 / mathmodeling-skills

保存された証拠から、承認済みの図表プラン、ソースデータ、主張、種類、一貫したビジュアルシステムを用いて、出版品質の数理モデリング図を生成し、レンダリング検証する。

データ・データベース40
M
miniapp-design
miniapp-design
muzhicaomingwang / ai-ideas

ミニプログラムのページ設計とコード生成のワークフロー。トリガー:ユーザーが「ページの修正」「UI の更新」「コンポーネントの追加」「レイアウトの調整」「コードの生成」「ミニプログラムの設計」に言及した場合。対象:TeamVenture ミニプログラムのページ設計の反復、UI コンポーネントの開発、スタイルの調整。

デザイン・UI40
M
mockup-device-3d
mockup-device-3d
nexu-io / html-anything

iPhone + MacBook の GLTF 風静的ディスプレイスタンド、画面に実 HTML コンテンツを埋め込み、ガラスレンズの屈折、360° ターンテーブル構図

デザイン・UI40
M
multi-source-signal-synthesiser
multi-source-signal-synthesiser
mohitagw15856 / pm-claude-skills

複数のリサーチソースからのユーザーシグナルを、重み付けされた統一的なインサイトブリーフに統合する。インタビュー、サポートチケット、NPS の生の声、アプリレビュー、商談などのデータがあり、矛盾を調整したり、要望の背後にある根本的なニーズを明らかにしたり、「ユーザーは本当に何を伝えているのか」に答える必要があるときに使用する。信頼度評価付きのランク付けされたインサイト、ソースの重み付けの根拠、ユーザーセグメント別の分岐シグナル分析、リサーチギャップの特定セクションを生成する。

データ・データベース40
O
omarchy-plugin
omarchy-plugin
steveclarke / dotfiles

Omarchy(Quattro bar / Quickshell QML)プラグインを構築または改良します。バーウィジェット、パネル、サービス、設定、マーケットプレイスへの登録に対応します。「omarchy plugin」「bar widget」「quickshell panel」や、プラグインリポジトリでの作業に使用します。

開発40
P
page-template
page-template
terrylica / cc-skills

サイトマップで整理された HTML ショーケースサイト(来歴レポート、請負業者のショーケース、テレメトリダッシュボード、週次ダイジェスト、監査結果)をスキャフォールドする。

デザイン・UI40
P
polpo-react
polpo-react
lumea-labs / polpo-skills

@polpo-ai/react と @polpo-ai/chat で Polpo agents 向けの React インターフェースを構築する。チャットコンポーネント、Sessions、永続的な再接続、添付ファイル、ask-user インタラクション、suggestions、クライアントツールのレンダリングと継続、エージェント選択、Polpo UI のテーマ設定に使用する。

開発40
P
ppt-html-authoring
ppt-html-authoring
junfengran / pptwork

アウトライン項目を1つ受け取り、単独で完結する slide.html + design.md として PPT スライドを1枚作成します。KPI ページ、アジェンダ、表紙、2列比較、チャートスライドなど、個別スライドのデザイン、下書き、書き直しに使用します。1ページのみ対応し、複数ページの計画、スクリーンショット、エクスポートは行いません。`ppt` スキルと併用することも、単独で使うこともできます。

ドキュメント40
P
ppt-keynote
ppt-keynote
nexu-io / html-anything

Apple Keynote 級のスライド、1 画面 1 カード、キーボードの左右で切り替え

ドキュメント40
P
product-onboarding-activation
product-onboarding-activation
realjaymes / marketingagentskills

SaaS 製品向けに、オンボーディング、アクティベーション、リテンション、拡張の完全なライフサイクルを設計する。ユーザーが 'onboarding lifecycle'、'activation strategy'、'user onboarding'、'time to value'、'aha moment'、'onboarding audit'、'retention lifecycle'、'lifecycle design' に言及したときに使用する。

マーケティング・グロース40
P
prototype
prototype
guillermomurillo / memo-flow

設計上の疑問に答えるための使い捨てプロトタイプを構築する。ユーザーが状態モデルやロジックが適切かどうかを検証したい場合、または UI がどのようになるべきかを探索したい場合に使用

開発40
P
prototype
prototype
sammcj / agentic-coding

設計を確定する前に、使い捨てのプロトタイプを作って設計を具体化する。2 つの分岐を使い分ける — 状態やビジネスロジックの問いには実行可能なターミナルアプリ、1 つのルートから切り替えられる複数の大きく異なる UI バリエーション。ユーザーがプロトタイプを作りたい、データモデルやステートマシンを検証したい、UI をモックアップしたい、設計案を探索したい、または「これをプロトタイプして」「いくつかデザインを試して」と言うときに使用。

開発40
P
pw-aippt-old
pw-aippt-old
plugins-world / pw-skills

PPT テンプレートを基に新しいコンテンツを生成する。PDF を自動で画像に変換 → テンプレートのスタイルを分析 → 記事の内容を分割 → プロンプトを生成 → AI で画像生成 → PPTX にパッケージ。

ドキュメント40
P
pwa-setup
pwa-setup
dadbodgeoff / drift

Progressive Web App のセットアップ。manifest、モバイル向け meta タグ、ノッチ付きデバイスのセーフエリア対応、アプリライクなブラウザ体験のためのインストールプロンプトを含む。

開発40
P
pyqt6-ui-designer
pyqt6-ui-designer
aminechraibi / pyqt6-ui-designer

一貫したデザインシステム(DESIGN.md トークン)を用いて、現代的でプロフェッショナルなデスクトップインターフェースを生成・洗練する PyQt6 UI デザインアシスタント。ユーザーが次のことを望むときはいつでもこのスキルを使用:PyQt6 GUI の構築や改善、QSS スタイルシートの作成、ライト/ダークテーマ対応の追加、サイドバーナビゲーション、データテーブル、フォーム、カード、モーダルなどの各種 PyQt6 コンポーネントの生成。「刷新」「再設計」「モダンな外観」「プロフェッショナルな UI」が必要な既存の PyQt6 コードをユーザーがアップロードまたは言及したときにもこのスキルを起動する。「ボタンにスタイルを当てて」「ダークなサイドバーを作って」といった部分的な UI タスクでも使用 — あらゆる PyQt6 のスタイリング作業はこのスキルの恩恵を受ける。

デザイン・UI40
Q
qinyan-nature-figures
qinyan-nature-figures
leonchaox / qinyan-academic-skills

Nature Portfolio と高インパクトジャーナル向けのエビデンス駆動の科学図作成スキル。生データまたは集計データから単一図およびマルチパネル figure を設計し、適切なグラフィックス文法を選び、Python/R の作図コードを書き、既存の図を再描画し、メカニズム図のドラフトを生成し、図注を書き、編集可能な SVG/PDF と高解像度 TIFF/PNG を書き出すために使用する。あわせてデータの完全性、色のアクセシビリティ、統計注釈、最終サイズでの可読性をチェックする。トリガーとなる場面には、Nature 作図、科学図、論文用図、scientific figure、publication plot、multi-panel figure、graphical abstract、メカニズム図、グラフィカルアブストラクト、figure audit が含まれる。

データ・データベース40
R
resume-modern
resume-modern
nexu-io / html-anything

モダンミニマルな履歴書、A4 1 ページ、印刷や PDF 書き出しに最適

ドキュメント40
R
reviewing-user-research-prior-art-survey
reviewing-user-research-prior-art-survey
bm629 / agent-skills

完成したユーザーリサーチの先行研究成果物を、受理する前に判定する場合に使用する — リサーチ語彙マップ、角度ごとの検索出力、抽出コンテナ、またはエビデンス登録簿とレポート。作成ではなく受理ゲートである。単一ソースの基準で判定する:記録されたゼロは到達不能なソースと区別できる;主張はその手法が測定できる範囲にとどまる;記録された事実はソースと一致する;転用可能性は比較考量可能な理由を伴い、決して確実性に折り込まれない;数値はソース自身のものである;同一コンテナ内の所見は真に別個である;母集団とプラットフォームはプロジェクトではなく研究を記述する;収束は独立したソース間でのものである;確実性は決して平均化されない;不在は検索結果として表現される。薄くても誠実な結果は承認し、名指しされた未記録のギャップがある場合にのみ修正する。VERDICT: approve|revise と実行可能な所見のみを出力する。

テスト・品質40
S
saas-landing
saas-landing
nexu-io / html-anything

シングルページの SaaS ランディングページ、hero/features/social-proof/pricing/CTA 入り

マーケティング・グロース40
S
science-content-ppt
science-content-ppt
unclecheng-li / ai-animation-skill

科学普及コンテンツのテキストをビジュアルな PPT 風 Web ページに変換する完全なワークフロー。ユーザーが科学普及コンテンツを入力し、プレゼンテーション ページの生成を希望するときにトリガーされます。2 つのモードをサポートします:(1) デフォルト モード:科学普及コンテンツを PPT 風カルーセルのシングルページ HTML アニメーション Web ページとして生成;(2) フローチャート モード:Animation テンプレートを使用して、生成済みの AI_Animation.html をフラット UI スタイルに再構築。テンプレートは Skill に組み込まれています。トリガー ワードには "生成PPT"、"生成演示网页"、"生成流程图" などがあります。

ドキュメント40
S
scientific-visualization
scientific-visualization
crazymsn / academic-skills

出版可能な図表のためのメタスキル。マルチパネルレイアウト、有意性注釈、エラーバー、色覚多様性に配慮したパレット、特定のジャーナル形式(Nature、Science、Cell)を必要とする論文投稿用の図表を作成するときに使用します。出版スタイルで matplotlib/seaborn/plotly を統合します。素早い探索には seaborn または plotly を直接使用してください。

データ・データベース40
S
shadcn-registries
shadcn-registries
fusengine / agents

shadcn/ui のレジストリ(名前空間、GitHub、動的)、components.json、プリセットの設定、または任意の shadcn CLI コマンド(init、add、apply、preset、view、search、docs、info、migrate、eject、build、registry)の使用時に使用。

開発40
S
shadcn-registries
shadcn-registries
fusengine / claude-plugins

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

開発40
S
shadcn-ui
shadcn-ui
dirnbauer / webconsulting-skills

アクセシブルな React コンポーネントのインストール、設定、実装を含む、shadcn/ui コンポーネントライブラリのパターンを網羅的に提供します。shadcn/ui のセットアップ、コンポーネントのインストール、React Hook Form と Zod によるフォームの構築、Tailwind CSS によるテーマのカスタマイズ、ボタン、ダイアログ、ドロップダウン、テーブル、複雑なフォームレイアウトなどの UI パターンの実装に使用します。

デザイン・UI40
S
simvoly
simvoly
membranedev / application-skills

Simvoly 統合。Websites、Funnels、Stores、Memberships、Bookings、Forms などを管理します。ユーザーが Simvoly のデータを操作したい場合に使用します。

デザイン・UI40
S
slides
slides
quantipixels / skills

一貫した物語または情報構造、目的のあるレイアウト、アクセシブルなチャート、検証済みの納品を備えたプレゼンテーションとスライドデッキを作成します。HTML、PowerPoint、PDF、その他指定されたプレゼン形式での説明、指導、ステータス、レビュー、戦略、説得、意思決定志向のデッキに使用します。

ドキュメント40
S
social-graphic
social-graphic
kenneth-liao / ai-launchpad-marketplace

あらゆるプラットフォーム向けのソーシャルメディア画像やビジュアル素材を作成する。ソーシャルメディア画像、ニュースレターヘッダー、ブログのアイキャッチ画像、OG 画像、プロフィールバナーを作成するよう求められたとき、ユーザーが「social graphic」「header image」「banner」に言及したとき、またはプラットフォーム固有のビジュアル素材が必要なときに使用(サムネイルは除く — それには creator-stack:thumbnail を使用)。

デザイン・UI40
S
social-media-dashboard
social-media-dashboard
nexu-io / html-anything

プラットフォーム切り替え + フォロワー/エンゲージメント KPI + 成長曲線 + Top post + トレンドトピック

マーケティング・グロース40
S
social-reddit-card
social-reddit-card
nexu-io / html-anything

リアルな Reddit 投稿カード + アップ/ダウンボート + コメント数、動画オーバーレイ / ストーリー共有に最適

クリエイティブ・メディア40
S
social-spotify-card
social-spotify-card
nexu-io / html-anything

Spotify Now Playing 風カード: アルバムアート + プログレスバー + 再生コントロール、動画オーバーレイ / プロフィールページに対応

デザイン・UI40
S
social-x-post-card
social-x-post-card
nexu-io / html-anything

リアルな X 投稿カード + エンゲージメントデータ (likes/reposts/views)、動画オーバーレイや画像カード共有に対応

クリエイティブ・メディア40
S
sprite-animation
sprite-animation
nexu-io / html-anything

ピクセルアート + kinetic タイポグラフィの解説フレーム、純 CSS ループ、動画収録可能

クリエイティブ・メディア40
S
stitch-a11y
stitch-a11y
gabelul / stitch-kit

Stitch が生成したコンポーネントを WCAG 2.1 AA のアクセシビリティ問題について監査し、修正を適用する——セマンティック HTML、ARIA 属性、キーボードナビゲーション、フォーカス管理、スクリーンリーダー対応。

テスト・品質40
S
stitch-mcp-apply-design-system
stitch-mcp-apply-design-system
gabelul / stitch-kit

Stitch Design System を既存の画面に適用する——デザインシステムのテーマに合わせて色、フォント、角丸を更新する。list または create 操作で得た assetId が必要。

デザイン・UI40
S
stitch-mcp-list-projects
stitch-mcp-list-projects
gabelul / stitch-kit

ユーザーがアクセスできるすべての Stitch プロジェクトを一覧表示する。作業を再開する前、または既存プロジェクトで新しい画面を生成する前に、既存のプロジェクト ID を見つけるために使用する。

デザイン・UI40
S
stitch-svelte-components
stitch-svelte-components
gabelul / stitch-kit

Stitch の画面、ローカル HTML ファイル、または URL を、runes API を使って Svelte 5 / SvelteKit コンポーネントに変換する——カスタムプロパティ付きのスコープ付き CSS、組み込みトランジション、TypeScript、ダークモード、アクセシブルなマークアップ。API キーが必要なのは Stitch ルートのみ。

開発40
S
synapse
synapse
nimblebraininc / skills

MCP サーバー用の Synapse UI を構築する——単一のインライン HTML ファイルにビルドされた React アプリで、`ui://` リソースとして提供され、任意の MCP Apps ホスト(Claude、ChatGPT、NimbleBrain)にマウントされる。任意の MCP サーバー(Python/FastMCP または TypeScript)で動作する。Synapse アプリや UI を構築するとき、MCP サーバーにフロントエンドを追加するとき、サーバーを「ビジュアル」または「インタラクティブ」にするとき、`ui://` リソースを配線するときに使用する。

開発40
T
tailwind-semantic-theme
tailwind-semantic-theme
sjunepark / agent-scripts

説明はまだありません

デザイン・UI40
T
terminal-ui-design
terminal-ui-design
ingpoc / skills

CLI ツール、ターミナルユーザーインターフェース(TUI)、その他のコマンドラインアプリケーションを作成するときに使用。ターミナル UI デザイン、ASCII アート、配色、罫線文字、洗練されたターミナル出力に読み込む。退屈な CLI を個性的な体験へリファクタリングするときにも使用。

デザイン・UI40
T
textual-screenshot
textual-screenshot
langchain-ai / deepagents

Textual のヘッドレステストハーネスを使って Textual ターミナル UI を SVG としてキャプチャする。deepagents-code/dcode や他の Textual アプリのスクリーンショットを作成・添付・プレビューする場合、TUI の状態を視覚的に検証する場合、デスクトップやブラウザなしでモーダル、画面、ウィジェットをレンダリングする場合に使用する。

テスト・品質40
T
threejs-r3f
threejs-r3f
b-open-io / prompts

ユーザーが「build a Three.js scene」「set up React Three Fiber」「animate a mesh with useFrame」「load a GLTF or GLB model」「add physics with react-three/rapier」を求めたときにこの skill を使用する。Three.js および React Three Fiber プロジェクトのシーン構築、Drei ヘルパー、アセットパイプライン、レスポンシブキャンバス、パフォーマンスバジェットを扱う。

クリエイティブ・メディア40
T
tinted-neutrals
tinted-neutrals
basiclines / rampa-studio

ブランドカラーの微妙な色味を加えたニュートラルグレーのパレットを生成する。純粋なニュートラルグレーではなく、ブランドとつながりを感じるグレーが欲しいときに使用する。

デザイン・UI40
T
token-audit
token-audit
murphytrueman / design-system-ops

デザイントークンの定義方法を監査する:階層、命名、エイリアスチェーン、生の値、孤立トークン、DTCG 対応状況。トリガー:audit my tokens、token architecture review、token health check。トークンを消費するコード (token-compliance)、テーマの一致 (theme-audit)、Figma 変数 (figma-variable-audit) には使用しない。

デザイン・UI40
U
ui-principles
ui-principles
aussiegingersnap / cursor-skills

Linear、Notion、Stripe に着想を得た、精密でミニマルなデザインシステムを徹底する。ダッシュボード、管理画面、あるいは Jony Ive 級の精度を要するあらゆる UI を構築するときにこのスキルを使用する——クリーンでモダン、センスのあるミニマリズム。すべてのピクセルが重要。

デザイン・UI40
U
ui-ux-pro-max
ui-ux-pro-max
aatrooox / blog.zzao.club

検索可能なデータベースを備えた UI/UX デザインインテリジェンス

デザイン・UI40
10,561 件中 10081–10140 件

MCP は初めてですか?

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

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