mcpField

Skills

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

デザイン・UI

F
frontend-design

新しい UI を構築する際、または既存の UI を再構成する際の、独特で意図的なビジュアルデザインに関するガイダンス。美的方向性、タイポグラフィ、テンプレートのデフォルト値として見えない選択を支援します。

デザイン・UI2.0k
R
roku
roku
bergside / awesome-design-skills

紫を基調とした美しいアプリダッシュボード。トップバーのナビゲーション、カードベースのレイアウト、開発者を優先したワークフローを備えています。

デザイン・UI2.0k
B
basic
basic
bergside / awesome-design-skills

書籍、雑誌、レポート向けの印刷物に着想を得たビジュアル表現。エディトリアルグリッドと表現豊かなタイポグラフィーを採用しています。

デザイン・UI2.0k
P
pulse
pulse
bergside / awesome-design-skills

太いボーダー、幾何学的な形、高コントラストの色使い、躍動感のある表現豊かなタイポグラフィで、動きと活力を伝えるダイナミックなスタイル

デザイン・UI2.0k
S
square
square
bergside / awesome-design-skills

繊細なタイポグラフィ、ミニマルな配色、洗練されたレイアウトが織りなす、優雅で上品な美学

デザイン・UI2.0k
C
claude-design-hyperframes
claude-design-hyperframes
heygen-com / hyperframes

Claude Design 内で実行する場合にのみ使用します。事前検証済みのスケルトンを使用して、有効でブランドに忠実な HyperFrames の動画ドラフトを作成します。Claude Code / Cursor / Codex では、代わりに `hyperframes` スキルを使用してください。

クリエイティブ・メディア2.0k
A
animation-systems
animation-systems
mengto / skills

Stripe、Linear、Apple、Vercelのようなプロダクト品質のWebモーションを設計または実装する際に使用します。モーションの原則、イージングと継続時間のデフォルト、振り付けのパターン、スクロールやホバーのインタラクション、パフォーマンス、アクセシビリティ(視差効果を減らす設定)、実装ガイドを扱います。

デザイン・UI2.0k
P
product-skills
product-skills
alirezarezvani / claude-skills

12 個の組み込みプロダクトサブスキル(RICE、OKR、UX リサーチ、デザイントークン、競合分析、分析、実験、ディスカバリー、ロードマップ、仕様からリポジトリへの変換、ランディングページ、SaaS の足場構築)または 4 つの単独プロダクトチームプラグイン(ユーザーストーリー、Apple HIG、コードから PRD への変換、リサーチ要約)にまたがるプロダクト業務の調整に使用します。「優先順位付けを手伝って」「プロダクト実験を計画して」「使われない機能ばかりリリースしている」「ディスカバリーループを実行して」「OST は妥当か」などの依頼が対象です。決定論的なシグナルルーターでコンテキストを 1 つのサブスキルに振り分け、要約を返します。継続的なディスカバリーループ(Torres の頻度トラッカーと OST リンターを機械的なゲートとして使用)や、リポジトリ全体の agent-harness を通じた目標→計画→実行→検証→完了の一連の処理も実行できます。プロジェクト管理(何を作るかではなく、どう届けるか)、マーケティング/ランディングページ(ゼロからのページ作成)、エンジニアリング/agent-harness(このオーケストレーターが接続する汎用ループエンジン)とは異なります。

生産性2.0k
F
flutter-adaptive-ui
flutter-adaptive-ui
madteacher / mad-agents-skills

モバイル、タブレット、デスクトップ、Web、大画面、折りたたみ端末、複合入力デバイス向けに、Flutter のアダプティブまたはレスポンシブ UI を構築、修正、レビュー、検証します。ブレークポイントに基づくレイアウト、レスポンシブナビゲーション、アダプティブなダイアログ/リスト/グリッド、キーボード/マウス/タッチ操作、MediaQuery または LayoutBuilder によるウィンドウサイズの判定、プラットフォーム固有の動作に対する Capability と Policy のパターン作成に使用します。

デザイン・UI2.0k
I
image-3d
image-3d
starchild-ai-agent / official-skills

3D スタイルの画像生成:3D キャラクター、製品レンダリング、アイソメトリックジオラマ、3D アイコン、3D テキスト、インテリアデザインのレンダリング、建築ビジュアライゼーション、3D シーン、ゲームアセット。テキストの説明や参考写真から 3D スタイルの 2D 画像を生成する際に使用します(例:3D キャラクターデザイン、アイソメトリックジオラマ、3D 製品レンダリング、インテリアデザインのビジュアライゼーション、建築レンダリング、3D アプリアイコン、3D テキストエフェクト、ゲームアセットのレンダリング)。

