mcpField

Skills

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

デザイン・UI

L
library-architecture
library-architecture
dragoon0x / taste-skills

60 秒以内に適切なリファレンスを返すリファレンスシステムを構築します。デザインリファレンスライブラリを立ち上げるとき、既存のコレクションを再編成するとき、またはチームが共有リファレンスシステムを構築できるよう支援するときに使用します。

デザイン・UI78
M
memory-load-reduction
memory-load-reduction
owl-listener / inclusive-design-skills

ワーキングメモリへの負担を最小限にするインターフェースを設計する。多段階のフロー、ダッシュボード、比較ツール、複数画面にまたがるフォーム、またはユーザーがステップやセッションをまたいで情報を覚えておく必要があるあらゆるインターフェースの設計時に使用する。トリガー:記憶、覚える、忘れる、引き継ぐ、多段階、ユーザー離脱、ステップが多すぎる、現在位置を見失う、コンテキスト。

デザイン・UI78
M
millers-law
millers-law
infrasity-labs / dev-gtm-claude-skills

ミラーの法則を適用する——情報を作業記憶の限界内に収めるため、約 4 個ずつのグループにチャンク化する。

デザイン・UI78
M
multi-modal-input
multi-modal-input
owl-listener / inclusive-design-skills

複数の入力方法を提供し、ユーザーが自分の能力と状況に合った方法を選べるインターフェースを設計する。ユーザーが入力を行うあらゆるインタラクティブシステム — フォーム、検索、エディター、クリエイティブツール、コミュニケーションインターフェース — の設計時に使用する。トリガー:マルチモーダル、入力方法、代替入力、人々の操作方法、マウスの代替、タッチの代替、入力の柔軟性、スイッチアクセス、視線追跡、ヘッドポインター。

デザイン・UI78
O
onboarding-design
onboarding-design
infrasity-labs / dev-gtm-claude-skills

ユーザーを圧倒することなく、迅速に価値へ到達させる初回起動体験を設計する。

デザイン・UI78
R
research-repository
research-repository
infrasity-labs / dev-gtm-claude-skills

組織全体で調査結果を見つけやすく、再利用可能で、蓄積できるリサーチリポジトリを構築・維持する。

デザイン・UI78
R
retro-css-architecture
retro-css-architecture
theorcdev / 8bitcn-ui

カスタムプロパティ、ピクセルフォント、レスポンシブなピクセルアートで 8-bit CSS を整理します。レトロ調のコンポーネントとその CSS を作成・変更するときに適用します。

デザイン・UI78
S
search-ux
search-ux
infrasity-labs / dev-gtm-claude-skills

ユーザーが必要なものを見つけ、失敗から回復し、結果を絞り込めるようにする検索体験を設計する。

デザイン・UI78
S
slide-making-skill
slide-making-skill
minimax-ai / skills

PptxGenJS で単一スライドの PowerPoint ページを実装する。スライドの JS ファイルを書く、または修正するときに使用:寸法、配置、テキスト/画像/チャート API、スタイル規則、ネイティブ .pptx 出力のエクスポート要件。

ドキュメント78
S
stories
stories
storybookjs / storybook

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

デザイン・UI78
S
storybook-configuration

プロジェクトに Storybook を導入または設定するときに使用します。メイン設定、アドオン、ビルダー、フレームワーク固有の設定を扱います。

開発78
S
syncfusion-javascript-grid
syncfusion-javascript-grid
syncfusion / javascript-ui-controls-skills

機能豊富なデータテーブルとグリッド向けに Syncfusion JavaScript Grid コンポーネントを実装する。データ表示、並べ替え、フィルタリング、グループ化、集計、編集、エクスポートを扱うときに使用する。このスキルはグリッド設定、CRUD 操作、仮想スクロール、階層グリッド、状態の永続化、データ集約型アプリケーション向けの高度なデータ管理機能をカバーする。

開発78
S
syncfusion-winforms-autolabel
syncfusion-winforms-autolabel
syncfusion / winforms-ui-components-skills

フォームコントロールに合わせてラベルを自動配置する Syncfusion WinForms AutoLabel コントロールの実装をガイドする。コントロールの移動時に自動的に再配置されるラベルを追加したい、ラベルとコントロールのペア単位でフォームレイアウトを作成したい、FlowLayout で複雑なフォームデザインを実装したい、またはラベルを関連するコントロールと同期させたい場合に使用する。コントロールのラベル付け、配置、間隔、サイズ設定、テーマ、イベントを扱う。

