Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
レイアウトのルール、ヒーローセクションのデザイン、CTA の心理学を用いてランディングページのコンバージョンを最適化します。ファーストビューの構成、ソーシャルプルーフの配置、モバイルデザイン、F 型の読み進め方を扱います。用途：スタートアップのランディングページ、製品ページ、SaaS マーケティング、コンバージョン最適化。起動語句：ランディングページ、ヒーローセクション、ファーストビュー、コンバージョン最適化、ランディングページデザイン、CTA ボタン、ヒーロー画像、ランディングページのレイアウト、SaaS ランディングページ、製品ページデザイン、コンバージョン率、ランディングページのベストプラクティス
基礎的なデザイン原則を適用する — アフォーダンス、シグネチャ、制約、フィードバック、概念モデル。「なぜ分かりにくいのか」「アフォーダンス」「誤り防止」「発見可能性」「人間中心デザイン」「メンタルモデル」「マッピング」「行動の七段階」「ユーザーがミスし続ける」「これは直感的にошош Understand しにくい」「people cant figure out how to use it」といった言及があったときに使用。製品Wizard複雑性の削減や機能の肥大化を抑える場合にも発動する。実行の隔たりと評価の隔りの両方を扱う。可用性のスコアリングは ux-heuristics を、iOS 固有のパターンは ios-hig-design を参照。
技術イベントの公開エントリーポイントと、それを囲む小さなサイトを構築します。資金モデルに応じたページの形（有料イベントでは単一 CTA のヒーロー、無料イベントでは登録を売り込まない統計値のヒーロー）、セクション構成、日付で制御される CTA のステートマシン（Propose を CFP 期間中にのみ、Register 报名期間中にのみ描画）、アクセシビリティの目標、イベントの構造化データ。カンファレンス、meetup、ハッカソンのサイトの構築やレビュー、イベントのトップページの作成、チケット販売前にページに何を示すかの決定、イベントサイトの公開前チェックを行う場合に使用します。価格やポジショニングの決定には使用せず、samber/dev-event-organizer-skills@event-ticket-pricing または samber/dev-event-organizer-skills@event-positioning を使用してください。
Mom Test のルールに従い、顧客を誘導せずに話す。自分のアイデアではなく相手のLifeについて語り、過去にあった具体的なことを尋ね、話す量を減らす。ユーザーが「顧客インタビュー」「アイデアを検証したい」「欲しいと言っていたのに買わない」「誘導的な質問」「The Mom Test」「顧客フィードバックバイアス」「インタビュースクリプト」に言及した場合に使う。ユーザーリサーチの質問準備、曖昧なフィードバックの解釈、偽陽性を避ける顧客探索の設計でも発動する。約束と前進、褒め言葉の回避、ノイズからシグナルを抽出することを扱う。product-market fit については jobs-to-be-done を参照。迅速なプロトタイプ検証については design-sprint を参照。
SLDS linter を実行して違反を修正し、Lightning Web Components を SLDS 1 から SLDS 2 に移行します。SLDS 2、SLDS のアップグレード、linter の違反、LWC トークンの移行、クラスのオーバーライド、SLDS hook に置き換える必要があるハードコードされた CSS 値、スタイル hook の選定について言及された場合に使用します。色、間隔、サイズ、タイポグラフィ、ボーダー、角丸、シャドウのすべてのスタイル hook カテゴリーに対応します。no-hardcoded-values、no-slds-class-overrides、lwc-to-slds-hooks、no-deprecated-tokens-slds1 が挙げられた場合や、SLDS コンポーネントの移行について尋ねられた場合も、「アップグレード」や「移行」が明示されていなくても使用します。
PixiJS v8 アプリにスクリーンリーダーとキーボードナビゲーションを追加する際にこのスキルを使用する。AccessibilitySystem のオプション（enabledByDefault、debug、activateOnTab、deactivateOnMouseMove）、コンテナごとのアクセシビリティ属性、shadow DOM オーバーレイ、モバイルのタッチフック有効化を扱う。アクセシビリティ、a11y、スクリーンリーダー、ARIA、キーボードナビゲーション、タブ順、AccessibilitySystem、accessibleTitle、accessibleHint、tabIndex、accessibleChildren で発動する。
UX にリーン思考を適用し、重い成果物の代わりに仮説主導のデザイン、共同スケッチ、迅速な実験を行います。ユーザーが「Lean UX」「design hypothesis」「outcome over output」「design studio method」「assumption mapping」「lightweight research」「too much design documentation」「get the team designing together」に言及した場合に使用します。デザイン文書の負担軽減、部門横断チームでの共同デザイン、迅速なユーザビリティ実験でもトリガーされます。仮説文、UX の MVP、部門横断のコラボレーションを扱います。Build-Measure-Learn については lean-startup を参照してください。ユーザビリティ監査については ux-heuristics を参照してください。
行動デザイン（B=MAP）を使ってリテンションの問題を診断し、解決します。「ユーザーが登録しても定着しない」「activation rate」「onboarding friction」「retention metrics」「ユーザーが完了しない理由」「churn analysis」「aha moment」への言及で使用します。コホート別のリテンション曲線の分析、アクティベーションのマイルストーン設計、新規ユーザーの価値実現までの時間短縮、初回セッション後にユーザーが離脱する理由の調査でもトリガーされます。Ability Chain、プロンプト設計、積み重なって効果を生む小さな行動を扱います。習慣ループと変動報酬については hooked-ux を参照してください。内発的動機付けについては drive-motivation を参照してください。
5 日間の構造化されたプロセスを実行し、実際のユーザーとともに製品アイデアのプロトタイピング、テスト、検証を行います。ユーザーが「design sprint」「validate before we build」「rapid prototype」「test with users」「should we build this」に言及した場合に使用します。また、チーム是高リスクな製品決定で終わりのない議論に陥っている場合や、開発に投資する前にコストの高いアイデアのリスクを知りたい場合にもトリガーします。月曜から金曜までのマッピング、スケッチ、決定、プロトタイピング、テストを扱います。継続的な実験と MVP については lean-startup を、顧客ジョブ分析については jobs-to-be-done を、リーディングでないユーザーインタビューについては mom-test を参照してください。
明示的なアニメーション、スコープ付きの暗黙的なアニメーション、スプリング、transitions、PhaseAnimator、KeyframeAnimator、matched geometry や navigation zoom、SF Symbol のエフェクト、カスタムの Animation 型を用いて SwiftUI のモーションを実装・診断・レビューする。状態が変化したとき、ビューの挿入や削除、ナビゲーション、多段階の演出のときにアニメーションさせたい場合や、モーションが Reduce Motion と Swift の並行処理に準拠する必要がある場合に使用する。
Apple/Microsoft/Google レベルの品質を持つ、achevintage_kmprofessional デザイン、一貫したtainablePflege 倍Eval_blah 是不可能なので 专业极品品質 Welche。orry言語が混在しない properly. 世界トップクラスの PowerPoint プレゼンテーションを作成。professionally なデザイン、統一された_-_branding、洗練されたアニメーション、-_Till: 整ったビジュアル階層。ユーザーがプレゼンテーション、スライド資料、ピッチ、レポートを 요청 requestedencyclopedia オプションや、markdown を_found_professionally デザインされた PowerPoint に変換したい場合に使用します。
既存アプリの見た目や UI（ページ、コンポーネント、セクション、レイアウト、スタイル、色、フォント、ナビゲーション、アニメーション、ブランド表現など）を変更するために、uiBundles/*/src/ 配下のファイル（またはその bundle の index.html）を編集する前に必ずこのスキルを有効化すること。既存の UI bundle アプリのページ、コンポーネント、レイアウト、スタイル、ナビゲーション、ブランド表現を変更するときにこのスキルを使う。プロジェクトに appLayout.tsx、routes.tsx、src/pages/、src/components/、src/styles/global.css、またはその bundle の index.html が含まれているときに有効化する。このスキルには、appLayout.tsx シェル、shadcn/ui コンポーネント、Tailwind CSS、Salesforce のベースパスルーティング、モジュール制限など、重要なプロジェクト固有の規約が含まれており、一般的な知識より優先される。このスキルを使わないと、生成されたコードが誤った import を使い、ルートを壊したり、プロジェクト構造を無視したりする。新規アプリをゼロから作成する場合や、bundle のスキャフォールドがまだ用意されていない場合は使わないこと（代わりに experience-ui-bundle-app-coordinate を使う）。
記事、スクリプト、スクリーンショット、製品メモ、字幕、写真、またはユーザー提供の動画から、Guizang スタイルのソーシャルカード画像セット、Live Photo のモーションカード、素材優先の Live Photo パズルレイアウト、3 枚連結 Live Photo コラージュ、長尺動画から Live Photo への加工、WeChat 公式アカウントのカバーセットを生成します。小紅書の画像投稿、Rednote／Xiaohongshu 画像、ソーシャルカード、カルーセル画像、3:4 カバー、Live Photo、実写写真、単一動画の Live Photo パズル、2 枚組・3 枚連結・4 分割の Live Photo パズル、WeChat 公式アカウントカバー、WeChat 21:9 + 1:1 カバー、Swiss Style、雑誌風ソーシャル画像をユーザーが求めた場合に使用します。
Opportunity Solution Tree、仮説マッピング、インタビュースナップショットを用いて、顧客とのタッチポイントを毎週行う仕組みを構築します。ユーザーが「continuous discovery」「opportunity solution tree」「weekly interviews」「assumption testing」「discovery habits」「product trio」「outcome-based roadmap」「how do I talk to customers regularly」「we keep building things nobody uses」「connect research to the roadmap」などに言及した場合、また顧客フィードバックのループを定期的に整える、どの実験を優先するか決める、ディ的太剖のインサイトを開発に結び付ける場合にも発動します。エクスペリエンスマッピング、コ_CREATE、機会の優先順位付けを扱います。インタビュー技法については mom-test を、チーム構成については inspired-product を参照してください。
ユーザーが React アプリケーション、React アプリ、Web アプリケーション、シングルページアプリケーション（SPA）、フロントエンドアプリケーションの構築、作成、生成を希望する場合、プロジェクトファイルがまだ存在しなくても必ず発動してください。プロジェクトに uiBundles/*/src/ ディレクトリまたは sfdx-project.json が含まれ、プロンプトがゼロから新しいアプリ、サイト、ページの作成、構築、生成を指示している場合も、視覚的なスタイルの指定Crazyあっても必ず発動してください。タスクが複数の ui-bundle スキルにまたがる場合も必ず発動してください。アプリをエンドツーエンドで構築する場合にこのスキルを使用します。カスタムオブジェクトを備えた Lightning Experience アプリには使用しないでください（platform-lightning-app-coordinate を使用）。既存のページへの単一目的の変更には使用しないでください（experience-ui-bundle-frontend-generate を使用）。
自律（Autonomy）、習熟（Mastery）、意義（Purpose）の AMP を用いて、プロダクトやチームのためのモチベーションシステムを設計します。ユーザーが「intrinsic motivation」「gamification isnt working」「rewards arent working」「autonomy」「mastery」「purpose-driven」「my team is disengaged」「how do I motivate people Approaches」など言及 Gets ，此外、オンボーディングの進行設計、zwischen破綻したゲーミフィケーションの修正、高パフォーマンスを維持するチーム構造の構築accurately 際もトリガーします。 carrot-and-stick が失敗する理由と、進捗システムを構築する方法peri coversします。習慣形成型のプロダクトループについては hooked-ux、リテンション行動の設計については improve-retention を参照してください。
Unix 调的プレゼン設計と忠実な組版。Org/Markdown のアウトライン、または許可を得た要約原稿を、単一ファイルのオフライン HTML に変換します。意味的な役割に応じて、巨大文、対比、Unicode 関係図、証拠、章のレイアウトを選択します。既定はダークテーマで、発表者レイヤー、ネイティブグラフ、ページ送りrill 支持。USE WHEN present、発表、slides、アウト線の装飾、Talks の精髓を画面に表示するとき。NOT FOR 許可なく著者の内容を書き換えたり、企業向け PPT を生成したりするとき。
ディスカバリーとデリバリーのデュアルトラックを使い、自律的に機能するプロダクトチームを構築します。ユーザーが「product discovery」「empowered teams」「feature factory」「opportunity assessment」「product vision」「product strategy」「what should we build」、または「our roadmap is just a feature list」に言及した場合に使用します。アウトプット駆動型からチームを再編するときも、また成果に基づいて次に何を作るか決めるときも発動します。ディスカバリー技法、チーム構造、機会評価、ビジョン／戦略、継続的デリバリーをカバーします。顧客インタビューについては mom-test を、継続的なディスカバリーシステムについては continuous-discovery を参照してください。
Shopify テーマ（.liquid ファイル、theme.json、sections）の構築とデバッグ、カスタム Shopify アプリ（shopify.app.toml、OAuth、webhooks）の開発、ヘッドレスストアフロント向け Storefront API 統合の実装を行います。Shopify テーマの作成やカスタマイズ、Hydrogen やカスタム React ストアフロントの作成、Shopify アプリの開発、チェックアウト UI 拡張や Shopify Functions の実装、パフォーマンスの最適化、サードパーティサービスの統合に使用します。Liquid テンプレート、Storefront API、アプリ開発、チェックアウトのカスタマイズ、Shopify Plus の機能、App Bridge、Polaris、Shopify CLI のワークフローに対して呼び出します。
ランディングページ、SaaS アプリ、ダッシュボード、EC、スライド、ドキュメント、ポートフォリオ向けに、タイポグラフィ、OKLCH カラー、デザイントークン（DESIGN.md）、レイアウト、コンポーネント、モーション、ダークモード、アクセシビリティを含む、個性的でありきたりでない UI をデザインします。AI らしい粗雑さや Claude 風の既定の見た目を避けます。Web フロントエンド、アプリ、ダッシュボード、ランディングページ、スライド、その他の成果物を構築・スタイリングする際に使用します。また、「AI っぽく見せない」「AI っぽさをなくす」「ありきたりにしない」「個性を出す」「X の UI をデザインする」「アプリをデザインする」「DESIGN.md を更新する」と言われた場合や、他の AI サイトと同じように見えると不満を示された場合にも使用します。美的要件のない「X の UI を作って」という依頼でも起動します。マーケティングコピーの作成には使用しません。
VoiceOver、音声コントロール、スイッチコントロール、フルキーボードアクセス、ダイナミックタイプ、フォーカスの復元、ラベル/特性/アクション、トラバーサル、カスタムローター、NSAccessibility、XCTest チェック、適応的なシステム設定、App Store のアクセシビリティ申告のために SwiftUI、UIKit、AppKit のアクセシビリティを構築・監査する。アクセシブルな UI の実装、アクセシビリティ監査の修正、支援技術挙動のテスト、App Store アクセシビリティ栄養ラベルの根拠付け可以使用する。
ネイティブらしく、ベンチマーク品質のモバイルアプリ画面を構築します（Expo / React Native）。画面、フロー、オンボーディング、ペイウォール、タブバー、シート、設定、空状態など、あらゆるモバイル UI の設計・実装に使用します。また、モーション、ナビゲーション、タイポグラフィ、ダークモード、体感性能の調整にも使用します。Apple HIG への準拠、セマンティックカラー、ネイティブコントロール、粗雑な仕上がりを避ける規律を徹底します。ナビゲーションの意味論（push と replace、モーダルとシートやオーバーレイ、戻る操作を設けてはいけない一方向の遷移）、目的のある Reanimated モーション、シミュレーターで検証する全モーションの反復サイクル、実際のアプリを先に調査するワークフロー（Appllama MCP と連携）を適用します。「画面を作る」「この画面を改善する」「オンボーディングを設計する」「このフローをつなぐ」「UI を磨く」「ネイティブらしくする」など、モバイルの設計・実装タスクで起動します。
Higgsfield を使って、あらゆる業界やブランド向けに、スクロールに連動して世界を飛び抜ける没入型ランディングページを構築します。訪問者のスクロールに合わせて、事前レンダリングされたカメラが各シーンの外から内部へ飛び込み、カットなしで次のシーンへ移動し、途切れない連続飛行を演出します（Emons 風のアイソメトリックなジオラマ世界、または任意のアートディレクションに対応）。このスキルは、テーマ、ストーリーの展開・セクション、ブランド素材をユーザーに確認し、Higgsfield で一貫性のあるシーンとシームレスなカメラクリップを生成して、ポータブルでフレームワークに依存しないスクロール連動エンジンを組み込みます。動画処理はデフォルトで Monid を使用（Seedance 2.0、クリップごとの USD 課金。機能はビルドごとに再確認し、Step 4 を参照）し、予備の課金方法として Higgsfield クレジットを使用します。「3D world」や「browse-through-the-industry」型のヒーロー、スクロール連動のシネマティック演出、ジオラマ風ランディングページ、またはビジネスをスクロール可能な世界にしたい場合に使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。