クリエイティブ・メディア2.0k
L
layers-conceptual-model
layers-conceptual-model
jamiemill / layers-skills

インターフェースに依存せず、プロダクトのオブジェクト、関係、状態、用語を定義する手法。最も基盤となるレイヤー

デザイン・UI2.0k
S
scroll-experience
scroll-experience
sickn33 / agentic-awesome-skills

視差効果など、スクロールに連動する没入型体験の構築に精通しています

デザイン・UI2.0k
C
critique-composition
critique-composition
owl-listener / designer-skills

レンダリングされた画面の構図(バランス、余白、リズム、ゲシュタルト的なグルーピング)を評価します。レイアウトに違和感があるものの、階層構造に問題がない場合に使用します。強調や視線誘導に特化した評価には `critique-visual-hierarchy` を使用します。

デザイン・UI2.0k
D
design-lab
design-lab
0xdesign / design-plugin

デザインインタビューを実施し、一時的なデザインラボで異なるUI案を5つ生成してフィードバックを集め、実装計画を作成します。UIデザインの選択肢を検討したい、既存コンポーネントを再設計したい、または複数の案を比較しながら新しいUIを作成したい場合に使用します。

デザイン・UI2.0k
I
information-architecture
information-architecture
owl-listener / designer-skills

コンテンツの構造、階層、ラベル、ナビゲーションモデルを設計します。既存の内容を整理する際に使用します。それを表示する UI には `navigation-patterns`(interaction-design)を、ユーザーによるグループ分けの根拠には `card-sort-analysis`(design-research)を使用してください。

デザイン・UI2.0k
M
mapbox-style-quality
mapbox-style-quality
mapbox / mapbox-agent-skills

Mapbox スタイルの検証、最適化、品質確保に関する専門的なガイダンスを提供します。検証、アクセシビリティチェック、最適化を扱います。スタイルの本番導入準備、問題のデバッグ、地図の品質基準の確保に使用します。

テスト・品質2.0k
O
obsidian-canvas-creator
obsidian-canvas-creator
axtonliu / axton-obsidian-visual-skills

テキストから Obsidian Canvas ファイルを作成し、マインドマップと自由形式のレイアウトに対応します。コンテンツをインタラクティブなキャンバスとして可視化したい場合、マインドマップを作成したい場合、または Obsidian 形式で情報を空間的に整理したい場合に使用します

生産性2.0k
T
tailwind-best-practices
tailwind-best-practices
mastra-ai / mastra

Mastra Playground UI 向けの Tailwind CSS スタイルガイドです。デザインシステムの一貫性を保つため、packages/playground-ui および packages/playground のスタイルコードの作成、レビュー、リファクタリングに使用します。Tailwind クラス、コンポーネントのスタイリング、デザイントークンに関するタスクで起動します。

デザイン・UI2.0k
G
graphic-designer
graphic-designer
charlie947 / social-media-skills

LinkedIn投稿用のグラフィックを作成します。投稿内容に応じて、HTML/CSSで構成したグラフィックか、AI生成のインフォグラフィックを選びます。「グラフィックをデザインして」「ビジュアルを作成して」「画像を作って」「投稿用のグラフィック」「LinkedIn用の画像」と言われた場合や、LinkedIn投稿に添えるビジュアルコンテンツを求められた場合に使用してください。投稿を書き終え、対応するグラフィックを求められた場合にも使用します。

デザイン・UI2.0k
I
ios-design-guidelines
ios-design-guidelines
ehmo / platform-design-skills

iPhone 向けの Apple Human Interface Guidelines。iOS 用の SwiftUI/UIKit インターフェースの構築、レビュー、リファクタリング時に使用します。iPhone UI、iOS コンポーネント、アクセシビリティ、Dynamic Type、ダークモード、HIG 準拠に関するタスクで起動します。

デザイン・UI2.0k
A
aesthetic-usability
aesthetic-usability
owl-listener / designer-skills

美的・ユーザビリティ効果を適用します。洗練され一貫性のあるインターフェースは使いやすいと認識され、多少の使いづらさも許容されます。ビジュアルの仕上げを正当化する場合や、機能するデザインのテスト結果が悪い理由を診断する場合に使用します。感情的な共鳴に特化する場合は、`interfaces-that-feel`(interaction-design)を使用してください。