デザイン・UI78
S
syncfusion-winforms-bullet-graph
syncfusion-winforms-bullet-graph
syncfusion / winforms-ui-components-skills

コンパクトなデータ可視化のための Syncfusion Windows Forms Bullet Graph コントロールの実装ガイド。WinForms でブレットグラフ、パフォーマンス指標、KPI 可視化、比較指標、定性的な範囲を扱うときに使用する。このスキルは、Windows Forms デスクトップアプリケーションにおけるダッシュボードゲージ、目標と実績の比較、パフォーマンス範囲の可視化を扱う。

データ・データベース78
S
syncfusion-winforms-calendar
syncfusion-winforms-calendar
syncfusion / winforms-ui-components-skills

日付選択とカレンダー表示のための Syncfusion WinForms SfCalendar コントロールの実装をガイドします。カレンダーコントロール、日付ピッカー、月/年/10 年/世紀ビューを備えたマルチビューカレンダーを扱う際に使用します。日付選択モード、ビューナビゲーション、日付制限、特別な日付、Windows Forms の外観カスタマイズを扱います。

開発78
S
syncfusion-winforms-carousel
syncfusion-winforms-carousel
syncfusion / winforms-ui-components-skills

回転するオブジェクトを備えた 3D 円形コンベアを作成するための Syncfusion WinForms Carousel コントロールの実装をガイドする。インタラクティブな画像ギャラリー、製品ショーケース、カルーセルパスを備えた 3D アイテム表示を作成するときに使用する。画像スライド、回転制御、タッチ操作、視覚的なカスタマイズを扱う。

デザイン・UI78
S
syncfusion-winforms-clock
syncfusion-winforms-clock
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion WinForms Clock コントロールを実装するためのガイド。ユーザーが時計表示を追加する、アナログとデジタルのモードを切り替える、時計の外観をカスタマイズする、カスタムレンダラーを適用する、デジタル時計のフレームや形状を構成する、または時計を固定時刻で停止する必要があるときにこのスキルを使用する。ClockType、ClockFrame、ClockShape、ShowCustomTimeClock、ClockRenderer、DigitalRenderer を扱う。

デザイン・UI78
S
syncfusion-winforms-fontcombobox
syncfusion-winforms-fontcombobox
syncfusion / winforms-ui-components-skills

システムフォントが自動的に入力される専用コンボボックスである Syncfusion WinForms FontComboBox コントロールを実装・構成する。Windows Forms アプリケーションでフォント選択 UI、フォントピッカー、フォントドロップダウンコントロールを扱うときに使用する。このスキルは、WinForms におけるフォント選択機能、システムフォントの表示、フォントの列挙を扱う。

デザイン・UI78
S
syncfusion-winforms-fontlistbox
syncfusion-winforms-fontlistbox
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion WinForms FontListBox コントロールを実装するためのガイド。ユーザーがインストール済みシステムフォントの一覧を表示する、フォント選択のための選択モードを構成する、視覚スタイルを適用する、フォントのオートコンプリートを有効にする、スクロールバーをカスタマイズする、またはフォント選択イベントを処理する必要があるときにこのスキルを使用する。UseAutoComplete、FontListBoxStyle、SelectionMode、スクロールバーの動作を扱う。

デザイン・UI78
S
syncfusion-winforms-gradient-panel
syncfusion-winforms-gradient-panel
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion GradientPanel コントロールを実装するためのガイド。グラデーション背景、視覚的スタイルを施したコンテナパネル、カスタム背景を持つグループ化されたコントロールを作成するときに使用する。グラデーションコンテナ、スタイル付きパネルグループ、パターン/単色/グラデーション表示による背景のカスタマイズ、視覚的コンテナ、パネルベースのレイアウトを扱う。

デザイン・UI78
S
syncfusion-winforms-map
syncfusion-winforms-map
syncfusion / winforms-ui-components-skills

Syncfusion WinForms Maps コントロールの実装ガイド——シェープファイル、バブル、マーカー、インタラクティブ機能を用いて統計データや地域データを表示する地理データ可視化コンポーネント。WinForms Maps、Windows Forms での地理マップ、シェープファイルの可視化、コロプレスマップ、バブルマップを扱う場合に使用します。このスキルでは、マップレイヤー、ズーム/パン、地理データバインディング、ESRI シェープファイル、インタラクティブなマップを備えた位置情報ベースのデスクトップアプリケーションの構築をカバーします。

