Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ロシア語の UX コピー：ボタン、フォーム、エラー、空の状態、オンボーディング、確認、通知、プッシュ、マイクロコピー。ユーザーがインターフェースのコピー、プロダクトメッセージ、UI 文字列、トランザクションメール、プッシュ通知、トースト、スナックバー、フォーム、空の状態、オンボーディング、エラー、確認、ラベル、ツールチップ、ボタンテキストの作成・書き直し・レビュー・選択・改善を求めたときはいつでもこのスキルを使用する。トリガー：「текст для кнопки」「сообщение об ошибке」「текст в форму」「пустое состояние」「подпись к полю」「текст тоста」「снекбар」「онбординг」「пуш-уведомление」「микрокопия」「UX-текст」「что написать на экране…」「лейбл поля」「тултип」「подтверждение удаления」「письмо-уведомление」。記事と投稿については statya と redaktura スキルを参照。プロジェクト用語集については redpolitika を参照。
チームがデザインガイドライン文書を作成または改善したいときに、この skill を使用する — 例えば "create the design steering doc"、"document our design system"、"write the design principles"、"document our component patterns"、"set up the design guidelines"、"update the design doc"。docs/steering/DESIGN.md を、デザイン原則、デザインシステム、トークン、コンポーネントパターン、アクセシビリティ標準を記録する生きた文書として生成する。一度生成して改善するものであり、ゼロから再生成するものではない。
映画のようなスクロール演出、製品映像、破裂・分解ビュー効果、参考資料に基づくデザインシステム、意図的なモーション、多段階のブラッシュアップを備えた、個性的な本番品質のウェブサイトを設計、再設計、構築、監査、検証。ランディングページ、製品サイト、ポートフォリオ、インタラクティブなストーリーテリング、高級感や没入感のあるウェブ体験、スクロール操作による製品の確認、組み立て／分解シーケンス、カメラワーク、画像／動画を用いた再現、ヒーロー部分の調整、モーショングラフィックス、ありきたりでないビジュアルの仕上げに使用。Astro、React、Next.js、Vue、Svelte、静的 HTML/CSS に対応。依頼内容や参考資料から映画的な意図を読み取り、ユーザーが「wow」と言ったりツール名を挙げたりする必要はない。
ユーザーが "design critique"、"design review"、"portfolio review"、"visual analysis"、"design writing"、"design criticism"、"formal analysis"、"semiotic analysis"、"design history"、"design essay"、"act as a design critic"、"design critic mode"、"critique my design"、"review my portfolio"、"design feedback"、"visual rhetoric"、"design theory"、"composition analysis"、"typography critique"、"layout analysis"、"design principles evaluation"、"Gestalt analysis"、"design case study"、"design presentation"、"design rationale"、"defend design decisions" について尋ねた場合、またはデザイン批評、ポートフォリオレビュー、視覚分析、デザインライティングに関する専門知識が必要な場合にこのスキルを使用します。AlterLab FC Skills コレクション（VCD 部門）の一部です。
Android Jetpack Compose（Kotlin）のandroidx Material3コンポーネントリファレンス。Button、IconButton、FloatingActionButton、Checkbox、Switch、Slider、TextField、SearchBar、DropdownMenu、Chip、DatePicker、TimePicker、Card、Scaffold、Dialog、BottomSheet、TopAppBar、NavigationBar、NavigationRail、Tab、Snackbar、ProgressIndicator、Badge、Icon、MaterialTheme、ColorScheme、Typography、Shapes。
Android Jetpack Compose（Kotlin）のUI基盤リファレンス。androidx、Material3の基盤。Composable、Modifier、CompositionLocal、remember、mutableStateOf、State、LaunchedEffect。Column、Row、Box、LazyColumn、Pager、ConstraintLayout、WindowSizeClass、ペインスキャフォールド。BasicText、BasicTextField、TextStyle、IME、clickable、ジェスチャー、フォーカス、セマンティクス。
エリート級のフロントエンドオーケストレーター。デザインスタック全体を組み合わせ、Awwwards 級の驚くような UI を制作します。エリート、高級感、ショーケース、際立つ、ヒーロー、圧倒的、ポートフォリオ級、受賞級のフロントエンド、見る人を驚かせるランディングページ、印象に残るクライアント向けデモ、ブランドサイト、マーケティング用ヒーロー、クリエイティブコーディング作品、インタラクティブなショーケース、Remotion の動画コンポジション、または機能だけでなく仕上がりが重視される単発の HTML/React 成果物を求められた場合に使用します。frontend-design + impeccable + ui-ux-pro-max + design-motion-principles + color-expert + color-palette-extractor + agent-browser + remotion-best-practices を組み合わせ、実績ある Framer Motion + anime.js + Three.js + Magic MCP 経由の 21st.dev コンポーネントパターンの実行時スタックも活用します。「エリート」「驚かせて」「Awwwards」「とにかくすごく」「全力で」「ショーケース」「特別なもの」「手加減しないで」「圧倒的」「インパクト」「高級感」「目玉作品」「ピッチデッキのスライド」「クリエイティブコーディング」などの表現や、制作速度より仕上がりを重視するブランドサイト、ランディングページのヒーロー、ポートフォリオ、デモリール、インタラクティブ作品の依頼が対象です。実用的な管理 UI、社内 CRUD ダッシュボード、簡単な修正には使用せず、frontend-design または impeccable のみを使用してください。
each::sense AI を使用して画像から背景を除去する。クリーンなエッジで被写体を分離し、透過 PNG を作成し、背景を置き換え、製品・ポートレート・コンポジット向けの切り抜きを生成する。正確なエッジ検出のために eachlabs-bg-remover-v1 を搭載。用途:EC の製品写真、ポートレート背景、ソーシャルメディア、写真コンポジット、透過アセット、マーケティング素材。トリガー:remove background、background removal、transparent background、cutout、bg remove、background eraser、isolate subject、transparent png、background swap、remove bg、no background
スクリプトで Cavalry（Scene Group の 2D モーションデザインアプリ）をリモート操作する：シーンを手続き的に構築し、キーフレームと magic easing でアニメーションし、1 文字ずつのテキストアニメーションを行い、画像/JSON アセットを読み込み、PNG フレームまたは完全な動画をレンダリングする。ユーザーが Cavalry でシーン（.cv ファイル）、モーショングラフィックスのスティング、ロゴアニメーション、アニメーションタイトル、カウントダウン、ローワーサード、パーティクル風のバーストを作成・編集したいとき — または「Cavalry」「logo sting」「make an animation in Cavalry」「intro animation」「render from Cavalry」と言ったとき — スクリプトに言及していなくても使用。動画プロジェクトで DaVinci Resolve や ffmpeg だけでは作成できないアニメーションオーバーレイが必要なときにも使用。
ライブラリ作者の視点でコンポーネントを構築します。プリミティブを使うか独自実装するかを判断し、状態の全パターンを網羅し、コンポジションで API を設計し、データ属性でスタイルを設定します。制御コンポーネントか非制御コンポーネントかを意図的に選び、npm で最初に見つかったものを入れるのではなく、信頼できる短いリストから適切なライブラリを選びます。ボタン、入力欄、メニュー、ダイアログ、ドロワー、トースト、ツールチップ、テーブル、コマンドパレット、タブなど、再利用可能な UI 部品の作成やリファクタリングに使用します。
画面、モックアップ、ワイヤーフレーム、または実際の実装に対して専門的な UX/UI デザインの批評とフィードバックを提供する。ユーザーがデザインフィードバック、批評、ビジュアルデザイン品質のレビュー、UX 判断への意見を求める場合にこの skill を使用する。これはコンプライアンスチェックの範囲を超える（それは design-reviewer）——ここで扱うのはデザイン品質、ユーザビリティ、視覚的階層、明瞭さ、ユーザー体験である。ユーザーが 'what do you think of this design'、'critique this'、'give me feedback on'、'how can I improve this UI'、'does this look good'、'rate this design' と言った場合、またはレビュー用にスクリーンショットやモックアップを共有した場合にもトリガーする。
製品、AI ツール、モデル、SaaS 機能、開発者向け製品、プラグイン、EC リスティング、技術ショーケースの製品詳細ページを構築、再設計、ブラッシュアップ、またはレビューする。ユーザーが製品画像、参考画像、スクリーンショット、製品コンセプト、既存ページを提供し、詳細ページ、EC 詳細ページ、8 画面の製品ページ、長文セールスページ、モデルページ、製品機能ページ、ビジュアルのブラッシュアップ、レスポンシブなフロントエンド実装、スクリーンショットベースの QA、既存の製品ページプロジェクトから導出した再利用可能なワークフローを求める場合に使用。
トピックまたはコンテンツブリーフから完全な HTML メールニュースレターを起草・設計する。Loops、Mailchimp、Beehiiv、Resend、その他の標準的なメールプラットフォーム向けに、そのまま貼り付けられる HTML を出力する。件名の候補とプレーンテキストのフォールバックを含む。ユーザーが「write a newsletter」「draft an email newsletter」「create an HTML email」「design an email for my subscribers」「write a newsletter about [topic]」と言ったときにトリガーする。
世界クラスのフロントエンドエンジニアリング - React の哲学、パフォーマンス、アクセシビリティ、本番グレードのインターフェース。「frontend、react、vue、svelte、next.js、nuxt、component、state management、redux、zustand、client side、spa、ssr、hydration、bundle size、web vitals、accessibility、a11y、responsive、css、tailwind、frontend、react、typescript、performance、accessibility、components、state、architecture」に言及したときに使用する。
Nano Banana で高品質かつ一貫性のある App Store スクリーンショットキャンペーンを構築する。Codex がアプリのコードベースを分析してブランド、スタイル、訴求点を把握し、どの画面をキャプチャすべきか判断し、ユーザーに特定のスクリーンショットの撮影を指示し、それらのスクリーンショットを広告優先の App Store スライドに変換し、セット全体で一貫したスタイルアンカーを保ち、最終書き出しを App Store の縦長サイズに統一する必要がある場合に使用する。
`ng-zorro-antd` を使用する Angular プロジェクト向けに NG-ZORRO のコードとガイダンスを生成します。インストール、LESS 変数によるテーマ設定（default、dark、compact、aliyun プリセット）、実験的な動的 CSS 変数テーマ、全カテゴリ（汎用、レイアウト、ナビゲーション、データ入力、データ表示、フィードバック）のコンポーネント利用、`nz-form` による ReactiveForms / Signal Forms 連携、国際化（`provideNzI18n`）、アクセシビリティ、モジュールからスタンドアロンへの移行を扱います。ユーザーが NG-ZORRO、ng-zorro、ng-zorro-antd、Ant Design for Angular、`nz-*` コンポーネント、`Nz*Module` に言及した場合、または Angular プロジェクトの `package.json` に `ng-zorro-antd` が含まれる場合に使用します。Angular の基礎には `angular-developer` と併用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。