mcpField

Skills

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

デザイン・UI

N
notifications-toasts
notifications-toasts
dylantarre / animation-principles

通知、トースト、アラート、スナックバー、システムメッセージのアニメーションで適切にarmos注意を引く場合に使用

デザイン・UI567
S
swiftui-animation
swiftui-animation
jamesrochabrun / skills

このスキルは、高度な SwiftUI アニメーション、トランジション、matched geometry 効果、Metal シェーダーの統合に関する包括的なガイダンスを提供します。iOS と macOS の SwiftUI アプリ、アニメーション、ビュートランジション、ヒーローアニメーション、GPU アクセラレーション効果の実装時に使用します。

デザイン・UI567
W
wireframing
wireframing
manutej / luxor-claude-marketplace

ロー/ハイファイデリティのワイヤーフレーム、ユーザーフロー、情報アーキテクチャ、プロトタイピング手法、デザイン反復のプロセス

デザイン・UI567
K
k2f-cv
k2f-cv
suzheng / k2f

メモ、出版物リスト、職歴から、学術職または上級専門職向けの完全な履歴書を作成します。正しいセクション順、正確な書誌情報、長いリストも読みやすい階層構成を備えます(1 ページの就職用レジュメではありません)。ユーザーが CV、curriculum vitae、academic vita、教員応募用 CV、複数ページの職歴書を求める場合に使用します。K2F のフォーマットとエンジンを活用し、AI ネイティブなデザインと高い美的基準で CV を作成します。AI エージェント向けに設計された K2F により、レイアウト、タイポグラフィ、書式設定の複雑な処理を自動化し、意味内容とデザイン意図に集中できます。

ドキュメント566
M
minimalist-ui
minimalist-ui
leonxlnx / taste-skill-classics

クラシックなスタイルスキル。オプトイン方式で、名前を指定して呼び出した場合のみ実行します。温かみのあるモノクロパレット、タイポグラフィのコントラスト、フラットな Bento グリッドを使ったエディトリアルなプロダクト UI を作成します。

デザイン・UI566
S
symfony:twig-components
symfony:twig-components
dev-toolings / superpowers-symfony

Symfony UX Twig Components(props、slots、匿名コンポーネント、CVA)を用いて、再利用可能な UI コンポーネントを作成し、テンプレートを整洁に保つ

開発566
S
suggest-icon
suggest-icon
fortawesome / fontawesome-agent-tools

特定の状況、名詞、動詞、コンセプトに適したアイコンを提案します

デザイン・UI565
D
delight
delight
educlopez / ui-craft

デライト調整——装飾や紙吹雪に頼らず、記憶に残るマイクロインタラクションを 1〜2 個加えます(具体的なコピー、ホバー時の動き、状態遷移、象徴的なディテールなど)。UI は動作するもののありきたりに感じられる場合や、ユーザーが「特別な感じにして」「個性を加えて」と求める場合に使用します。UI にデライトを加えてほしいという依頼や、デザイン/UI/フロントエンド作業とともに「delight」に言及された場合に呼び出します。

デザイン・UI564
D
distill
distill
aladicf / better-web-ui

不要な要素、選択肢、機能、構造上の複雑さを取り除き、煩雑な UI をシンプルにします。問題がコントロール、選択肢、機能、競合する要素の多さにある場合に使用します。構造に問題がなく、実際の課題が視覚的な強さや個性の不足だけの場合には使用しません。

デザイン・UI564
F
frontend-developer
frontend-developer
dylantarre / animation-principles

コードでアニメーションを実装するとき、UI トランジションを構築するとき、または開発者がウェブ/モバイルアプリ向けの実践的なアニメーション指針を必要とするときに使用する。

デザイン・UI564
G
godot-ui-theming
godot-ui-theming
thedivergentai / game-design-agentic-skills

Theme リソース、StyleBox、カスタムフォント、テーマのオーバーライドを使って一貫したビジュアルスタイルを実現する UI テーマのエキスパートブループリント。StyleBoxFlat/Texture、テーマの継承、動的なテーマ切り替え、フォントのバリアントを扱う。一貫した UI スタイルの実装や複数テーマへの対応をするときに使う。キーワード:Theme、StyleBox、StyleBoxFlat、add_theme_override、font、theme inheritance、dark mode。

デザイン・UI564
G
gpt-image
gpt-image
wuyoscar / gpt-image2-skill