データ・データベース78
S
syncfusion-winforms-messagebox
syncfusion-winforms-messagebox
syncfusion / winforms-ui-components-skills

Windows Forms で Syncfusion MessageBoxAdv コントロールを実装および構成します。これはテーマ、カスタムアイコン、詳細ビュー、ローカライズ対応を備えた拡張メッセージボックスです。モーダルメッセージ、確認、エラー、警告、情報ダイアログを表示するときに使用します。Office テーマ、メッセージボックスの外観カスタマイズ、多言語ダイアログ、標準 MessageBox をスタイル付きの代替に置き換える方法を扱います。

デザイン・UI78
S
syncfusion-winforms-multicolumn-combobox
syncfusion-winforms-multicolumn-combobox
syncfusion / winforms-ui-components-skills

Windows Forms で Syncfusion MultiColumnComboBox コントロールを実装および構成します — ドロップダウンに複数列を持ち、大規模データセット向けの仮想データバインディングを備えた高度なコンボボックス。複数のデータフィールドを持つドロップダウンリスト、DataSource バインディング、DisplayMember/ValueMember の構成、ドロップダウンの列ヘッダーを作成する際に使用します。フィルター付きドロップダウンリストや、標準 ComboBox を複数列の代替に置き換える方法を扱います。

デザイン・UI78
S
syncfusion-winforms-multicolumn-treeview
syncfusion-winforms-multicolumn-treeview
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで階層データを追加列付きで表示する Syncfusion MultiColumnTreeView コントロールを実装します。TreeNodeAdv、TreeColumnAdv、複数列のツリー構造、またはノードごとに複数列が必要な階層データを扱う場合に使用します。このスキルでは、ノードコレクション、チェックボックス、オプションボタン、XML データバインディング、オンデマンド読み込み機能、ツリーの外観のカスタマイズをカバーします。

デザイン・UI78
S
syncfusion-winforms-multiselect-combobox
syncfusion-winforms-multiselect-combobox
syncfusion / winforms-ui-components-skills

Syncfusion Windows Forms MultiSelectionComboBox コントロール — 複数項目の選択、自動候補表示、タグスタイルの視覚的項目を備えた ComboBox — を実装するためのガイド。ユーザーが MultiSelectionComboBox、WinForms の複数選択コンボ、Syncfusion.Windows.Forms.Tools.MultiSelectionComboBox に言及する場合、または Windows Forms アプリケーションで複数の項目を選択できるコンボボックスを必要とする場合にこのスキルを使用する。表示モードの構成、データソースのバインド、視覚的項目のスタイル設定、SelectedItemCollectionChanged の処理、AutoSuggestMode の設定に適用される。

デザイン・UI78
S
syncfusion-winforms-navigation-drawer
syncfusion-winforms-navigation-drawer
syncfusion / winforms-ui-components-skills

Windows Forms で Syncfusion NavigationDrawer コントロールを実装する方法——画面の端からスライドして表示されるパネルメニュー。ドロワーナビゲーション、サイドメニュー、パネル遷移を伴うハンバーガーメニューを作成する場合に使用します。DrawerMenuItem の構成、DrawerHeader の設定、スライドアウトメニュー、パネル遷移(SlideOnTop、Push、Reveal)をカバーし、モダンなスライディングパネルナビゲーションを実現します。

デザイン・UI78
S
syncfusion-winforms-popup
syncfusion-winforms-popup
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion PopupControlContainer を実装するためのガイド。カスタムのポップアップパネルの作成、親コントロールへのポップアップの割り当て、自動クローズ動作の構成を行う場合に使用します。ポップアップのライフサイクル、ShowPopup/HidePopup メソッド、イベント処理(BeforePopup、Popup、CloseUp)、ポップアップ内での子コントロールのホスト、自動スクロールの構成、透過ポップアップ、ポップアップ内での ComboBoxBase のホストなどの高度なシナリオをカバーします。

デザイン・UI78
S
syncfusion-winforms-radio-button
syncfusion-winforms-radio-button
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion RadioButtonAdv コントロールを実装するためのガイドです。Office テーマ(2007/2016)、Metro スタイル、グラデーション背景、テキストシャドウ効果、状態ごとのカスタム画像、2D/3D ボーダーを備えた拡張ラジオボタンを作成し、標準の WinForms RadioButton を超えたプロフェッショナルなスタイリングを実現するときに使用します。