デザイン・UI2.0k
H
high-end-visual-design
high-end-visual-design
nexu-io / open-design

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

デザイン・UI2.0k
L
layers-intro
layers-intro
jamiemill / layers-skills

Layers of Product Design のフレームワーク概要です。最初に読み込み、他のすべてのスキルが依存するコンテキストを提供します。

デザイン・UI2.0k
F
frontend-ui-ux-engineer
frontend-ui-ux-engineer
404kidwiz / claude-supercode-skills

デザイナー出身の開発者。デザインモックがなくても見事な UI/UX を作り上げます。コードは多少雑になることがありますが、ビジュアルの仕上がりは常に抜群です。

デザイン・UI2.0k
R
r3f-materials
r3f-materials
enzed / r3f-skills

React Three Fiber の表面マテリアル、PBR、透明度、透過を選択して設定します。メッシュの外観やマテリアルコストに使用し、カスタム GLSL または TSL コードにはシェーダーガイドを使用します。

デザイン・UI2.0k
L
layers-interaction-flow
layers-interaction-flow
jamiemill / layers-skills

視覚的な形を決めずに、場所、アフォーダンス、エッジケース、失敗経路など、インタラクションの構造と流れを整理する手法

デザイン・UI2.0k
B
behavioral-product-design
behavioral-product-design
refoundai / lenny-skills

行動科学をプロダクトデザインに活用できるよう支援します。習慣形成、摩擦の軽減、UX への心理学の応用、行動原則による継続率の向上、ナッジによるユーザー行動への働きかけを設計するときに使用します。

デザイン・UI2.0k
L
layers-product-strategy
layers-product-strategy
jamiemill / layers-skills

ユーザー機会をビジネス成果やソリューションへの投資判断につなげ、最もリスクの高い仮説を低コストで検証する手法

デザイン・UI2.0k
L
layers-surface
layers-surface
jamiemill / layers-skills

語彙、オブジェクトの一貫性、網羅性、フィードバック、階層、アクセシビリティなど、下位レイヤーを踏まえて表層を監査し、判断する手法

デザイン・UI2.0k
R
r3f-shaders
r3f-shaders
enzed / r3f-skills

uniforms や頂点変形を含む、React Three Fiber のカスタム GLSL または TSL マテリアルを実装します。通常の PBR 設定や composer エフェクトではなく、シェーダーコードやシェーダーのデバッグに使用します。

開発2.0k
L
layers-orient
layers-orient
jamiemill / layers-skills

7 つすべてのレイヤーを診断し、ボトルネックとなるレイヤーを特定して、注力すべき箇所を提案します

デザイン・UI2.0k
L
layers-domain
layers-domain
jamiemill / layers-skills

ドメインの概念、用語の衝突、境界づけられたコンテキストをマッピングする手法。概念モデルを構築するための基礎となる素材です

デザイン・UI2.0k
C
canva-creator
canva-creator
anthropics / knowledge-work-plugins

承認済みのコンテンツブリーフを受け取り、投稿カレンダーの作成、ソーシャル投稿用のCanvaデザイン生成、キャプションとメール文面の作成、HubSpotでのソーシャル投稿の送信準備まで、キャンペーンを最初から最後まで実行します。Canvaはソーシャル投稿(Instagram、Facebook、X、LinkedIn)のみに使用します。メール内容はプレーンテキストで作成して画面内に表示し、担当者が自分のツールから送信できるようにします。すべてのステップで担当者の明示的な承認が必要です。これは一括キャンペーン実行ツールです。完成したブリーフを入力すると、完全なキャンペーンが出力されます。担当者から承認済みのブリーフが渡されたときや、対象として指定されたときに使用します。「このブリーフを実行して」「キャンペーンを実行して」「このブリーフを投稿にして」「承認した計画からキャンペーンを作って」などの場合です。ブリーフのない日常的な投稿(「もっと投稿したい」「何を投稿すればいい?」など)には、常設カレンダーを管理するsocial-content-engineを使用してください。

マーケティング・グロース2.0k
G
game-designer
game-designer
playableintelligence / game-creator

ブラウザーゲームのビジュアルの仕上がり、雰囲気、プレイヤー体験を分析・改善するゲーム UI/UX デザイナーです。ゲームのビジュアル、背景、パーティクル、アニメーション、画面遷移、手応え、全体的な美観を改善したいときに使用します。