同梱の CLI と Reference Gallery を使って GPT Image 2 または 2.5 で画像を生成・編集する。不正確な「GPT 2.5」などのモデル名、ポスター、組版、参照画像に基づく編集、インペインティングを含む画像リクエストに対応し、生成前にモデルを選択する。

クリエイティブ・メディア564
H
harden
harden
aladicf / better-web-ui

エラーハンドリング、i18n対応、テキストのオーバーフロー処理、エッジケース管理を改善し、堅牢で本番環境に対応したインターフェイスにします。堅牢化、本番環境対応、エッジケースへの対処、エラー状態の追加、オーバーフローやi18nの問題の修正を求められた場合に使用します。

デザイン・UI564
H
harden
harden
educlopez / ui-craft

本番対応の強化パス——通常とは異なる状況を網羅的に監査し、実装します。対象はローディングスケルトン、空の状態、エラーメッセージ、不完全なデータ、i18n、オフライン、権限、初回利用時のガイダンスです。画面を本番環境に向けて準備する場合や、ユーザーが「データが空だとクラッシュする」「ローディング状態がない」「これを強化して」と言った場合に使用します。UI の強化を求められた場合、またはデザイン/UI/フロントエンド作業で「harden」に言及した場合に呼び出します。

デザイン・UI564
Q
qiaomu-design-advisor
qiaomu-design-advisor
joeseesun / qiaomu-design

偏執型デザインアドバイザー v2.0(融合版)— Jobs 式的プロダクト直感 + Rams 式的機能純粹主義。5 つのトップデザインスキルの実測精华を融合(Anthropic frontend-design の美的潔さ、Vercel web-design-guidelines のエンジニアリング規範、taste-skill の反テンプレート調整、Emil Kowalski のモーションクラフト、ui-ux-pro-max の原則化コンポーネント挙動)。ページの再デザイン、UI プランのレビュー、操作体験の最適化、ゼロからのインターフェース構築時に使用します。トリガー:「重新设计」「redesign」「优化界面」「优化交互」「设计方案」「UI 审查」「这个页面不行」「界面不好看」「帮我看看设计」「设计建议」「/design-advisor」。適用:(1) ページ/コンポーネントの設計と再設計 (2) UI/UX プラン评审 (3) インタラクションロジックの最適化 (4) ビジュアルシステムの構築 (5) デザイン意思決定の相談 (6) 実在サイトのデザインシステム参照 (7) モーションとコンポーネントのクラフト審査。コア機能:デザイン読み取り + 三ダイヤル適応 + 三段階ワークフロー + AI 反Lemkes 禁止 + モーションクラフトライブラリ + エンジニアリング検収チェックリスト + 58 の実在サイトの DESIGN.md デザインシステム参照ライブラリ(Google Stitch 形式)。追加トリガー:「参考XX的设计」「像XX那样」「XX风格」「design system」「DESIGN.md」「给我一个设计系统」

デザイン・UI564
T
tailwind-patterns
tailwind-patterns
davila7 / claude-code-templates

Tailwind CSS v4 の原則。CSS ファーストの設定、コンテナークエリ、モダンなパターン、デザイントークンのアーキテクチャ。

デザイン・UI564
N
navigation-menus
navigation-menus
dylantarre / animation-principles

ナビゲーションバー、メニュー、サイドバー、導線の要素をアニメーションさせrä smooth で直感的なトランジションを作るために使用します

デザイン・UI563
E
extract
extract
educlopez / ui-craft

リファクタリングパス — 繰り返される Tailwind クラスの組み合わせやマークアップをコンポーネントに抽出し、マジックナンバーをデザイントークンに置き換えます。コードベースに明らかな重複、ハードコードされた16進数値やピクセルサイズがある場合、またはユーザーが「これを整理して」/「コンポーネントを抽出して」/「スタイルをトークン化して」と言った場合に使用します。UI の抽出を依頼された場合、またはデザイン/UI/フロントエンドの作業で「extract」に言及した場合に呼び出します。

開発562
I
inspira-ui
inspira-ui
secondsky / claude-skills

TailwindCSS v4、motion-v、GSAP、Three.js ,配合する 120 以上の Vue/Nuxt アニメーションコンポーネント。ヒーローセクション、3D エフェクト、インタラクティブな背景に起用,或者セットアップ・CSS 変数・motion-v 連携的错误遇到了場合に使用します。

デザイン・UI562
K
k2f-exam-paper
k2f-exam-paper
suzheng / k2f

