Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Syncfusion JavaScript AI AssistViewコントロールを実装します。ユーザーがAIアシスタントのインターフェース、AIチャットUI、会話型AIコンポーネント、プロンプト応答インターフェース、AI連携（OpenAI、Gemini、Ollama、LiteLLM、MCP）、チャットツールバー、チャット内ファイル添付、音声テキスト変換、テキスト読み上げ、カスタムAIビュー、プロンプト候補、Markdown応答、思考の連鎖、思考ブロック、推論の可視化、AssistThinking、生成UI、動的にAIで描画されるコンポーネント、インタラクティブなツールカード、registerToolUI、テレメトリ、テレメトリ指標、telemetrySettings、TelemetryData、TelemetryReport、TelemetryMetric、AI利用状況の追跡、トークン使用量、所要時間指標、ツール呼び出し指標、メンション、メンショントリガー、mentionChar、メンションポップアップ、メンションデータソース、メンションフィルタリング、メンションテンプレート、mentionSelect、応答アニメーション、responseAnimationTemplate、読み込みインジケーター、応答テンプレート、カスタム応答UI、またはインタラクティブなAIアシスタントインターフェースの実装に言及した場合に使用します。AIAssistView、AIチャットコントロール、インタラクティブチャット、ej2-interactive-chatパッケージ、AI会話UI、AI支援コンポーネントには直ちに使用してください
ユーザーが Syncfusion JavaScript Ribbon コントロールを実装、構成、またはトラブルシューティングする必要がある場合は、常にこの skill を使用する。Ribbon は、タブ、グループ、さまざまな項目タイプを備えた Microsoft Office スタイルのコマンドインターフェイスを提供する。リボンのレイアウト、組み込み項目（ボタン、ドロップダウン、ギャラリー）、ファイルメニュー、バックステージビュー、コンテキストタブ、キーヒント、ツールチップ、サイズ変更の動作、イベント処理には、直ちにこの skill を適用する。
コマンドベースのナビゲーションインターフェイスを作成するための Syncfusion TypeScript Toolbar コントロールを実装する。ユーザーがツールバーの構築、ツールバー項目（ボタン、セパレーター、入力）の追加、レスポンシブモード（スクロール可能/ポップアップ）の構成、ツールバーイベントの処理、スタイルのカスタマイズ、ツールチップ/アイコンの追加、RTL サポートの実装、アクセシビリティ準拠の確保を行う必要がある場合は、常にこの skill を使用する。Toolbar コンポーネントの実装に関するあらゆる質問の主要な skill である。
ソフトウェア/コマンドラインツール、開発者向けライブラリ、技術製品向けの本番品質のランディングページを構築する。「Maxsim スタイル」のデザインシステムを使用する。ダークテーマ、青いアクセントのグロー、framer-motion アニメーション、幾何学的な hero グリッド、マーキー形式の技術スタック、タブ付きドキュメント、タイムライン形式の仕組みセクション。「自分のソフトウェアのランディングページを作って」「製品サイトを構築して」「maxsim-flutter のようなランディングページを作って」「開発者向けランディングページ」「コマンドラインツールのサイト」と言ったときに起動する。スタック：Vite + React + TypeScript + Tailwind CSS v4 + Framer Motion + Lucide React。
TheSys C1 Generative UI API を統合し、LLM の応答からインタラクティブな React コンポーネント（フォーム、チャート、テーブル）をストリーミングする。Vite+React、Next.js、Cloudflare Workers に対応し、OpenAI、Anthropic Claude、Workers AI をサポート。会話型 UI、リッチなインタラクションを備えた AI アシスタントの構築、または空の応答、テーマ適用の失敗、ストリーミングの問題、ツール呼び出しエラーのトラブルシューティングに使用する。
Web サイト、Web アプリ、モバイルアプリ、ダッシュボード、SaaS、E コマース、ランディングページ、フォーム、フロー、デザインシステムを、人間のユーザーと AI/LLM エージェントの両方に向けて設計、編集、監査、検証するためのシニアプロダクト UI/UX アーキテクチャ。UI、UX、ユーザージャーニー、プロダクトフロー、情報アーキテクチャ、ビジュアルデザイン、デザインシステム、Figma、アクセシビリティ、コンバージョン UX、レスポンシブレイアウト、アプリ画面、フロントエンド UX レビュー、ユーザビリティ、エージェントフレンドリーな UI、ロボットが読み取れるインターフェース、セマンティック HTML、ARIA、または人・支援技術・クローラー・AI エージェントにとってインターフェースを理解しやすく使いやすくすることについてユーザーが尋ねる場合に使用します。
Web とモバイル向けの UI/UX デザインインテリジェンス。50 以上のスタイル、161 種のカラーパレット、57 種のフォントペア、161 種の製品タイプ、99 件の UX ガイドライン、10 のスタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）に対応する 25 種のチャートタイプを収録。操作：UI/UX コードの計画、構築、作成、設計、実装、レビュー、修正、改善、最適化、強化、リファクタリング、確認。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、eコマース、SaaS、ポートフォリオ、ブログ、モバイルアプリ。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーシステム、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペアリング、余白、インタラクション状態、シャドウ、グラデーション。連携：コンポーネント検索と例の参照に使う shadcn/ui MCP。
動画・講座・ナレーション原稿向けに「1 ショットにつき 1 つの HTML」という高完成度のウェブデモアニメーション（絵コンテデモページ、動画用デモアニメーション、画面収録用アニメーション Web ページ、科学・技術・製品発表の可視化ショット）を制作する。ユーザーが、動画用のデモアニメーション Web ページを作る、絵コンテ HTML、shot ページ、ナレーション原稿やアウトラインをアニメーション化する、動画映像を Web ページとしてデザインする、Web アニメーションを収録する、既存のデモページ群を改修・アップグレードしたい、と言及したらいつでもこの Skill を使う。中核は統一された映画的なプレイヤー機構 + ページごとにまったく異なるビジュアルスタイル + ショット言語 + 同期サウンドエフェクト + キャラクターの表情によるツッコミで、内容は完全に自由で制限がない。
有料広告向けのブランド DNA 抽出ツール。ウェブサイトの URL をスキャンして、ビジュアルアイデンティティ、トーンボイス、カラーパレット、タイポグラフィ、画像スタイルを抽出する。brand-profile.json を現在のディレクトリに出力する。ブランドに一貫したクリエイティブのために /ads create や /ads generate の前に実行する。トリガー：brand DNA、brand profile、extract brand、brand identity、brand colors、what is the brand voice、analyze brand、brand style guide。
AI エージェントが消費、ナビゲート、操作できるウェブサイトとアプリケーションを設計する。エージェントがエンドユーザーとして利用するあらゆるサイト、アプリ、製品を構築する際に使用——クロールやインデックスのみを目的とする場合を除く。セマンティック構造、エージェントインターフェースとしてのアクセシビリティ、機械可読データ、API ファーストのパターン、そしてサイトをエージェント対応にする新興プロトコル（llms.txt、MCP、NLWeb、A2UI）を扱う。トリガー：agent-friendly、agent-readable、agent-accessible、AX、agent experience、agentic web、dual-interface、machine-readable、llms.txt、MCP 統合、NLWeb、アクセシビリティツリー、エージェント向け ARIA、構造化データ、JSON-LD、Schema.org、API ファースト設計、build for agents、agent-ready。
既存の Web アプリケーションに再利用可能な AI エージェントのチャットインターフェースを追加するための設計と統合のガイダンス。埋め込み型 AI アシスタント、チャットビュー、マルチモーダル入力、音声テキスト変換、セッション履歴、長時間タスク実行 UI、エージェントのアクティビティ状態、provider/model 設定、Tool / Function Calling 対応を追加する際に使用します。エージェントはアプリケーションの主要な UI ではなく、既存アプリケーションを補助するインターフェースです。
ユーザーが「layout design」「editorial design」「grid system」「magazine layout」「book design」「publication design」「page layout」「spread design」「Swiss grid」「modular grid」「column grid」「act as a layout designer」「layout designer mode」「print design」「editorial layout」「page composition」「white space」「bleed and margins」「InDesign layout」「multi-page document」「annual report design」「catalog design」「zine design」について尋ねたり、出版物デザイン、グリッドシステムの構築、エディトリアルレイアウト、複数ページのドキュメント構成に関する専門知識を必要とするときに、この skill を使用する。AlterLab FC Skills コレクション（VCD 部門）の一部。
半透明のガラス表面、vibrancy/blur マテリアル、2025 Liquid Glass 言語、アプリアイコン（連続コーナーのスクワークル）、SF Symbols を実装する際に使用する。apple-design ファミリーの一部。キーワード：liquid glass、vibrancy、blur、backdrop-filter、frosted glass、translucency、material、ultraThinMaterial、glassEffect、specular highlight、lensing、app icon、squircle、superellipse、continuous corner、corner-shape、icon grid、SF Symbols、symbol rendering mode、hierarchical palette multicolor、symbol effect。
構築、スタイル変更、批評、またはあらゆるインターフェースを Apple 品質／プレミアム／Cupertino 品質に感じさせる場合、あるいは Apple のデザイン哲学（Human Interface Guidelines — 明瞭さ、控えめさ、奥行き）、2025 Liquid Glass デザイン言語、深い Apple リファレンスへの地図が必要な場合に使用します。これは HUB です。詳細は apple-design-foundations/-materials/-motion/-os/-web/-backend/-tactics にルーティングしてください。キーワード：apple design、HIG、human interface guidelines、design philosophy、clarity deference depth、liquid glass、iOS 26、macOS Tahoe、visionOS、apple-grade、premium UI、cupertino、design system、make it look apple。
個人事業のブランドアイデンティティをゼロから構築する、または既存のものを刷新する。ブランドパーソナリティ、トーン＆ボイス、ビジュアルアイデンティティシステム（色、タイポグラフィ、ロゴの方向性、イメージスタイル）、タグラインの作成、ブランドガイドライン文書を扱う。新しいブランドの作成、リブランディング、ブランド判断の一貫性が必要なときに使用する。トリガーは "create my brand"、"brand identity"、"brand guidelines"、"define my brand voice"、"brand personality"、"what should my brand look like"、"brand strategy"、"rebrand"、"brand tone"。
あらゆる職種向けに、完全な役割ベースのプロフェッショナルワークベンチ、運用コックピット、ケースポータル、エキスパートワークステーション、データリッチな社内ツールを構築、再設計、拡張、監査する。工作台、业务驾驶舱、职业后台、运营中心、role dashboard、admin portal、CRM ライクなワークスペース、再利用可能なマルチページ Web アプリに使用し、特に各モジュールにリアルなレコード、それぞれ異なるダッシュボード、職種固有の情報アーキテクチャ、Quiet Luxury A のビジュアルデザイン、複雑なインタラクション、自動ローカル永続化、オフラインの純粋な Web 互換性、検証可能なワークフローが必要な場合に適する。
チャートとデータ可視化のライブラリ。Recharts、Chart.js、D3.js、Victory、Nivo、ECharts。一般的なチャート種別、レスポンシブデザイン、リアルタイム更新。使用する場合：ユーザーが「chart」「graph」「data visualization」「Recharts」「Chart.js」「D3」「ECharts」「Victory」「bar chart」「line chart」「dashboard」に言及したとき。使用しない場合：PDF レポート生成——`pdf-generation` を使用。データエクスポート——`data-export` を使用。
時間やイージング曲線ではなく、物理モデルに基づく動きを持つ UI インタラクションを構築します。言葉で表された感触（「重みのあるトグル」「磁力で吸着するドロワー」「隅に投げ込むカード」「重いクリック感のあるノブ」「粘りのあるスライダー」）を、質量、剛性、減衰、力場（磁石、摩擦、壁）で駆動する本番用コンポーネントに変換します。直線、平面、ダイヤル周りで動作させられます。位置、速度、力場をプロットし、モデルの予測を実測した動きに重ねて表示するテスト環境も備え、同じスプリングを Framer Motion、react-spring、SwiftUI、Compose、CSS linear() 向けにエクスポートします。アニメーション、トランジション、スプリング、ジェスチャー、ドラッグ、フリック、スナップポイント、ボトムシート、トグル、スライダー、カルーセル、または特定の「感触」が求められるマイクロインタラクションを依頼されたときや、物理という言葉が出ていなくてもスプリングの調整や説明を求められたときに使用します。
Figma のajoskoja enthal ديد を 1:1 の視覚的一致性を持つ本番対応のアプリケーションコードに変換します。Figma ファイルから UI コードを実装する場合、ユーザーが "implement design"、"generate code"、"implement component" と言及した場合、Figma URL が提供された場合、または Figma の仕様に一致するコンポーネントの構築が求められた場合に使用します。`use_figma` による Figma キャンバスへの書き込みには `figma-use` を使用します。
Web アプリとモバイルアプリ向けに包括的なヘブライ語国際化（i18n）パターンを実装する。ユーザーがヘブライ語のローカライズ、「beinle'umiyut」、イスラエル向けアプリの i18n、ヘブライ語の複数形、ヘブライ語の日付書式、RTL CSS 論理プロパティ、双方向テキスト処理、React/Vue/Angular/Next.js の RTL 統合、Tailwind CSS の RTL、next-intl のセットアップについて尋ねた場合に使用する。ヘブライ語の複数形のルール、イスラエル向けの日付と数値の書式、RTL ファーストの CSS、Tailwind の RTL ユーティリティ、双方向テキストアルゴリズムを網羅する。NLP やコンテンツ作成には使用しない（代わりに hebrew-nlp-toolkit または hebrew-content-writer を使用する）。
ユーザーが明示的に「LaTeX テンプレート最適化」「スタイルパラメータの整合」「ピクセル単位の比較」「make-latex-model」または旧表記の「make_latex_model」を要求した場合、あるいは ChineseResearchLaTeX 内のプロジェクトを高品質なテンプレートにしたい場合に使用します。NSFC / paper / thesis / cv の 4 つのプロダクトラインに対応し、まず packages/ と projects/ の実際の階層に基づいてプロジェクト層を変更するか共通パッケージを変更するかを判断し、次に各プロダクトライン公式のビルドエントリで検証します。packages/ 配下の共通パッケージを変更する必要がある場合は、先に影響を受けるテンプレートのリグレッション計画を作成し、関連するリグレッションを完了させる必要があります。NSFC 専用ツールは、明確に NSFC パラメータ整合のシナリオに該当する場合にのみ必要に応じて使用します。
.NET MAUI のビューアニメーション、カスタムアニメーション、イージング関数、回転、拡大縮小、平行移動、フェード効果。用途: "animate view"、"fade in"、"fade out"、"slide animation"、"scale animation"、"rotate view"、"translate view"、"easing function"、"custom animation"、"animation chaining"、"ViewExtensions animation"。用途外: ジェスチャ認識（maui-gestures を使用）、カスタム描画（maui-graphics-drawing を使用）、静的なレイアウト変更（maui-data-binding を使用）。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。