デザイン・UI2.0k
L
layers-user-needs
layers-user-needs
jamiemill / layers-skills

ユーザーのニーズ、課題、願望を引き出し、優先順位を付ける手法。プロダクト戦略の基盤となる機会を見極めます

デザイン・UI2.0k
P
paywall-optimization
paywall-optimization
appeeky / aso-skills

ユーザーがアプリのペイウォール(レイアウト、コピー、価格表示、トライアルオファー、プラン構成、ハード/ソフトペイウォール、配置、A/B テスト)の設計、テスト、最適化を希望する場合に使用します。「paywall」「paywall design」「paywall conversion」「trial-to-paid」「soft paywall」「hard paywall」「paywall A/B test」「paywall copy」「plan picker」「annual vs monthly display」「best paywall」「RevenueCat paywall」「Superwall」「Adapty」「my paywall isn't converting」に言及した場合にも使用します。全体的な価格戦略や収益化モデルの選択については monetization-strategy、トライアルのフォロー、督促、解約については subscription-lifecycle、オンボーディング中のペイウォール表示タイミングについては onboarding-optimization を参照してください。

マーケティング・グロース1.9k
C
compose-focus-navigation
compose-focus-navigation
chrisbanes / skills

TV、キーボード、デスクトップ、アクセシビリティのフォーカス、D-pad ナビゲーション、FocusRequester、focusProperties、キーイベント、初期フォーカス動作に関する Jetpack Compose UI の作成またはレビューに使用します。

開発1.9k
L
layers-observed-behaviour
layers-observed-behaviour
jamiemill / layers-skills

ユーザーリサーチを計画し、ユーザーの実際の行動について、根拠に基づく信頼度評価付きの知見へと統合する手法

デザイン・UI1.9k
C
ccf-visual-composer
ccf-visual-composer
mikubaka88 / ccfa-skills

提供されたコンテンツ(生物データを含む)をもとに、科学図、視覚的な表、手法/アーキテクチャ図を作成・再設計します。図の改善、レイアウト、配色、GPT Image 2 による生成、純粋な SVG、編集可能な SVG/PDF/PPTX に使用します。値とトポロジーを保持してください。実験の根拠設計は ccf-experiment-designer の担当であり、原稿の書き換えと PDF から執筆例への変換は別の担当です

デザイン・UI1.9k
T
transitions-dev
transitions-dev
jakubantalik / transitions-dev

Webアプリ向けの本番利用可能なCSSトランジションです。通知バッジ、ドロップダウン、モーダル、パネルの表示、ページ遷移、カードのリサイズ、数値のポップイン、テキストやアイコンの切り替え、成功チェック、アバターグループのホバー効果、エラー状態のシェイクを実装する際に使用します。「トランジションを追加」「ドロップダウンをアニメーション化」「モーダルをスムーズに開く」「アイコンを切り替える」「ページをスライド」「スタガーアニメーション」「開閉トランジション」「アニメーションさせる」「サイズを補間」「フェードで切り替え」「スムーズに開く」「スムーズに閉じる」「成功アニメーション」「チェックマークアニメーション」「確認アニメーション」「フォームエラー」「無効な場合に揺らす」「バリデーションフィードバック」「ホバーで浮かせる」「アバターのスタックをホバー」「チップグループをホバー」などの依頼で起動します。

デザイン・UI1.9k
F
form-design
form-design
owl-listener / designer-skills

フォームをエンドツーエンドで設計します。フィールドの順序、グループ化、検証、入力完了までを扱います。成果物がフォームの場合に使用します。製品全体のエラー戦略には `error-handling-ux`、初回登録には `onboarding-design` を使用してください。

デザイン・UI1.9k
U
understand-figma
understand-figma
egonex-ai / understand-anything

Figma REST API を使って Figma ファイルを分析し、インタラクティブなデザインナレッジグラフ(ページ、画面、コンポーネント、コンポーネントセット、インスタンス、デザイントークン)と kind:"design" ダッシュボードを生成します

デザイン・UI1.9k
4
4drawio
4drawio
jihe520 / mathmodelagent

数学モデリングにおける非データ型の図表作成段階。ANALYSIS_MODELING_REPORT.md、RESULTS_REPORT.md、既存の figures/ に基づき、技術ロードマップ、サブ問題の解法フローチャート、モデル構造図、データ処理フローチャートなどの DrawIO 図を作成し、論文で引用できる PDF としてエクスポートします。