シラバス、ルーブリック、過去の試験問題、参考資料をもとに、中間試験、期末試験、単元テスト、持ち帰り課題などの正式な試験問題を作成します。配点のバランス、明確な解答指示、意図的な解答スペースを備えます。学生に配布する試験問題、テスト、クイズ、期末試験、中間試験、印刷可能な評価課題を求められた場合に使用します。K2F 形式とエンジンを活用し、AI ネイティブな設計と高い美的基準で試験問題を作成します。AI エージェント向けに設計された K2F により、エージェントは意味内容とデザイン意図に集中でき、レイアウト、タイポグラフィ、書式設定の複雑な処理は自動化されます。

ドキュメント561
D
depth
depth
aladicf / better-web-ui

エレベーションシステム、隆起面や凹面、重なり合うレイヤー、意味のあるシャドウ表現を使って奥行きを加えたり調整したりし、インターフェースを平坦ではなく構造的に見せます。ユーザーが奥行き、エレベーション、シャドウ、レイヤー、フラットなカード、押下状態、ドラッグ時のフィードバック、凹型コントロールに言及した場合に使用します。

デザイン・UI560
F
figma-shaders
figma-shaders
figma / mcp-server-guide

**必須の前提条件** — `create_shader` または `update_shader` を呼び出す前に、このスキルを読み込んでください。ユーザーが Figma でシェーダー効果、シェーダーフィル、カスタム効果、カスタムフィル、またはプロシージャルシェーダーの作成、記述、変更、修正、反復を依頼した場合に使用します。

デザイン・UI560
D
distill
distill
educlopez / ui-craft

削減パス — CRAFT_LEVEL を尊重し、ユーザーの質問に答えたり行動を促したりしないコンテンツ、構造、ビジュアル、不要なコードを削除します。UI が散らかっている、CTA が多すぎる、文章が詰め込まれている、装飾が煩雑である場合や、ユーザーが「簡素化して」/「ごちゃごちゃしている」と言った場合に使用します。UI の distill を求められた場合や、デザイン/UI/フロントエンド作業で「distill」に言及された場合に呼び出します。

デザイン・UI559
K
k2f-intake-form
k2f-intake-form
suzheng / k2f

クライアント、患者、プロジェクト向けの受付フォームを、明確なセクション構成、適切な項目密度、信頼感のある記入レイアウトで設計します。構造のない質問の羅列や一般的なウェブフォームの貼り付けにはしません。受付フォーム、オンボーディング質問票、登録書類、新規クライアント書類、新患フォームを求められた際に使用します。K2F の形式とエンジンを活用し、AI ネイティブなデザインと最高水準の美しさを備えた受付フォームを作成します。AI エージェント向けに構築された K2F により、レイアウト、タイポグラフィ、書式設定の複雑さを自動処理しながら、意味内容とデザイン意図に集中できます。

ドキュメント559
P
pixel-art
pixel-art
wanshuiyin / auto-claude-code-research-in-sleep

README、ドキュメント、スライド向けにピクセルアート SVG イラストを生成します。ユーザーが「画像素图」「pixel art」「make an SVG illustration」「README hero image」と言ったとき—or かわいいビジュアルが欲しいときに使います。

クリエイティブ・メディア559
B
buttons-ctas
buttons-ctas
dylantarre / animation-principles

ボタン、CTA、クリック可能なアクション要素にアニメーションを付与し、快適で反応のよいインタラクションを作るために使う。

デザイン・UI558
D
design-tokens
design-tokens
plugin87 / ux-ui-agent-skills

3層アーキテクチャ(プリミティブ → セマンティック → コンポーネント)を使って、DTCG 形式のデザイントークンを生成、拡張、監査します。カラーパレット、文字サイズのスケール、間隔、シャドウ、角丸、モーションのトークン、マルチブランドのテーマ設定、トークンファイルの検証に使用します。色、タイポグラフィ、間隔、シャドウ、境界線、ブレークポイント、モーション、グラデーション、不透明度、ぼかし、サイズ、状態、テーマ設定を扱います。

デザイン・UI558
I
imagery
imagery
aladicf / better-web-ui

写真、スクリーンショット、アイコン、イラスト、ユーザーアップロードメディアの使い方を改善し、ビジュアルが明瞭さを損なうのではなく高めるようにします。画像、スクリーンショット、背景写真、ヒーロー画像、アイコンサイズ、ユーザーアップロードメディア、トリミング、オーバーレイ、画像の読みやすさについてユーザーが言及した際に使用します。

