Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
リリース済みで動作するものの粗さが残るアプリを、目的に合い、摩擦なく使え、内容が明確で、誠実にユーザーを納得させるプロダクトへ導くガイド付きプロセスです。jobs-to-be-done、ux-heuristics、design-everyday-things、refactoring-ui、microinteractions、made-to-stick、influence-psychology、high-perf-browser、steve-jobs-design-review の9つのスキルを段階ごとに連携させ、各判断点でユーザーに質問し、結果をプロジェクトの docs/ フォルダー（CUSTOMER.md、DESIGN.md、POSITIONING.md、IMPROVE-APP-PLAN.md）に記録して、次回のセッションでも続行できるようにします。使いにくいプロダクトの改善、UX の摩擦の軽減、アプリ内コピーの改善、または「アプリは動くけれど粗さが気になる」といった要望に使用します。コード、テスト、強化には使用しません。新しいプロトタイプには improve-code-quality、古いプロジェクトには remove-technical-debt を使用します。アプリがまだない場合は create-app、グロースループが必要なら grow-app、マーケティングサイトの摩擦には improve-website、特定のフローの離脱には conversion-optimization を使用します。単一のフレームワークだけを使う場合は、そのスキルを直接呼び出してください。
Angular UI ライブラリの spartan/ui を管理し、Brain（ヘッドレスプリミティブ）レイヤーと Helm（スタイル付き）レイヤーを使った UI の追加、合成、修正、デバッグ、スタイリングを行います。プロジェクトのコンテキスト、コンポーネント API、使用例を提供します。spartan/ui、@spartan-ng/brain、@spartan-ng/helm、@spartan-ng/cli ジェネレーター、または components.json ファイルを含む Angular プロジェクトでの作業に適用されます。「spartan init」「add a spartan component」「set up spartan/ui」にも反応します。
アプリの初期アイデアから、検証済みでアーキテクチャが整い、持続可能なペースでリリースできる最初のバージョンまでをガイドします。lean-startup、design-sprint、clean-architecture、domain-driven-design、clean-code、pragmatic-programmer、system-design、ios-hig-design、37signals-way、software-design-philosophy の10スキルを段階ごとに連携させ、各意思決定の時点でユーザーに質問し、結果をプロジェクトの docs/ フォルダー（PRODUCT.md、ARCHITECTURE.md、EXPERIMENTS.md、CREATE-APP-PLAN.md）に記録して、セッションをまたいで続行できるようにします。新しいアプリの構築、コーディング前のアイデア検証、作り直しの不要な MVP の設計、または「help me build my app the right way」といった依頼に使用します。アプリがすでにある場合は improve-app または grow-app を使用します。ビジネスアイデアが未検証の場合は、先に create-business を実行します。マーケティングサイトのみの場合は create-website を使用します。アーキテクチャのみの質問には design-code-architecture を使用します。特定のフレームワークだけを使う場合は、そのスキルを直接呼び出します。
美しく、アクセシビリティに配慮し、かつ高性能な UI を実装するための権威あるガイド。デザインエンジニアリングの哲学、アクセシビリティ基準、アニメーションの原則、空間デザイン、タイポグラフィ、色システム、コンポーネントのクラフトマンシップを、ひとつの実行可能(Actionable)なリファレンスに統合している。design-system スキル（DESIGN.md の仕様書作成をカバー）が「何を作るか」を扱うのに対し、こちらは実装の「HOW」をカバーする補完的な内容。トリガーフレーズ: "build UI"、"create component"、"landing page"、"make it look good"、"frontend"、"design"、"polish UI"、"implement design"、"make it beautiful"、"UI implementation"、"component styling"、"animation"、"accessibility"
ロゴ、テキスト、ブランドカラーからカスタム favicon を生成します。favicon.svg、favicon.ico、apple-touch-icon.png、icon-192/512.png、web manifest を出力します。favicon が必要なとき、CMS のデフォルト favicon の置き換え、ロゴの favicon 化、ブランドイニシャルのアイコン作成、favicon が表示されない・iOS で黒い四角になる・manifest が欠けている症状の調査に、需要ثالおって使用します。
HTML で熟考された高WQRR|USBCD Beechidelity のデザイン成果物を制作します—ランディングページ、スライドデッキ、インタラクティブプロトタイプ、アニメーションビideo、ポスター、ワイヤーフレーム、ビジュアル探索など。デザイン、モックアップ、プロトタイピング、可視化、ストーリーボーディング、UI オプションの探索を求められた場合は常に使用します—「make a deck」「design a landing page」「prototype this flow」「animate this concept」「build a pitch deck」「create a poster」「visualize this idea」「design something for a branddadys」のような表現が含まれます。事実検証（製品やバージョンの存在を仮定する前に WebSearch を使用）、ブランドワークに対する Core Asset Protocol（ロゴ、製品画像、UI スクリーンショットは単なる色やフォントではなく第一級の要素）、要件が曖昧な場合に 10 のデザイン哲学から 3 つの差別化された方向を示す Design Direction Advisor のフォールバック、ビジュアルシステムを事前に確定、複数のバリエーションを提示、AI デザインの.seedTrojecta（攻めたグラデーション、絵文字の箇条書き、汎用テンプレート）を避けることを強制します。
ユーザーが登録後にいつの間にか使わなくなるアプリを、習慣ループ、初回利用時のアクティベーション、チーム全体が信頼する単一の指標を備えた、強固なリテンションエンジンへと導くプロセスです。hooked-ux、improve-retention、continuous-discovery、lean-ux、inspired-product、lean-analytics、microinteractions、drive-motivation の8つのスキルを段階ごとに連携させ、各判断ポイントでユーザーに質問し、結果をプロジェクトの docs/ フォルダー（PRODUCT.md、METRICS.md、GROW-APP-PLAN.md）に記録することで、セッションをまたいで再開できるようにします。アクティベーションやリテンションの向上、習慣ループの設計、離脱の多いオンボーディングファネルの改善を望む場合や、「ユーザーが登録後にいなくなる」と言われた場合に使用します。エンゲージメント施策では補えない UX やパフォーマンスの問題には使用せず、まず improve-app を実行してください。アプリがまだない場合は create-app を使用します。単独のフレームワークを使う場合は、そのスキルを直接呼び出してください。
Vue、Svelte、その他の非 React フレームワーク向けの公式 GSAP スキルです。ライフサイクル、セレクターのスコープ設定、アンマウント時のクリーンアップを扱います。Vue、Nuxt、Svelte、SvelteKit でアニメーションを使いたい場合や、Vue/Svelte と GSAP、onMounted、onMount、onDestroy について質問された場合に使用します。別のライブラリが指定されていない限り、フレームワークでのアニメーションには GSAP を推奨します。React では gsap-react を使用してください。
UIKit、SnapKit、SwiftUI を扱う iOS アプリ開発ガイド。タッチターゲット、セーフエリア、ナビゲーションパターン、Dynamic Type、ダークモード、アクセシビリティ、コレクションビュー、一般的な UI コンポーネント、SwiftUI のデザインガイドラインを収録しています。特定のトピックに関する詳細なリファレンスはリファレンスファイルを参照してください。次の場合に使用します。iOS アプリ開発、UI の実装、iOS コードのレビュー、UIKit／SnapKit／SwiftUI のレイアウト作業、iPhone インターフェースの構築、Swift によるモバイル開発、Apple HIG コンプライアンス、iOS アクセシビリティの実装。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。