デザイン・UI78
S
syncfusion-winforms-range-slider
syncfusion-winforms-range-slider
syncfusion / winforms-ui-components-skills

Windows Forms で二つのつまみによる値選択を実現する Syncfusion RangeSlider コントロールの実装に関する完全ガイド。SliderMin/SliderMax の構成、ChannelColor のカスタマイズ、RangeColor のスタイル設定を伴う範囲選択インターフェースを作成する場合に使用します。範囲境界の構成、スライダーの外観のカスタマイズ、イベント処理、範囲選択 UI コンポーネントの構築をカバーします。

デザイン・UI78
S
syncfusion-winforms-sparkline
syncfusion-winforms-sparkline
syncfusion / winforms-ui-components-skills

コンパクトなデータ可視化のための Syncfusion Windows Forms Sparkline コントロールを実装します。スパークライン、凝縮された形式でのトレンド表示、高密度データの可視化を扱う場合に使用します。このスキルでは、折れ線、縦棒、WinLoss のグラフ種類、データポイントマーカー、高値/低値の強調表示、Windows Forms アプリケーションでの軽量なグラフィカル表現をカバーします。

データ・データベース78
S
syncfusion-winforms-splitbutton
syncfusion-winforms-splitbutton
syncfusion / winforms-ui-components-skills

Syncfusion WinForms SplitButton コントロール——ドロップダウンメニューを備えたハイブリッドボタン——の実装ガイド。ボタンとドロップダウンの機能を組み合わせたコントロールの作成、メニューオプションによるモードの切り替え、Office スタイルの分割ボタンを作成する場合に使用します。動的なキャプションの更新、カスタムのボタン描画、トグルモードの構成をカバーします。

デザイン・UI78
S
syncfusion-winforms-tabbed-mdi-manager
syncfusion-winforms-tabbed-mdi-manager
syncfusion / winforms-ui-components-skills

複数のタブグループ、完全なカスタマイズ、イベント処理、シリアル化のサポートを備えたプロフェッショナルなタブ付きドキュメントインターフェースを作成するための Syncfusion Windows Forms TabbedMDIManager コントロールの実装ガイド。タブ付きウィンドウ、タブの配置、タブグループ、ボタンコントロール、外観のカスタマイズ、テーマ、ツールヒントやコンテキストメニューなどのインタラクティブ機能を備えた MDI アプリケーションを構築する必要がある場合に、このスキルを使用します。

デザイン・UI78
S
syncfusion-winforms-theming
syncfusion-winforms-theming
syncfusion / winforms-ui-components-skills

Syncfusion Windows Forms SkinManager とテーマ適用を実装するための包括的なガイドです。WinForms のテーマ、SkinManager、コントロールへの Office2016/Office2019 テーマの適用を扱うときに使用します。このスキルでは、テーマアセンブリ、VisualTheme 構成、ApplicationVisualTheme の設定、カスタムコントロールのスタイリングを扱います。

デザイン・UI78
S
syncfusion-winforms-wizard-control
syncfusion-winforms-wizard-control
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion WizardControl コンポーネントを実装するためのガイド。複数ステップのフォーム、インストールウィザード、セットアップダイアログ、ナビゲーションボタンを備えたステップバイステップのワークフローインターフェースを作成する場合に使用します。アセンブリの配置、ページ管理、バナーの構成、検証、ナビゲーションボタンの処理、イベント、プロフェッショナルなウィザードインターフェースの外観のカスタマイズをカバーします。

開発78
S
syncfusion-winforms-xptaskbar
syncfusion-winforms-xptaskbar
syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion XPTaskBar コントロールを作成および構成する方法。展開可能なタスクパネルの実装、Windows XP スタイルのタスクメニューの作成、折りたたみ可能なナビゲーションパネルの構築、複数ボックスのタスクバーの構成、アニメーションとイベントによるタスクバー動作のカスタマイズが必要な場合は、このスキルを使用します。基本的なセットアップ、ボックス/項目の管理、レイアウトモード、イベント、カスタマイズ、間隔の構成をカバーします。

デザイン・UI78
S
syncfusion-winforms-xptaskpane
syncfusion-winforms-xptaskpane
syncfusion / winforms-ui-components-skills

