アプリ開発向けの Agent Skills

ネイティブコード変更を実機で内部テストするため、Expo開発クライアントをローカルまたはTestFlight経由でビルド・配布する。

提供元：expo/skills

• Testing
• Release

ランディングページ、ポートフォリオ、リデザイン向けのアンチスロップなフロントエンドスキル。エージェントはブリーフを読み、適切なデザイン方向を推測し、テンプレートに見えないインターフェースを出荷。該当する場合は実際のデザインシステムを使用し、リデザインでは監査を優先し、厳格なプリフライトチェックを実施。

提供元：leonxlnx/taste-skill

• Implementation

AIにハイエンドエージェンシーのようなデザインを教える。ウェブサイトを高級感のあるものにする正確なフォント、余白、シャドウ、カード構造、アニメーションを定義。AIデザインを安っぽく凡庸に見せる一般的なデフォルトをすべてブロック。

提供元：leonxlnx/taste-skill

既存のウェブサイトやアプリをプレミアム品質にアップグレード。現在のデザインを監査し、ありがちなAIパターンを特定し、機能を壊さずにハイエンドなデザイン基準を適用。任意のCSSフレームワークやバニラCSSで動作。

提供元：leonxlnx/taste-skill

このskillは、UIの磨き込み、コンポーネント設計、アニメーションの判断、ソフトウェアを心地よく感じさせる目に見えない細部に関するEmil Kowalskiの哲学を体系化したもの。

提供元：emilkowalski/skills

元のv1テイストスキル。その正確な挙動に依存するプロジェクトのために保存されている。現在のデフォルトは`design-taste-frontend`（v2実験的）で、大幅な書き直しである。正確な後方互換性が必要な場合にのみ、このv1インストール名を使用すること。

提供元：leonxlnx/taste-skill

• Design
• Implementation

Apple のインターフェースデザインと流動的で物理的なモーションへのアプローチを、Web 向けに翻訳します。ジェスチャー駆動の UI、スプリングアニメーション、ドラッグ/スワイプ/シート操作、慣性と中断可能なトランジション、半透明素材と奥行き、タイポグラフィ（オプティカルサイジング、トラッキング、…）を構築またはレビューする際に使用します。

提供元：emilkowalski/skills

• Testing
• Release

書かれた実装計画を読み込み、批判的にレビューし、検証チェックポイントを設けてタスクを実行し、開発ブランチを完了する。実装面をサポート。

提供元：obra/superpowers

• Implementation

Webアニメーションをゼロから構築し、アニメーションすべきか、目的、ツール、プロパティ、カーブ、時間、中断、終了を判断してから実装を書く。

提供元：emilkowalski/skills

Convex上で構築するためのエントリーポイント。データベース、サーバー関数、スケジューリング、ファイルストレージ、認証、リアルタイム同期を備えたオールTypeScriptのリアクティブバックエンドで、機能別スキルへルーティングします。

提供元：get-convex/agent-skills

• Implementation
• Release
• Operate & iterate

Fastify Node.jsバックエンドとREST API開発をガイド：ルート、プラグイン、JSON Schema検証、フック、エラー、認証、パフォーマンス、ロギング、デプロイ。

提供元：mcollina/skills

• Design
• Implementation

iOS、Android、クロスプラットフォームコンセプト向けのプレミアムなモバイルアプリ画面とフローの画像を生成。階層、パレット、スマホモックアップのアートディレクションを備える。画像のみでコードなし。

提供元：leonxlnx/taste-skill

• Implementation

Prisma Computeのデプロイとホスティングのガイド：アプリ作成、prisma.compute.ts設定、CLIデプロイ、フレームワーク対応、ログ、ドメイン、トラブルシューティング。リリースと運用の側面に関連します。

提供元：prisma/skills

• Release

マージ後またはマージ前に、作り込んだコンテキストでコードレビュアーsubagentを派遣し、フィードバックを重大度別にトリアージ。テストと運用/反復の側面をサポート。

提供元：obra/superpowers

• Requirements
• Design

コードベースをスキャンして深化の機会を見つけ、視覚的なHTMLレポートとして提示し、選択されたリファクタリングを徹底的に検証する。アプリ作業の実装および運用/反復フェーズに関連する。

提供元：mattpocock/skills

• Design

Supabaseが保守するPostgresベストプラクティス：クエリパフォーマンス、接続管理、RLSセキュリティ、スキーマ設計、ロック、診断。アプリがPostgresを使う場合に関連します。

提供元：supabase/agent-skills

• Operate & iterate

シニアモーションアドバイザーとしてコードベースのアニメーションとモーションのコードを監査し、優先順位付けされた所見と自己完結型の実装計画を生成します。ソースは読み取り専用です。

提供元：emilkowalski/skills

• Implementation