デザイン・UI1.9k
B
brandkit
brandkit
nexu-io / open-design

プレミアム品牌ビジュアル生成スキル。ハイエンドなブランドガイドライン、ロゴシステム、アイデンティティプレゼンテーション、ビジュアルワールド展開の制作に対応。ミニマリスト、シネマティック、エディトリアル、ダークテック、ラグジュアリー、カルチャル、セキュリティ、ゲーミング、デベロッパーツール、コンシューマーアプリなどのブランドシステムに対応。インテンショナルなロゴコンセプト、洗練されたコンポジション、スパースタイポグラフィ、強いシンボリック表現、プレミアムモックアップ、アートディレクションされた画像、柔軟なグリッドレイアウトに最適化。

デザイン・UI1.9k
D
design
design
cognitedata / builder-skills

Flows と Fusion アプリでプリミティブを選び、トークンの使用を一貫させ、信頼性の高いレイアウト・文言・状態パターンを適用するための簡潔な Aura ガイド。

デザイン・UI1.9k
E
element-plus-vue3
element-plus-vue3
partme-ai / full-stack-skills

Element Plus Vue 3 コンポーネントライブラリについて、インストール、コンポーネント、テーマ、国際化、API リファレンスを含む包括的なガイダンスを提供します。Vue 3 用の Element Plus について質問された場合、Element Plus で Vue 3 アプリケーションを構築する場合、またはコンポーネントのスタイルをカスタマイズする場合に使用します。

開発1.9k
R
r3f-lighting
r3f-lighting
enzed / r3f-skills

ディレクショナルライト、環境マップ、シャドウを使ってReact Three Fiberのシーンに照明を設定します。ライトの配置、イメージベースドライティング、シャドウの問題、ライティングのパフォーマンスに使用します。

デザイン・UI1.9k
A
applying-cms-brand
applying-cms-brand
forcedotcom / sf-skills

CMS のブランドガイドライン(ボイス、トーン、スタイル、色、タイポグラフィ)を抽出・取得し、生成コンテンツに適用します。ブランディング、ブランドボイス、ブランドトーン、ブランドガイドライン、ブランドアイデンティティ、ブランドスタイル、またはコンテンツへのブランド適用に関する依頼では、必ずこのスキルを使用してください。「自分のブランドを適用して」「ブランドボイスを使って」「ブランドガイドラインに合わせて」「自分のブランドを探して」「ブランドを検索して」「ブランドの指示を取得して」「ブランドトーンを適用して」などがトリガーです。Salesforce CMS でブランドを検索し、ブランド指示を抽出して、ブランドボイス/トーン/ガイドラインをコンテンツに適用する一連のワークフローを処理します。メディア/画像検索(searching-media スキルを使用)、ロゴ検索、新しいブランド定義の作成には適用されません。

マーケティング・グロース1.9k
I
icon-set-generator
icon-set-generator
jezweb / claude-skills

ウェブサイトやアプリ向けに、プロジェクトに合わせた統一感のある SVG アイコンセットを生成します。ユーザーがカスタムアイコン、ウェブサイトやアプリのアイコンセット、クライアント案件のアイコン、または一貫した見た目の SVG アイコンを必要とする場合に使用します。説明されたプロジェクトの成果物にアイコンが自然に含まれる場合も起動します。たとえば「配管工のサイトを作っている」なら、サービスアイコンが必要になると判断します。トリガー語:「icons for」「icon set」「custom icons」「SVG icons」「make me icons」「I need icons」「website icons」「project icons」、またはウェブプロジェクト向けに統一感のあるビジュアル素材を求める依頼。汎用アイコンライブラリの検索ではなく、統一されたスタイルエンジンで個別の SVG ファイルを生成します。

デザイン・UI1.9k
M
motion-system
motion-system
owl-listener / designer-skills

製品全体で一貫性を保つため、モーションのトークン(時間、イージングの用語、動きを抑える設定への対応)を定義します。システム全体のモーションを標準化するときに使用します。特定のアニメーションを作成する場合は、`animation-principles`(interaction-design)を使用してください。

デザイン・UI1.9k
R
redesign-existing-projects
redesign-existing-projects
nexu-io / open-design