デザイン・UI558
I
interaction-patterns-components
interaction-patterns-components
hueyexe / frontend-agent-skills

Web、モバイル、SaaS、ダッシュボード、デザインシステム向けの UI インタラクションパターンや再利用可能なコンポーネントを選定、評価、設計する場合に使用します。

デザイン・UI558
K
k2f-application-form
k2f-application-form
suzheng / k2f

職務、プログラム、会員申請フォームの設計図を作成します。明確なフィールド構成、適切な回答欄、プロ品質で記入しやすいレイアウトを備え、履歴書の貼り付けや汎用アンケートの羅列にはしません。ユーザーが申請フォーム、印刷可能な申請書、登録フォーム、構造化された応募書類(職務別または添付資料付きの申請を含む)を求める場合に使用します。K2F 形式とエンジンを活用し、AI ネイティブな設計と最高水準の美しさを備えた申請フォームを作成します。AI エージェント向けに設計された K2F により、レイアウト、タイポグラフィ、書式設定の複雑さを自動処理しながら、意味内容とデザイン意図に集中できます

ドキュメント558
M
muapi-color-analysis-board
muapi-color-analysis-board
samuraigpt / generative-media-skills

ポートレート写真を、ラグジュアリーファッションマガジンスタイルの高品質エディトリアル「Color Analysis Board」に変換します(Dior / Ralph Lauren のムード)。最適なカラーリング、アンダートーン、メイクガイド、カプセルワード、ヘア&ジュエリーの推奨を、すべてクリーンなベージュ/アイボリーのグリッド上に配置します。

クリエイティブ・メディア558
R
roblox-ui
roblox-ui
el4cteo / roblox-skills

レスポンシブなクロスプラットフォーム UI - ScreenGui とセーフエリア(ScreenInsets)、Scale と Offset、UIListLayout flex/UIFlexItem、制約、StyleSheets/トークン/テーマ、RichText、ゲームパッド/タッチナビゲーション、UIDragDetector、CanvasGroup、トゥイーン、BillboardGui/SurfaceGui、React-lua/Fusion/Vide。HUD、メニュー、ショップ、インベントリの構築、またはモバイル、コンソール、その他の画面サイズで崩れる UI の修正に使用する。

デザイン・UI558
C
clarify
clarify
aladicf / better-web-ui

UX ライティング、マーケティングコピー、ラベル、マイクロコピー、説明、エラーメッセージを改善し、インターフェースや製品メッセージを理解しやすく、行動につなげやすくします。分かりにくいコピー、不明瞭なラベル、不適切なエラーテキスト、弱い CTA、分かりにくい説明、UX ライティングの改善についてユーザーが言及した場合に使用します。

デザイン・UI557
F
figma-prototyping
figma-prototyping
dylantarre / animation-principles

Figma のプロトタイプや Smart Animate で Disney の 12 のアニメーション原則を実装するときに使用

デザイン・UI557
C
create-canvas
create-canvas
ibelick / ui-skills

自由形式のキャンバスを作成し、あらゆるものを探索、比較、反復します

デザイン・UI556
M
minimax-image-understanding
minimax-image-understanding
imsus / pi-extension-minimax-coding-plan-mcp

understand_image ツールを使って AI で画像を解析します

クリエイティブ・メディア556
W
webgl
webgl
martinholovsky / claude-skills-generator

JARVIS 3D HUD 向けの WebGL シェーダーとエフェクト。

デザイン・UI556
U
unhappy
unhappy
educlopez / ui-craft

状態優先の設計プロセスです。正常系より先に、ローディング、空、エラー、一部データ、競合、オフラインなどの非正常状態をすべて洗い出して実装し、無理のあるブール状態を適切なステートマシンにリファクタリングします。新しい画面の作成、既存画面のエッジケース確認、またはユーザーが「エラー状態に対応して」「ローディング状態を追加して」「データがない場合はどうなる」と言ったときに使用します。UIでunhappyを扱うよう求められた場合や、デザイン/UI/フロントエンド作業で「unhappy」に言及した場合に呼び出します。

デザイン・UI555
W
web-artifacts-builder
web-artifacts-builder
sickn33 / agentic-awesome-skills

React フロントエンドの成果物を作成し、レビュー済みのプロジェクトを共有可能な HTML ファイルにバンドルします