コードレビューフィードバックの技術的評価をガイド。実装前に検証し、仮定する前に質問し、理由を添えて反論し、重大度順に実装する。

提供元：obra/superpowers

• Implementation

dependency-cruiserをTypeScriptリポジトリに組み込み、各パッケージがエントリーポイントの背後に実装を隠した深いモジュールとなるようにし、境界と循環のルールを強制する。

提供元：mattpocock/skills

洗練され検証済みのアーキテクチャ、ワークフロー、シーケンス、データフロー、ライフサイクル図を、テーマとエクスポートオプション付きの探索可能なスタンドアロンHTMLとして作成。

提供元：tt-a1i/archify

• Requirements
• Design

分析トラッキングと計測を設定、改善、監査する：トラッキングプラン、イベント命名、GA4、GTM、UTM、コンバージョントラッキング。

提供元：coreyhaines31/marketingskills

• Requirements

計画や設計を研ぎ澄ます容赦ないインタビューで、進行しながら ADR と用語集も生成します。アプリプロジェクトの要件と設計作業を支えます。

提供元：mattpocock/skills

• Requirements

実装前に計画や設計を研ぎ澄ますための容赦ないインタビュー。アプリ開発の要件・設計フェーズで意図を圧力テストするのに役立ちます。

提供元：mattpocock/skills

• Requirements

機能開発やプラン実行の前に分離されたワークスペースが存在することを保証し、ネイティブのworktreeツールを優先し、手動のgit worktreeにフォールバック。

提供元：obra/superpowers

深いモジュールを設計するための共有語彙。ユーザーがモジュールのインターフェースを設計・改善したい、深化の機会を見つけたい、シームの位置を決めたい、コードをよりテストしやすくAIが扱いやすくしたい場合、または他のSkillが深いモジュールの語彙を必要とする場合に使用する。

提供元：mattpocock/skills

Google Stitch向けのセマンティックデザインシステムスキル。プレミアムで汎用的でないUI基準を強制するエージェントフレンドリーなDESIGN.mdファイルを生成します — 厳格なタイポグラフィ、調整された色、非対称レイアウト、絶え間ないマイクロモーション、ハードウェアアクセラレーションによるパフォーマンス。

提供元：leonxlnx/taste-skill

• Design
• Implementation

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。

提供元：larksuite/cli

開発環境とテスト環境の計画（個別サンドボックス対共有テストモードサンドボックス）、API選択（Checkout Sessions対PaymentIntents）、Connectプラットフォームのセットアップ（Accounts v2、コントローラープロパティ）、請求/サブスクリプション、税と登録（Stripe Tax、automatic_tax、製品税コード）、Treasury金融アカウント、統合オプション（Checkout、Payment Element）、非推奨のStripe APIからの移行、セキュリティのベストプラクティス（APIキー管理、APIキー権限、webhooks、OAuth）にわたるStripe統合の意思決定を導く。Stripe統合の計画、構築、変更、テスト、レビューのいずれの場面でも使用する。開発環境の選択、支払いの受け付け、マーケットプレイスの構築、Stripeの統合、支払い処理、サブスクリプションの設定、売上税・VAT・GSTの徴収、コネクテッドアカウントの作成、安全なキー処理の実装を含む。

提供元：stripe/ai

ユーザーがモバイルアプリやUI画面を設計したいとき、Sleek（sleek.design）プロジェクトに言及したとき、またはSleekデザインをコード（HTML、React Native、SwiftUI）で実装するときに使用。

提供元：designed-by-ai/skills

前提条件（自己申告）: API key · Paid account

新規UI構築時や既存UI再形成時に、際立った意図的なビジュアルデザインを導く。美的方向性、タイポグラフィ、テンプレート然としない選択を支援。

提供元：anthropics/skills

• Implementation

.NET Web開発の最新の公式ガイダンスを使用して、ASP.NET Core Webアプリケーションを構築、レビュー、リファクタリング、または設計する。Blazor Web Apps、Razor Pages、MVC、Minimal APIs、コントローラーベースのWeb APIs、SignalR、gRPC、ミドルウェア、依存性注入、構成、認証、認可、テスト、パフォーマンス、デプロイ、またはASP.NET Coreのアップグレードに取り組む場合に使用。

提供元：openai/skills

• Implementation

ユーザーのコードベース向けにカスタムデザインシステムルールを生成します。ユーザーが「create design system rules」「generate rules for my project」「set up design rules」「customize design system guidelines」と言った場合や、Figma-to-codeワークフロー向けのプロジェクト固有の規約を確立したい場合に使用します。Figma MCPサーバー接続が必要です。

提供元：openai/skills

• Design

前提条件（自己申告）: MCP server