既存のウェブサイトとアプリをプレミアム品質にアップグレードします。現在のデザインを監査し、一般的な AI パターンを識別し、機能を損なうことなく高度なデザイン標準を適用します。任意の CSS フレームワークまたはバニラ CSS で動作します。

デザイン・UI1.9k
U
use-topbar
use-topbar
cognitedata / builder-skills

Aura Topbar(@aura/topbar)を Flows/Fusion アプリに接続します。パンくずリスト、任意の Tabs/Segmented、右側の領域(Share、通知、テーマ、Atlas、ユーザー Avatar)、ライト/ダークに対応します。Atlas は EOS サイドバーを開きます。integrate-fusion-agent でコンテキストを接続し、チャット UI を埋め込まないでください。トップバー、ヘッダー、パンくずリスト、テーマ切り替え、Atlas ランチャーの追加時に使用します

デザイン・UI1.9k
A
Adobe

MCPサーバーを使わず、Flue経由でシェルからAdobeのデスクトップアプリ(Photoshop、Illustrator、Premiere、After Effects、InDesign、Audition)を操作します。

クリエイティブ・メディア1.9k
N
navigation-patterns
navigation-patterns
owl-listener / designer-skills

製品構造とユーザータスクに合ったナビゲーションパターン(タブ、ドロワー、階層、ハブ)を選択・設計します。ユーザーがセクション間を移動する方法を決める際に使用します。基盤となるコンテンツ構造については `information-architecture`(ux-strategy)を使用してください。

デザイン・UI1.9k
C
compose-animations
compose-animations
chrisbanes / skills

Jetpack Compose のモーションを作成またはレビューするときに使用します。表示時・非表示時のアニメーション、プロパティを目標値へアニメーションさせる方法、色やサイズの遷移、1つの状態から複数プロパティをアニメーションさせる方法、コンポーザブルコンテンツの切り替え、AnimatedVisibility、animate*AsState、rememberTransition、AnimatedContent、Crossfade の選択を扱います。

デザイン・UI1.9k
B
branding
branding
kostja94 / marketing-skills

ユーザーがブランド戦略(ビジュアルだけでなく、目的、価値観、ポジショニング、ストーリーテリング、ブランドボイス、ナラティブ)を定義・監査・適用したい場合に使用します。「brand strategy」「brand story」「brand storytelling」「brand voice」「brand identity」「brand guidelines」「brand purpose」「brand values」「origin story」「brand narrative」「brand personality」「brand archetype」「slide deck branding」「PPT brand colors」「document style guide」といった言及がある場合にも使用します。タイポグラフィ、色、デザイントークン、フロントエンドのビジュアルにはbrand-visual-generatorを使用してください。

マーケティング・グロース1.9k
R
roblox-input
roblox-input
tabooharmony / roblox-brain

Roblox のタッチ、ゲームパッド、キーボード、マウス、モーション入力、画面上のアクションボタン、クロスプラットフォームのアクションバインドを扱う場合に使用します

開発1.9k
A
animation-designer
animation-designer
daffy0208 / ai-dev-standards

Framer Motion と CSS を使ったウェブアニメーション、トランジション、モーションデザインのエキスパート

デザイン・UI1.9k
L
lower-thirds
lower-thirds
iart-ai / tiktok-video-skills

ユーザーが「アニメーション付きローワーサードを作る」「ローワーサードを追加する」「ネームタグ/名前のローワーサードを作る」「放送用タイトルを作る」「タイトル/名前/役職のキャプションにアニメーションを付ける」「話者名のオーバーレイを作る」「名前のリスト全体にローワーサードのテンプレートを適用する」と依頼した場合に使用します。登場/退出アニメーション(スライド/ワイプ/マスク表示)、表示・退出のタイミングと停止時間、セーフエリアと放送規定、名前と役職の文字階層、ブランドスタイル、複数の名前へのデザイン展開を扱います。

クリエイティブ・メディア1.9k
G
gpt-taste
gpt-taste
nexu-io / open-design

エリート UX/UI と高度な GSAP モーションエンジニア。Python 駆動の真のランダム化によるレイアウトバリエーション、厳密な AIDA ページ構造、幅広い編集的タイポグラフィ(6 行折り返し禁止)、シームレスなベントグリッド、厳密な GSAP ScrollTriggers(ピン、スタッキング、スクラビング)、インライン微画像、および大規模なセクション間隔を実施します。

デザイン・UI1.9k
10,561 件中 1081–1140 件

MCP は初めてですか?

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

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