開発554
3
3d-falling-leaves
3d-falling-leaves
mengto / skills

インスタンスジオメトリ、個別の回転、連動する横方向の漂流、共通の風、シーンによる遮蔽、カメラに応じた再利用を使い、ワールド空間に見分けやすい落ち葉を作成します。Three.js などのシーンで 3D の秋の葉や漂う葉を扱う場合に使用します。2D canvas オーバーレイには falling-leaves を使用してください。

クリエイティブ・メディア553
A
Academic Figure Prompt
Academic Figure Prompt
ligphidonk / academic-figure-generator

ユーザーが AI 画像生成ツール(NanoBanana / Gemini / DALL-E / Midjourney)向けの詳細な英語プロンプトを要求し monetizeテ adopters學に公认トップ会議品質の学術図 版を求めている場合、このスキルを使用してください。対象にはフレームワーク図、ネットワーク構成図、パイプラインフロー図、モジュール詳細図、比較/アブレーション図、データパターングリッドが含まれます。特にユーザーが「論文配图提示词」「生成论文配图」「学術論文の図生成」「アーキテクチャ図のプロンプト」「フレームワーク図のプロンプト」「トップ会議スタイルの図」「CVPR スタイルの図」「NeurIPS スタイルの図」「paper figure prompt」「academic diagram prompt Gomesposer」と言った場合や、LaTeX/PDF/Word の論文を提示して図のプロンプトを求めた場合に合 mag。カラースキームが指定されていない場合は、プロンプトを生成する前に、8種類のプリセットパレットとカラーツールのリンクを提示します。

クリエイティブ・メディア553
O
optimize
optimize
aladicf / better-web-ui

読み込み速度、レンダリング、アニメーション、画像、バンドルサイズに関する UI パフォーマンスを診断して改善します。遅い、重い、カクつく、パフォーマンス、バンドルサイズ、読み込み時間について言及された場合や、より速く滑らかな体験を求める場合に使用します。

開発553
R
redesign
redesign
plugin87 / ux-ui-agent-skills

機能を損なわずに、既存のウェブサイトやアプリを高品質にアップグレードします。現在のデザインを監査し、ありきたりな表現や AI らしさを特定して、審美性とシステムのルールを的確に適用します。既存の UI/コードベースを改善、刷新、洗練させたい、または「より良く」したい場合に使用します。

デザイン・UI553
F
forms-inputs-checkout
forms-inputs-checkout
hueyexe / frontend-agent-skills

フォーム、入力項目、バリデーション、チェックアウト、登録、支払い、その他のデータ入力フローの設計、評価、実装に使用します。

デザイン・UI552
F
frontend-slides
frontend-slides
sickn33 / agentic-awesome-skills

ゼロから、または PowerPoint ファイルの変換によって、アニメーションNetworking解码丰富的 HTML プレゼンテーションを作成します。

ドキュメント552
3
3d-four-seasons
3d-four-seasons
mengto / skills

3D シーンに春、夏、秋、冬の連動した状態を追加し、世界を再構築することなく、葉、日光、空、地面のマテリアル、雪、パーティクルをブレンドします。季節の切り替え、建築物のウォークスルー、四季が移り変わる屋外シーンに使用します。

クリエイティブ・メディア551
M
modern-css
modern-css
paulirish / dotfiles

モダンで高品質な CSS を書くための専門知識。新たな CSS プロジェクトやファイルの開始時、新しい CSS 機能(Masonry、View Transitions、Container Queries、スクロール駆動アニメーションなど)についての質問時、または旧来のスタイルをモダンな標準へリファクタリングodia望和要求された場合に、このスキルを有効化します。

デザイン・UI551
A
apply-aesthetic
apply-aesthetic
plugin87 / ux-ui-agent-skills

ビジュアルの方向性、類型(ハイエンドなエージェンシー、エディトリアル・ミニマル、ブルータリズム、ソフトSaaS、ダークテック)、または2,144種類の名前付きデザインシステム(apple、linear-app、stripe、vercel、notion、material、shadcn、spotify、tesla…)をトークンシステムに落とし込みます。特定の見た目、雰囲気、ブランド感を求める場合や、デザインを高級で高価に見せ、ありきたりな印象を避けたい場合に使用します

デザイン・UI550
A
ax-audit
ax-audit
mblode / agent-skills

