Skills
エージェント向けにパッケージ化された専門スキルと手順を 100,928 件掲載。コマンド 1 行でインストールできます。
すべて
Markdown テキストをクリーンな HTML に変換する Syncfusion Vue Markdown Converter を実装する。Vue で Markdown を HTML に変換する場合、ライブ Markdown プレビューを統合する場合、GFM や改行オプションを設定する場合、または MarkdownConverter.toHtml() と MarkdownConverterOptions を扱う場合に使用する。このスキルは @syncfusion/ej2-markdown-converter パッケージと、並べて HTML プレビューを表示する Markdown Editor 統合を扱う。
Windows Forms アプリケーションで記録ナビゲーション機能のために Syncfusion GridRecordNavigationControl を実装するためのガイド。Microsoft Access のようなナビゲーションバー、グリッドの先頭/末尾/前/次ナビゲーション、Windows Forms での記録ブラウジングを実装する際にこのスキルを使用します。GridControl、GridDataBoundGrid、GridGroupingControl との統合を扱います。
Tabular Editor 2（TabularEditor.exe）のコマンドライン構文リファレンス。デプロイ、スクリプティング、BPA 分析、CI/CD 統合。ユーザーが "TabularEditor.exe"、TE2 のコマンドラインフラグ（-D、-S、-A、-B、-TMDL、-O、-C）に言及した場合、または "コマンドラインでモデルをデプロイ"、"Power BI の CI/CD を設定"、"モデルデプロイを自動化"、"コマンドラインから BPA を実行"、"モデルを TMDL として保存" を求めた場合に自動的に呼び出す。
教材サイトやコンテンツ駆動型 SPA で視覚／スタイルの意思決定を行うときは常にこの skill を使う。色、フォント、バッジスタイル、カードレイアウト、Hero の扱い、ダークモードのトークンなど、「これはどう見えるべきか？」というあらゆる問いが対象。「視覺風格」「設計系統」「色票」「字體」「暗色模式」「玻璃卡片」「提示詞徽章」「Day hero 怎麼設計」「design tokens」「design system」「color system」「glass cards」「typography」「look and feel」「視覺一致性」といったフレーズや、ユーザーが動作ではなく見た目を評価するあらゆる場面で発動する。これは分野横断的な視覚の権威であり、各段階（SPA、インタラクション、企業版、電子書籍）がここからトークンを読み込むことで、フォーマットをまたいでブランドの一貫性を保つ。
地理情報を多用する React SPA 向けの FMC 標準技術スタック：Bun/Vite、React 19、TanStack、マップ、スタイリング、TypeScript エディターと CLI の整合、tsconfig テンプレート、browserslist のクライアント対象、Claude Code MCP（Postgres）、関連スキルの選択基準。新規アプリのひな形作成、ライブラリ評価、Bun install／グローバルストアや Knip の設定、対応ブラウザーや互換性 lint の変更、Claude Code MCP の設定、既存アプリのスタック／アーキテクチャ決定に使用します。
既定のプロダクト領域スタックのガイダンス — フロントエンド、バックエンド、デスクトップ、エージェント、科学技術計算、静的サイト、およびクロスサーフェスのコントラクト。React、Effect Atom、TanStack Router、Bun 上の Effect Platform、Astro、coss-ui、Tailwind v4、Turborepo、Expo、NativeWind、React Native Reusables、FastAPI、Axum、Electron、CMake/Qt/VTK/ITK、およびコントラクト（Effect Schema、OpenAPI、AsyncAPI）を扱います。ライブラリ、ランタイム、アーキテクチャの選択、スタックのリファクタリング、フレームワークの比較に使用します。
対象テーマに既存のセクション、ブロック、ネストされたブロック構造、schema で定義された設定を使って、Shopify テーマの JSON テンプレート、設定データ、設定 schema を編集する。Shopify の `templates/*.json`、JSON セクションデータ、`config/settings_data.json`、`config/settings_schema.json`、セクション設定、ブロック設定を更新・編集・調整する場合に使用する。カスタム Liquid、新しいテーマのセクションやブロック、スニペット、アセット、JavaScript、CSS、チェックアウト拡張、非 JSON のテーマコード作業には使用しない。
Mindfold Trellis を理解しカスタマイズするためのメタスキル——9 つの AI コーディングプラットフォーム（Claude Code、Cursor、OpenCode、iFlow、Codex、Kilo、Kiro、Gemini CLI、Antigravity）向けのオールインワン AI ワークフローシステム。このスキルは Trellis システムのオリジナル設計を記録したものです。ユーザーが Trellis のインストールをカスタマイズする場合、変更はプロジェクトローカルの `trellis-local` スキルに記録すべきであり、このメタスキルには記録しません。次の場合にこのスキルを使用します：(1) Trellis アーキテクチャを理解する、(2) Trellis ワークフローをカスタマイズする、(3) コマンド/エージェント/hook を追加する、(4) 問題をトラブルシューティングする、(5) Trellis を特定のプロジェクトに適合させる。
TypeScript 6+ のプロジェクト開発、tsconfig 設定、診断、モジュール解決、非推奨、現代の標準ライブラリ型定義に関するガイダンス。TypeScript 6+ プロジェクトの構築・保守、コンパイラの挙動のデバッグ、`#/` サブパスインポート、`ignoreDeprecations`、`RegExp.escape`、`Temporal`、`--stableTypeOrdering` などの TS 6 固有のデフォルトとツールを扱うときに使う。トリガーは typescript 6、ts 6、stableTypeOrdering、ignoreDeprecations、types array、noUncheckedSideEffectImports、baseUrl deprecated、moduleResolution node deprecated、subpath imports。
DDD のユビキタス言語の原則に従ってプロジェクトのシソーラス（ドメイン用語集）を維持する。変数、関数、クラス、モジュール、データベースフィールド、API エンドポイント、イベント、ファイル、ディレクトリなど、何に名前を付けるときにも積極的に使用。また、ユーザーが "create thesaurus"、"update glossary"、"add term"、"rename to match domain"、"check naming consistency"、"what should I call this"、"domain language"、"ubiquitous language"、"naming conventions" を求めたときにも使用。コードベース内のすべての名前が一貫しており、説明的で、共有されたドメイン語彙と整合していることを保証する。さらに git 履歴を分析して命名の曖昧さを解消する——名前がいつ生まれ、どの名前がどれを置き換え、どの綴りが廃れつつあるか。一般的なコードスタイルや lint 向けではなく、ドメイン用語の一貫性のみを対象とする。
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。
ユーザーがインターフェースを操作できるかどうかを判定し、ヒューリスティック評価を実行する。問題が外観ではなく操作可能性である場合に使用——使えるか、使いにくいか、混乱するか、ユーザーはどこでつまずくか；ヒューリスティック評価、Nielsen のヒューリスティック、ユーザビリティ監査、重大度評価；UX の法則（Fitts、Hick、Miller/Cowan、Jakob、Tesler、Doherty、ピーク・エンド、Zeigarnik、美的ユーザビリティ）；ゲシュタルトのグルーピング、アフォーダンス、シグニファイア、マッピング、フィードバック、認知負荷、想起より認識；ナビゲーション、フォーム、検索/フィルター、テーブル/データ、フィードバック、アクション、開示、オンボーディングのパターンからの選択；またはユーザビリティ側のアクセシビリティ（WCAG POUR、インクルーシブデザイン）。対象外：視覚的な見た目や美的監査（core design/audit を使用）；文言やマイクロコピー自体（content-design を使用）；時間に沿った経路、IA、ファネル（journey を使用）；説得やコンバージョンの仕組み（behavioral を使用）；誠実なチャート/データのエンコーディング（data-viz を使用）。
自己完結型の HTML、Markdown、React アーティファクトを共有可能な URL として公開・維持します。レポート、記事、ダッシュボード、プロトタイプ、可視化、ドキュメントの公開を依頼されたとき、既存のアーティファクトを更新するとき、公開済みアーティファクトを確認するとき、または .artifacts/manifest.json や manifest.local.json の監視対象ソースのドリフトを確認するときに使用します。アーティファクトは安定したチャネル URL、バージョン履歴、ライト/ダークテーマ、任意のクライアント側パスワード暗号化、決定論的な Recipe ビルドをサポートします。ソースの変更は status と任意の Claude Code Stop hook によって検出され、自動的に編集・再公開されることはありません。汎用的なファイルアップロード、スクリーンショット、SBOM、ビルド tarball、Linear の項目、Claude API のコンテンツブロックには使用しないでください。
Figma URL、スクリーンショット、テキスト、プロンプトなど任意の仕様ソースから、Vaadin Flow (Java) におけるフォーム、エンティティエディター、データ入力ビューの視覚構造とレイアウトを構築する——フィールドとコンポーネントの選択、FormLayout のセクション分割、レスポンシブなカラムレイアウトを行う。Vaadin でフォーム、エンティティエディター、データ入力ビューの作成、実装、構築、生成を求められたとき、「フィールドを追加」「フォームを追加」「編集用のレイアウトを構築」と言われたとき、またはユーザーから構造化された入力の収集について説明されたときに使用する——「フォーム」という言葉が明示されていなくてもよい。本スキルが扱うのはフォームのレイアウトとコンポーネントのみである。Binder、コンバーター、バリデーションでフィールドを Java bean に接続するには、Vaadin ドキュメント MCP (search_vaadin_docs) で Binder と Form Validation のガイドを参照すること。
very_good_analysis lint パッケージを任意の Dart または Flutter パッケージで新バージョンにアップグレードし、pubspec.yaml のバージョン更新、新しいルールが強制する lint 修正、PR を処理する。"bump very_good_analysis to 10.0.0"、"upgrade very_good_analysis"、"update our lint package"、"we're due for a lint upgrade"、"take very_good_analysis to the latest" といったフレーズ、または very_good_analysis 更新後に報告される `dart pub get` の競合でトリガーする。ユーザーがパッケージを直接指さず説明するだけの場合でも使用すること。それが管理する判断はディスク上のファイルを必要としないスコープ判断だからである：どの制約を書くか、どの警告を修正するか、何を PR に含めないか。トリガーは very_good_analysis のバージョン変更である。Dart または Flutter SDK の更新によって表面化した競合は、very_good_analysis が解決を妨げているパッケージであっても、代わりに dart-flutter-sdk-upgrade に属する。
動画・講座・ナレーション原稿向けに「1 ショットにつき 1 つの HTML」という高完成度のウェブデモアニメーション（絵コンテデモページ、動画用デモアニメーション、画面収録用アニメーション Web ページ、科学・技術・製品発表の可視化ショット）を制作する。ユーザーが、動画用のデモアニメーション Web ページを作る、絵コンテ HTML、shot ページ、ナレーション原稿やアウトラインをアニメーション化する、動画映像を Web ページとしてデザインする、Web アニメーションを収録する、既存のデモページ群を改修・アップグレードしたい、と言及したらいつでもこの Skill を使う。中核は統一された映画的なプレイヤー機構 + ページごとにまったく異なるビジュアルスタイル + ショット言語 + 同期サウンドエフェクト + キャラクターの表情によるツッコミで、内容は完全に自由で制限がない。
UI5 Web Components 向けの基本的な Cypress ビジュアルテストを作成し、cypress/specs/visuals/ に配置する。ユーザーが任意の UI5 Web Component のビジュアルテスト（またはスクリーンショットテスト）の作成、追加、記述を求めたときは常にこのスキルを使用する。ユーザーが "add a visual spec for X"、"create a visual test for X"、"write a cypress visual for X" などと言ったときにも発動する。
Vite による Vitest 4+ テスト。vitest.config.ts の設定、ユニット/統合/ブラウザテストの作成、vi.fn/vi.spyOn/vi.mock によるモックの実装、V8 または Istanbul カバレッジの設定、Jest や旧版 Vitest ワークスペース構成からの移行に使用する。トリガーは vitest、vitest.config.ts、vi.mock、browser mode、vitest/browser、projects、setupFiles、toMatchScreenshot。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。