Windows Forms 用の Syncfusion XPTaskPane コンポーネントを実装するためのガイド。Microsoft Office XP スタイルのタスクペインレイアウトの作成、複数のタスクページの管理、ナビゲーションヘッダーの構成、ページの並べ替え、外観のカスタマイズが必要な場合に使用します。コンテナのセットアップ、ページ管理、ヘッダーコントロール、スクロール、スタイル設定をカバーします。

開発78
T
table-accessibility
table-accessibility
owl-listener / inclusive-design-skills

スクリーンリーダーと認知アクセシビリティに適したデータテーブルを設計する。テーブル、データグリッド、比較表、料金表、その他表形式データを作成またはレビューする場合に使用する。トリガー:table、data table、grid、spreadsheet、comparison table、pricing table、screen reader table、table headers、scope、caption、complex table。

デザイン・UI78
T
taste-gap
taste-gap
dragoon0x / taste-skills

見えているものと作れるものとの間のギャップを乗り越えます。いわゆる Ira Glass のギャップ。デザイナーが自分の審美眼とアウトプットの隔たりに苛立っているとき、創作の停滞期にある人をメンタリングするとき、または作品がビジョンに合わないために辞めることを考えているときに使用します。

デザイン・UI78
T
text-editing
text-editing
rshankras / claude-code-apple-skills

Text、AttributedString、書式コントロール付きの TextEditor を用いた SwiftUI でのスタイル付きテキスト表示とリッチテキスト編集。リッチテキスト編集やスタイル付きテキスト表示を実装するときに使用します。

デザイン・UI78
U
usability-test-plan
usability-test-plan
infrasity-labs / dev-gtm-claude-skills

タスク、成功指標、参加者の基準、進行ガイドを含むユーザビリティテスト計画を設計する。モデレートあり・なしのユーザビリティテストを計画する際に使用する。

デザイン・UI78
W
web-accessibility
web-accessibility
s-hiraoku / synapse-a2a

Web アクセシビリティとインターフェース標準のガイド。WCAG 準拠、セマンティック HTML、キーボードナビゲーション、スクリーンリーダー、フォーム、タッチターゲット、国際化を扱う。Web インターフェースのアクセシビリティと UX 品質を構築、レビュー、監査するときに使用する。

デザイン・UI78
W
web-interface-guidelines
web-interface-guidelines
artivilla / agents-config

Vercel の Web Interface Guidelines に照らして UI コードをレビューする。MUST/SHOULD/NEVER ルールでインタラクション、アニメーション、レイアウト、コンテンツ、アクセシビリティ、パフォーマンス、デザイン基準を確認するときに使用。

デザイン・UI78
W
wechat-styler
wechat-styler
zjp1997720 / zhijian-skills

Markdown を公式アカウント向け HTML に整形します。コンポーネント、アニメーション、許可済みエディターへの挿入は必要に応じて有効にします。

デザイン・UI78
1
12-landing-page-brief-global
12-landing-page-brief-global
minhnv0807 / ai-business-skills

新しいランディングページ、セールスページ、単一商品ページを構築する必要があるときに使用する — 7 セクション構造、1 ページ 1 ゴール 1 CTA、ブロックごとのコピー、モバイルファーストのルール、技術・速度要件、トラッキング計画、A/B テスト計画、dropshipping 単一商品モード。'landing page brief'、'build a sales page'、'I need a landing page'、'brief for the dev'、'Shopify product page'、'what should go on the page' でトリガーする。広告トラフィックの受け皿がなく、送り先が必要なときにも使用する。以下には使用しない — ページへ誘導する広告コピーは `05-ad-copy-global` を参照。オファーとそのバリュースタックは `31-offer-design-global` を参照。完成したデザインの採点は `47-design-review-global` を参照。コーディングされたメールは `49-html-email-template-global` を参照。

マーケティング・グロース77
A
accessibility-audit
accessibility-audit
infrasity-labs / dev-gtm-claude-skills

WCAG ガイドラインに基づく包括的なアクセシビリティ監査を、重大度評価と修正手順とともに実施する。

デザイン・UI77
A
affinity-diagram
affinity-diagram
infrasity-labs / dev-gtm-claude-skills

定性的なリサーチデータを、テーマ、クラスター、インサイトステートメントを備えた親和図に整理する。インタビュー、観察、調査から得た大量の定性的データを統合するときに使用する。