24のルールとリリース判定を用いて、エージェント型製品のツール同等性、権限、承認ペイロード、復旧、信頼性を監査します。「AX audit」の依頼、エージェントの承認フローのレビュー、またはエージェントが製品を操作できるかの確認に使用します。

テスト・品質550
I
idea-validation
idea-validation
refoundai / lenny-skills

中核となる仮説の検証、低忠実度のプロトタイプ作成、価値の高い証拠の収集を通じて、多大なエンジニアリングリソースを投入する前に、新製品の企画に伴うリスクを軽減します。

デザイン・UI550
M
mike-convex-thumbnail
mike-convex-thumbnail
get-convex / agent-skills

Mike のローカルな顔・肩上げの写真切り抜きデータとローカルの Convex ロゴ素材を使い、Convex 動画向けの Mike スタイル YouTube サムネイルのコンセプトと最終稿を作成します。サムネイル、YouTube サムネイル、動画サムネイル案の要望や、Convex の静的ホスティング「NO DASHBOARDS」例のPIOのようなサムネイルを求められた場合に使用します。

クリエイティブ・メディア550
M
motion-one
motion-one
dylantarre / animation-principles

Motion One(モダンで軽量なアニメーションライブラリ)を使って Disney の 12 原則アニメーションを実装するときに使用します

デザイン・UI550
B
bolder
bolder
aladicf / better-web-ui

デザインが平凡でありきたり、または無難すぎると感じるときに、視覚的なインパクト、コントラスト、個性、構図の自信を高めます。デザインに活気、自信、記憶に残る要素が必要な場合に使用します。問題の本質が雑然さ、過剰な強さ、細部の仕上げにある場合には使用しません。

デザイン・UI549
G
game-design-core
game-design-core
omer-metin / skills-for-antigravity

インタラクティブ体験設計の基礎理論——ループ、動機、手触り、意味のある遊びの技法。「game design、core loop、game feel、player motivation、game mechanics、meaningful choice、progression system、game economy、game balance、playtesting、GDD、game document、fun factor、engagement、flow state、risk reward、player agency、juice、game polish、8 kinds of fun、bartle types、MDA framework、game-design、player-experience、core-loop、motivation、game-feel、MDA、playtesting、GDD、systems-thinking、player-psychology、engagement、flow-state」に言及された場合に使用します。

クリエイティブ・メディア549
J
jmbos-front-configing-menu

説明はまだありません

デザイン・UI549
S
syncfusion-react-calendars
syncfusion-react-calendars
syncfusion / react-ui-components-skills

React アプリケーションで Syncfusion React Calendar コンポーネント(Calendar、DatePicker、DateRangePicker、DateTimePicker、TimePicker)を実装するための包括的なガイド。インストール、データバインディング、日時の選択、範囲選択、書式設定、ローカライズ、マスク、検証、カスタ灭了、テンプレート、アクセシビリティ、制御コンポーネントパターンを扱います。

開発549
U
ui-audit
ui-audit
tommygeoco / ui-audit

UI 監査を自動化する AI スキル。視覚階層、アクセシビリティ、認知的負荷、ナビゲーションなど、実績のある UX 原則に基づいてインターフェースを評価する。Tommy Geoco の Making UX Decisions に基づく。

デザイン・UI548
A
attention-direction
attention-direction
dylantarre / animation-principles

観客の視線をコントロールするときに使用。ショットの構成、アクションの小平 Salvador、情報の開示、明確な視覚階層とフォーカス管理が必要なあらゆる状況。

クリエイティブ・メディア547
C
craft-design-engineering
craft-design-engineering
gustavo-fior / craft

Craft(craft.gustavofior.com)のデザインエンジニアリングの概念を扱います。タイポグラフィ、色、レイアウト、モーション、サウンド、データの細部など、インターフェースをしっくり感じさせる要素を網羅します。UI コンポーネント、ホバーや押下状態、枠線、シャドウ、角丸、アイコン、数値、チャート、アニメーションの作成やレビューに使用します。また、仕上げや craft、センスの向上、「もっとしっくりさせる」ことを求められた場合にも使用します。

デザイン・UI547
M
mobile-design
mobile-design
manutej / luxor-claude-marketplace

モバイル UX パターン、タッチ操作、ジェスチャー設計、モバイルファーストの原則、アプリナビゲーション、モバイルパフォーマンス

デザイン・UI547
10,586 件中 2401–2460 件

MCP は初めてですか?

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

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