アプリケーションのページ、ビュー、または複数セクションのレイアウトをFigmaへ変換するタスクでは、figma-useと併用してこのスキルを使用します。トリガー例:「Figmaに書き出して」「コードからFigmaで作成して」「ページをFigmaにプッシュして」「このアプリ/ページをFigmaで構築して」「画面を作成して」「Figmaでランディングページを構築して」「コードに合わせてFigma画面を更新して」。ユーザーがコードや説明からFigmaで完全なページ、画面、ビューを構築または更新したいときは常に、このワークフロースキルが推奨されます。search_design_systemでデザインシステムのコンポーネント、変数、スタイルを発見し、それらをインポートし、ハードコードされた値ではなくデザインシステムのトークンを使ってセクションごとに画面を段階的に組み立てます。

提供元：openai/skills

• Implementation

Figmaデザインを1:1の視覚的忠実度で本番投入可能なアプリケーションコードに変換します。FigmaファイルからUIコードを実装する場合、ユーザーが「デザインを実装」「コードを生成」「コンポーネントを実装」と言及した場合、Figma URLを提供した場合、またはFigma仕様に一致するコンポーネントの構築を求めた場合に使用します。`use_figma`によるFigmaキャンバスへの書き込みには`figma-use`を使用します。

提供元：openai/skills

• Implementation

前提条件（自己申告）: Node.js

> 高いデザイン品質とデザインシステム準拠を備えた、際立つプロダクショングレードのフロントエンドインターフェースをレビューし作成する。3つの柱で評価する：摩擦のないインサイトからアクションへの流れ、品質あるクラフト、信頼できる構築。USE FOR: PRレビュー、デザインレビュー、アクセシビリティ監査、デザインシステム準拠チェック、クリエイティブなフロントエンドデザイン、UIコードレビュー、コンポーネントレビュー、レスポンシブデザインチェック、テーマテスト、記憶に残るUIの作成。DO NOT USE FOR: バックエンドAPIレビュー、データベーススキーマレビュー、インフラまたはDevOps作業、UIを伴わない純粋なビジネスロジック、フロントエンド以外のコード。

提供元：microsoft/skills

• Requirements
• Implementation

Notionの仕様を実装計画、タスク、進捗トラッキングに変換。PRD/機能仕様を実装し、それらからNotionの計画＋タスクを作成するときに使用。

提供元：openai/skills

• Requirements

Vue.jsのタスクには必ず使用すること。Composition APIと`<script setup>`、TypeScriptを標準アプローチとして強く推奨。Vue 3、SSR、Volar、vue-tscをカバー。Vue、.vueファイル、Vue Router、Pinia、Vueを使うViteの作業では必ず読み込むこと。プロジェクトが明示的にOptions APIを必要としない限り、常にComposition APIを使う。

提供元：vuejs-ai/skills

• Design

Vue.jsのテストに使用。Vitest、Vue Test Utils、コンポーネントテスト、モック、テストパターン、E2EテストのためのPlaywrightを網羅。

提供元：vuejs-ai/skills

Web Interface Guidelines への準拠について UI コードをレビューします。「review my UI」「check accessibility」「audit design」「review UX」「check my site against best practices」と依頼されたときに使用します。

提供元：vercel-labs/agent-skills

Playwrightを使ってローカルWebアプリケーションを操作・テストするためのツールキット。フロントエンド機能の検証、UI動作のデバッグ、ブラウザのスクリーンショット取得、ブラウザログの表示をサポートします。

提供元：anthropics/skills

• Implementation

Tailwind CSS v4、デザイントークン、コンポーネントライブラリ、レスポンシブパターンでスケーラブルなデザインシステムを構築。コンポーネントライブラリの作成、デザインシステムの実装、UIパターンの標準化に使用。

提供元：wshobson/agents

antfuスタイルのデザイン規約を拡張。UnoCSSファーストで、ツールや開発者ツールUI向けのライト/ダーク両対応のクラスベースのセマンティックトークンに加え、ランディングページやプロダクト画面向けのデザイン読解、アンチスロップ、マイクロインタラクションの磨き込み。UnoCSSでインターフェースを構築またはリファクタリングする際に使用。

提供元：antfu/skills

安定したAPIとインターフェース設計をガイド。API、モジュール境界、あらゆる公開インターフェースを設計するときに使用。RESTまたはGraphQLエンドポイントの作成、モジュール間の型コントラクトの定義、フロントエンドとバックエンドの境界の確立に使用。

提供元：addyosmani/agent-skills

• Implementation

実装が完了し、すべてのテストが通り、作業をどう統合するかを決める必要があるときに使う。

提供元：obra/superpowers

コーディング前に仕様を作成します。新規プロジェクト、機能、または重要な変更を開始する際に仕様がまだ存在しないときに使用します。目的とスコープを定めたPRDや要件ドキュメントを起草するとき、または要件が不明確・曖昧・漠然としたアイデアのみのときに使用します。単一の要件が独立してテスト可能な複数の機能にまたがり、仕様化の前にモジュールのケイパビリティマップへ分解する必要があるときに使用します。