デザイン・UI77
A
anima
anima
garinmckayl / anima

解剖学、神経生物学、薬理学、薬物、細胞、分子生物学を精巧かつ正確に可視化します。実際の生物構造を示してそのメカニズムを可視化し、解剖学的に忠実な表現、または機械的なたとえであることを明示した表現を用います。出典付きの数値、アクセシブルなモーション、オプションのWebGL、枠付きカード、ライブ表示を備えたインタラクティブなアイソメトリックSVG図を作成します。生物学の解説、教育用イラスト、ドキュメント、インタラクティブな図に使用します。

デザイン・UI77
A
anydesign
anydesign
infrasity-labs / dev-gtm-claude-skills

画像、ウェブサイト、Figma ファイルを分析してそのデザインを抽出し、token システム、コンポーネント一覧、再構築メモを含む `design.md` を生成する。ユーザーが何らかの視覚的対象のデザインを理解、記録、再現、または監査したいときはいつでもこのスキルを使用する: スクリーンショット、URL、Figma リンク、Pinterest のリファレンス、モックアップ、競合サイト、コンポーネント、ダッシュボード、ランディングページ。「X からデザインシステムを抽出して」「Y のスタイルを記録して」「これを視覚的に分析して」「この画像を token に変換して」「このデザインの再現を手伝って」「このサイトはどのパレットを使っているの」「これはどう作られているの」と尋ねられたときにも使用する。単一の要素の場合も同様:「このナビゲーションバーをコピーして」「このイラストを再現して」「このグラフィックを再生成するためのプロンプトを出して」 — 要素モードでは焦点を絞った element.md を出力し、要素が視覚芸術の場合は token に基づく画像モデル用プロンプトも提供する。ユーザーが何らかの視覚的ソースを持ち込み、それをデザインのレベルで理解したい場合は、このスキルを有効にする。

デザイン・UI77
A
ascii-cli-logo-banner
ascii-cli-logo-banner
full-stack-skills / ascii-skills

ASCII CLI バナーのエントリーポイント。用途に応じて Python 組み込みフォント skill または figlet.js/FIGfont skill を選択する。

クリエイティブ・メディア77
A
assess-load
assess-load
owl-listener / inclusive-design-skills

完全な多段階プロセス全体の認知負荷を評価し、負荷マップを作成する。連携:cognitive-load-assessment、memory-load-reduction、wayfinding-navigation。チェックアウトフロー、オンボーディングの流れ、申請プロセス、その他の多段階のジャーニーを評価するときに使用する。

デザイン・UI77
A
attributed-string
attributed-string
rshankras / claude-code-apple-skills

リッチテキストの書式設定、配置、選択、SwiftUI 連携のための AttributedString パターン。スタイル付きテキスト、テキスト編集、AttributedString API を扱うときに使用します。

デザイン・UI77
A
axi-front-design
bbostaice / axi-front-design-skill

HTML を媒体として高忠実度のデザイン案(ランディングページ、スライド、インタラクティブプロトタイプ、アニメーション、デザインシステム、インフォグラフィック、モバイル mockup など)を制作する。汎用のフロントエンドエンジニアではなくプロのデザイナーとして振る舞い、まず質問してから作ること、既存のデザインシステムを参照すること、複数のバリエーションを提示すること、AI 風の陳腐さを避けることを重視する。トリガー:/axi-front-design、"做个落地页"、"设计一张海报/封面"、"做张幻灯片/PPT"、"做个交互原型"、"做个动画"、"design a landing page"、"make a deck"、"prototype this UI"、"design system"、"hi-fi mockup"。非適用:純粋なテキストコンテンツ/ロジックコード、実画像生成が必要(画像生成モデルを使うべき)、ネイティブの PPTX/Figma ファイルが必要(HTML を優先)。

デザイン・UI77
B
base-logo-generator
base-logo-generator
sanbaoai / logo-generator-skill

ロゴのクリエイティブ方向性、画像生成プロンプト、必要に応じてロゴ画像そのものを生成する。対象は会社のロゴ、ブランドロゴ、文化・クリエイティブグッズのロゴ、製品ロゴ、キャンペーン・広告ロゴ、イベントロゴ、アプリのロゴ、サブブランドのロゴ、および関連するビジュアルアイデンティティのマーク。ユーザーがロゴのコンセプト、ロゴプロンプトの作成、ロゴの方向性、ブランドシンボルのアイデア、ロゴ画像の直接生成、既存ロゴコンセプトの修正を求めた場合に使用する。

