Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
shadcn/ui、Radix UI プリミティブ、Tailwind CSS を使ったアクセシブルな React インターフェースを構築、再スタイル、レビューする。コンポーネントの構成、レスポンシブレイアウト、セマンティックなデザイントークン、ダークモード、フォーム、ダイアログ、テーブル、キーボード操作、React、Vite、Next.js プロジェクトでの安全な Tailwind 設定に使用する。canvas アート、ポスター、フォントバンドル、非 React フレームワーク、一般的なブランドデザインには使用しない。
Shopify ストアで不足している画像の alt テキストをバックフィルする場合に使用:alt 属性のない画像、商品画像のアクセシビリティ用 alt テキスト、ファイルライブラリ画像の alt テキスト、画像 SEO、またはテキスト代替のない画像を指摘する WCAG/アクセシビリティチェック。トリガー:"backfill alt text"、"fill in missing alt text"、"images have no alt"、"add alt attributes for accessibility"、"image SEO sweep"。1 つのミューテーション fileUpdate で商品メディアとファイルライブラリの両方をカバーする。meta タイトル/説明には使用しない(shopify-seo-metadata を使用)。
WeChat 公式アカウント用の 2.35:1 ヘッダー画像カバーを作成する。Codex 内蔵の image_gen で生成し、ビジュアルは「軽やかな AI プロダクト・インフォグラフィック」システム(白/淡いラベンダー背景、墨黒の大きな見出し、テックパープルとライムグリーンのアクセント、角丸カード、線形アイコン)を踏襲する。共有セーフゾーンの検証を内蔵 — WeChat 公式アカウントのカバーをモーメンツに共有すると中央の 1:1 正方形のみが保持されるため、本 Skill は見出しが切れないようにする。ユーザーが「WeChat 公式アカウントのカバーを作る」「ヘッダー画像を作る」「記事のリード画像」「2.35:1 カバー」「WeChat 公式アカウントのカバー画像」「カバーを何案か作る」と言ったときにトリガーされる。
Swift で Apple プラットフォームのネイティブソフトウェアを構築、リファクタリング、レビュー、デバッグする。`.swift` ファイル、SwiftUI ビュー、Observation ベースの状態、`@Bindable` とバインディングフロー、SwiftData に支えられた UI、シーンとウィンドウ、検索/ナビゲーション構造、UIKit/AppKit 連携、Liquid Glass の採用、macOS ネイティブ UX、または SwiftUI のパフォーマンス/アクセシビリティを扱う場合に使用する。iOS、iPadOS、macOS、visionOS の機能の作成や仕上げ、SwiftUI ビュー構造の整理、ジャンクや無効化ストームの診断、アプリ品質のレビュー、または機能を優れた Apple プラットフォームアプリらしくする依頼で発動する。
データ可視化のための Syncfusion .NET MAUI デカルトチャート(SfCartesianChart)を実装する。折れ線、面、縦棒、横棒、ファイナンシャル、統計、積み上げなど 20 種類以上のチャートタイプに対応する。デカルトチャート、折れ線グラフ、面グラフ、またはファイナンシャルチャート(candle、OHLC)を実装する際に使用する。チャートの軸、凡例、ツールチップ、トラックボール、ズームとパン、チャート注釈を扱う。
Syncfusion .NET MAUI 円形プログレスバー(SfCircularProgressBar)コンポーネントを実装およびカスタマイズする。円形プログレスバー、円形進捗インジケーター、放射状進捗、プログレスサークル、または .NET MAUI アプリケーションのアーク進捗を扱う際に使用する。確定/不確定の進捗状態、アニメーション進捗インジケーター、セグメント化された円形進捗、カスタム角度を扱う。
Syncfusion .NET MAUI Shimmer(SfShimmer)の読み込みプレースホルダー効果を実装します。.NET MAUI アプリでシマーまたはスケルトンの読み込みアニメーション、読み込みプレースホルダー、コンテンツ読み込みインジケーターを実装する際に使用します。シマーの種類(CirclePersona、Article、Feed、Shopping)、カスタムシマービュー、波状アニメーション、カスタマイズを扱います。
ユーザーが Syncfusion MAUI Spark Charts を実装する必要がある場合は常にこのスキルを使用する。spark chart、スパークライン、マイクロチャート、トレンドの可視化、狭いスペースでのデータ可視化、チャートタイプ(折れ線、面、縦棒、勝敗)、マーカー、範囲バンド、軸の構成、データポイントのスタイルでトリガーする。チャートのカスタマイズ、パフォーマンス最適化、マーカー構成、データバインディングパターン、アクセシビリティ要件にも直ちに使用する。
このスキルは Edward Tufte の『The Visual Display of Quantitative Information』のデータ可視化原則を適用して、インパクトの高いスライドを作成する。プレゼンテーションの設計、チャート/グラフの作成、スライドの明瞭さのレビュー、データの可視化に変換するときに使用。「make a slide」「create presentation」「design chart」「visualize data」「review my slides」「make this more impactful」といったフレーズでトリガー。
ロシア語の UX コピー:ボタン、フォーム、エラー、空の状態、オンボーディング、確認、通知、プッシュ、マイクロコピー。ユーザーがインターフェースのコピー、プロダクトメッセージ、UI 文字列、トランザクションメール、プッシュ通知、トースト、スナックバー、フォーム、空の状態、オンボーディング、エラー、確認、ラベル、ツールチップ、ボタンテキストの作成・書き直し・レビュー・選択・改善を求めたときはいつでもこのスキルを使用する。トリガー:「текст для кнопки」「сообщение об ошибке」「текст в форму」「пустое состояние」「подпись к полю」「текст тоста」「снекбар」「онбординг」「пуш-уведомление」「микрокопия」「UX-текст」「что написать на экране…」「лейбл поля」「тултип」「подтверждение удаления」「письмо-уведомление」。記事と投稿については statya と redaktura スキルを参照。プロジェクト用語集については redpolitika を参照。
AI を活用した UI 生成のための v0.dev の使用に関するエキスパート。プロンプト戦略、コンポーネントの反復、shadcn/ui の統合、エクスポートワークフロー、カスタマイズを扱う。v0 から最良の結果を得る方法と、生成されたコンポーネントを本番コードベースに統合する方法を熟知している。「v0、v0.dev、generate ui、shadcn component、ai component、generate component、v0、v0-dev、ui-generation、shadcn、component-generation、ai-ui、vercel」に言及したときに使用する。
既存の React コードベースに対する外科的な美的アップグレードパイプライン。醜くても機能するコード(Bootstrap のデフォルト、汎用的な Tailwind、素人っぽい CSS)を、基盤となる JavaScript ロジック——状態、副作用、API 呼び出し、イベントハンドラー、ルーティング、データフロー——に触れず壊さずに、Awwwards レベルの品質へと変換します。既存コードを 7 つのレイヤー(トークン、タイポグラフィ、余白、色、コンポーネント、雰囲気、モーション)で監査し、すべての要素を Sacred(JS ロジック——触れない)か Slop(視覚的な不要物——アップグレードする)に分類したうえで、レイヤーごとに正確な CSS のみの手術を実行します。開発者の「もっとよく見せて」を、制御された非破壊的な視覚的変換に変えるスキルです。
@open-slide/core を使い、Yuval Avidani のシグネチャースタイルで映画的・物語主導のプレゼンデッキを構築する。ユーザーがトピックとオーディエンスを説明すると、このスキルは open-slide プロジェクトを立ち上げ、4 幕の物語アーク(Boarding → Ascent → Cruise → Descent)を起草し、Yuval の語り口(平易な言葉、専門用語なし、ストーリー主導)で全スライドを書き、yuv-design-system のブランドビジュアル言語を適用し、ヒーロー画像と動画パートのためにコンパニオンスキルを編成する。トリガー:"make a deck"、"create slides"、"build a presentation"、"build a deck"、"new deck"、"presentation about"、"talk deck"、"hackathon deck"、"open-slide deck"、"yuv-decks"、"yuv deck"、"deck like Yuval"、"מצגת"、"שקפים"、"דק"、"מצגת על"、"להכין מצגת"。ユーザーがスライドベースのトークを求めたときは常に積極的に使い、スキルが適切なスコープを自分で選ぶ。
ユーザーが "multimedia storytelling"、"interactive story"、"longform web feature"、"cross-platform narrative"、"scrollytelling"、"immersive journalism"、"act as a multimedia story builder"、"multimedia story mode"、"web documentary"、"transmedia narrative"、"visual storytelling"、"digital longform"、"parallax story"、"Shorthand"、"Scrollama"、"StoryMap"、"interactive feature"、"Juxtapose" について質問する場合、または Web 向けのクロスプラットフォームなナラティブ体験を設計・制作する専門知識が必要な場合に、このスキルを使用します。AlterLab FC Skills コレクション(New Media & Communication 部門)の一部です。
ユーザーが "digital portfolio"、"portfolio website"、"project description"、"case study"、"portfolio curation"、"creative portfolio"、"act as a portfolio curator"、"portfolio curator mode"、"portfolio review"、"professional presentation"、"portfolio architecture"、"work samples"、"portfolio bio" について質問する場合、またはプロフェッショナルなデジタルポートフォリオの構築・構成・執筆に関する専門知識が必要な場合に、このスキルを使用します。AlterLab FC Skills コレクション(New Media & Communication 部門)の一部です。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。