提供元：addyosmani/agent-skills

• Requirements
• Implementation

レッド・グリーン・リファクタリングのループを用いてテスト駆動で開発を進めます。あらゆるロジックの実装、バグの修正、動作の変更時に使用します。コードが機能することを証明する必要があるとき、バグレポートが届いたとき、既存機能を変更しようとしているときに使用します。

提供元：addyosmani/agent-skills

Azure Playwright Workspaces（旧Microsoft Playwright Testing）を使ってPlaywrightテストを大規模に実行する。クラウドホスト型ブラウザでブラウザテストをスケールする場合、CI/CDパイプラインと統合する場合、テスト結果をAzureポータルに公開する場合に使用。

提供元：microsoft/skills

• Requirements
• Release

PenpotファイルからDESIGN.mdデザインドキュメントファイルを抽出する：design-md形式のポータブルなMarkdown仕様（色・タイポグラフィ・角丸・スペーシング・コンポーネントのトークンマップを含むYAMLフロントマター＋Overview、Colors、Typography、Layout、Shapes、Components、Do's & Don'ts、Iteration Guide、Known Gapsの散文セクション）。ファイルの実際のトークン、ライブラリアセット、サンプリングしたコンポーネントスタイルに基づき、決して創作しない。キャンバスは読み取り専用で、ローカルのMarkdownファイルを1つ書き出す。トリガー：'generate DESIGN.md'、'create a design.md'、'document the design system as markdown'、'export design guidelines'、'extract design documentation'、'design system spec file'、'make a style guide file from this design'。

提供元：penpot/penpot-ai-kit

Penpotデザインを実装コード（ソースコンポーネントまたはStorybookストーリー）と照合してレビューし、構造化されたDRIFTレポートを出力します。エンジニアがビルドがデザインと一致するか確認する必要があるときに使用します。選択範囲からHTML/CSSを抽出し、そのトークン/構造/状態をコードコンポーネントにマッピングし、差分を取り、各側に欠けているものを重大度と調整案とともに列挙します。コードソースが提供されない場合は、デザインシステムトークンのチェックに優雅にフォールバックします。トリガー: 'design to code review'、'does my code match the design'、'design code parity'、'compare Penpot to my component'、'check this against Storybook'、'extract HTML/CSS from this selection'、'find design drift'、'design implementation diff'。

提供元：penpot/penpot-ai-kit

TeamsとCopilot向けのMicrosoft 365アプリとエージェントを構築、テスト、デプロイする。プロジェクト作成、ローカルテスト、クラウドデプロイ、トラブルシューティング、SlackからTeamsへの移行のサブスキルを含む。USE FOR: Teams agent、bot、tab、message extension、Declarative Agents、Custom Engine Agents、ローカルテスト、Agents Playground、Azureリソースのプロビジョニング、リモートデプロイ、SlackからTeamsへの移行、クロスプラットフォームのbot開発、Block KitからAdaptive Cardsへの変換。DO NOT USE FOR: 一般的なWeb開発、bot以外/Teams以外のプロジェクト。

提供元：microsoft/skills

• Release

重要でない決定も、確定する前に必ず新しいコンテキストでの敵対的レビューにかけます。進める前にすべての前提を吟味したいとき、計画の隠れた失敗モードをストレステストしたいとき、速度より正確さが重要なとき、不慣れなコードで作業するとき、リスクが高いとき（本番認証、セキュリティに敏感なロジック、高リスクの移行、不可逆な操作）、または自信のある出力を後でデバッグするより今検証する方が安く済むあらゆる場面で使用します。

提供元：addyosmani/agent-skills

• Testing
• Release

あらゆる実装判断を公式ドキュメントに基づかせる。実装前にアプローチを公式ドキュメントで検証したいとき、または古いパターンを排除した権威ある出典付きコードが欲しいときに使用。正確性が重要なあらゆるフレームワークやライブラリでの構築に使用。

提供元：addyosmani/agent-skills

• Requirements
• Implementation

前提条件（自己申告）: Python

現在のセッションで独立したタスクを含む実装計画を実行するときに使用

提供元：obra/superpowers

SwiftUI、UIKit、React NativeでのiPhoneアプリ向けiOS UI/UXを設計・レビュー。ナビゲーション、タイポグラフィ、フォーム、キーボードとセーフエリアのレイアウト、Apple HIGに沿ったアクセシビリティ。

提供元：uizze.sh

• Implementation

WebとiOSインターフェースの構築と磨き上げのためのアンチUIスロップ・プレイブック。レイアウト、階層、磨き上げ、監査、クラフトのワークフローと、任意の実プロダクト参照を含む。

提供元：uizze.sh

• Implementation