デザイン・UI77
B
beautiful-feishu-whiteboard
beautiful-feishu-whiteboard
zarazhangrui / beautiful-feishu-whiteboard

SVG から美しく編集可能な Feishu / Lark(飞书)ホワイトボードを構築するための、厳選された 35 種類のカラーパレットスタイルのライブラリ。ユーザーが Feishu ホワイトボード、インフォグラフィック、図、ポスター、ビジュアル解説を作成・描画したいと考え、洗練された見た目、ブランド準拠、または特定の美学を求める場合、あるいはスタイル名を指定した場合に使用する。エージェントはユーザーが求めるボードを把握し、ビジュアルの雰囲気を尋ね、カタログから適したスタイルを選び、編集可能な Feishu ホワイトボードを生成し、ドキュメントリンクとレンダリング画像を返し、スタイルの切り替えを提案する。インストールおよび認証済みの lark-cli(npm @larksuite/cli)と Feishu / Lark アカウントが必要。

デザイン・UI77
B
bggg-creator-image2ppt
bggg-creator-image2ppt
binggandata / bggg-skills

画像、スクリーンショット、ポスター、PPT ページのスクリーンショット、HTML または SVG デザインを編集可能な PPTX に変換する Codex skill。ユーザーが image2ppt、image2pptx、画像から PPT、スクリーンショットから PPT、PNG/JPEG から編集可能なスライド、HTML/SVG から PPTX、デザインを画像コンポーネントとテキストボックスに分解して PowerPoint に再構成すること、または Codex 内蔵の画像生成機能を使ってフラットな画像をマルチ要素の編集可能な PPT として再構築することを求めた場合に使用する。Codex でバイナリ画像を扱う場合は、既定で imagegen skill を併用する:まず Codex の視覚機能でレイアウトを理解し、次に内蔵の画像生成/編集機能で複数のコンポーネント画像を生成またはクリーンアップし、最後に本 skill のスクリプトで PPTX を組み立てる。

ドキュメント77
B
blur
blur
rheinmir / setup

WebGL の "zoom blur" エフェクトによる全画面背景画像の切り替え(Three.js + 独自 GLSL シェーダー、マウスによるパララックス、scroll/click/キーによるナビゲーション)。ヒーローセクションや画像スライドショー向け。ユーザーが "hiệu ứng blur ảnh"、"chuyển ảnh mờ dần kiểu zoom"、"webgl blur transition"、"gallery ảnh full-screen kiểu blur"、または /blur と言ったときに呼び出します。`dark-mode-maker`(circle-reveal によるテーマ切替)とは異なります——これは画像の切り替えエフェクトであり、テーマ切替ではありません。

デザイン・UI77
C
canvas-design
canvas-design
partme-ai / full-stack-skills

まずデザイン哲学のマニフェストを生成し、精密な構図、カラーパレット、タイポグラフィでキャンバス上に表現することで、美術館品質のビジュアルアートを .png または .pdf として作成する。ポスター、アート作品、ビジュアルデザイン、静的なクリエイティブ作品の作成をユーザーが求める場合に使用する。デザイン重視の原則に基づいたオリジナルデザインを出力する。

デザイン・UI77
C
charts-3d
charts-3d
rshankras / claude-code-apple-skills

Chart3D、SurfacePlot、インタラクティブな姿勢制御、サーフェススタイリングを使った Swift Charts による 3D チャート可視化——さらに 2D Swift Charts の構築リファレンス(マーク、軸、選択、SectorMark、スクロール可能なチャート)。Swift Charts でデータ可視化を作成するときに使う。

データ・データベース77
C
color-system
color-system
infrasity-labs / dev-gtm-claude-skills

パレット生成、セマンティックマッピング、アクセシビリティ準拠を備えた包括的なカラーシステムを構築する。

デザイン・UI77
C
cover-thumbnail-brief
cover-thumbnail-brief
ootto-ai / claude-content-skills

リールがグリッドや Explore で目を引くよう、カバーフレームのテキストとビジュアル案を作成します。「カバーの文言を書いて」「サムネイルの案」「カバーには何を書くべき?」「このリールのグリッドカバー」と言われた場合に使用してください。

マーケティング・グロース77
10,627 件中 7081–7140 件

MCP は初めてですか?

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

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