Skills

A

ascii-diagram-boxflow

partme-ai / full-stack-skills

レンダラーがない環境向けにプレーンな ASCII のボックスフロー図（ボックス + 矢印）を生成する。複雑なグラフ向けの整列ルールと分割戦略を備える。

A

assembling-components

ancoleman / ai-design-components

AI Design Components スキルのコンポーネント出力を、検証済みのトークン統合、適切なインポートチェーン、フレームワーク固有のスキャフォールディングを備えた統合済みの本番向けコンポーネントシステムに組み上げる。テーマ、レイアウト、ダッシュボード、データ可視化、フィードバックの各スキルを実行した後の仕上げスキルとして使用し、コンポーネントを動作する React/Next.js、Python、Rust プロジェクトに接続する。

B

brand-guidelines-doc

dengineproblem / agents-monorepo

ブランドガイドラインドキュメントのエキスパート。brand book、style guide、visual standards、brand identity documentation の作成に使用。

C

cancer-research-figure-guide

jaechang-hits / sciagent-skills

Cancer Research（AACR）の図：解像度（300～1200 DPI）、形式（EPS/TIFF/AI）、階層的なパネルラベル（Ai、Aii、Bi）、図／表の上限、反復回数を含む図注の要件。

説明はまだありません

C

create-geo-charts

onvoyage-ai / gtm-engineer-skills

AI エンジンによる解析と引用に最適化されたデータ可視化（チャート、グラフ、表）を作成します。テキスト要約、データテーブル、JSON-LD を含むインライン SVG/HTML を生成し、AI エンジンがデータを引用できるようにします。

C

creative-qa-checklist

gtmagents / gtm-agents

クリエイティブアセットがブランド、アクセシビリティ、ローカライズの要件を満たしているか検証するために使用する

D

dby-publish

zizhanovo / doubaoya-community

WeChat 公式アカウントの記事パイプライン · 最終状態が**整形済みの WeChat 公式アカウント HTML**または**自分の WeChat 公式アカウントの下書きに記事を入れる**場合に使用(下書き保存のみ、一斉配信は絶対に行わない)。入力は**すでに書き終えた** Markdown/HTML で、このパイプラインは本文を代筆せず、その後の決定論的な運用のみを行う:レンダリング → 画像の事前アップロード → カバー → 下書き保存。 ⚠️ これは**ユーザー自身の WeChat 公式アカウントのバックエンドに書き込む**ため、原稿ができただけで勝手に実行しないこと。下書き保存にはアカウント連携 + DOUBAOYA_API_KEY が必要;ローカルのレンダリング / テーマ変更のみなら不要。 Trigger words: 正文写好了怎么发 / 要排版好的公众号 HTML / 接着排版发草稿 / 写公众号 / 转公众号排版 / 推公众号草稿 / 重新推草稿 / 带封面发布到草稿箱 / 把文章存进公众号草稿箱 / 公众号图文流水线 / dby-publish / 存公众号草稿 / 公众号草稿箱 / 代发公众号草稿箱 / addDraft / draft/add / 图文推进公众号 / 稿子发到公众号后台。

D

design-craft

kipperacademy / skillpper

ランディングページ、アプリ、ダッシュボード、AI 製品、デザインシステム、ブランドタッチポイントの構築・レビュー・研磨・反復のための、主張のあるプロダクトデザイン skill。まず UX と理解、次に抑制（3 つの文字サイズ、装飾の削除）、その次に基盤、最後に戦術的な技巧 —— 階層、スペーシングシステム、タイプスケール、HSL パレット、シャドウ、仕上げのディテール。20 本の YC Design Review 動画（Linear、Stripe、Cursor、Framer）と Refactoring UI の書籍から抽出。ユーザーがユーザー向けの何かをデザイン、リデザイン、批評、研磨したいと求めたときは常に使用する：「make it look better/more professional/trustworthy」、AI/vibe-coded な見た目の解消、ランディングページや料金ページの修正、コンバージョン改善、AI 機能や Agent UI のデザイン、token やデザインシステムの構築、URL/スクリーンショット/モックアップのレビュー。戦術的な UI の質問 —— 間隔がずれている、視覚的階層、色の選択、タイポグラフィ、空状態、Tailwind/CSS スタイリング —— でも、「design」という語がなくてもトリガーする。純粋なバックエンド/DevOps の作業には適さない。

D

design-system

devarfeen / agent-skills-kit

UI プロジェクトごとに一度、デザインシステム（Figma、仕様書、参考画面、またはデザインがない場合のガイド付き定義）をトークン、UI ライブラリ、プレビュー画面、AGENTS.md ルールに変換し、その後も拡張します。

D

design-tool-picker

majesticlabs-dev / majestic-marketplace

現在のタスクに基づいて適切なデザインツールの選択を支援します。frontend-design、ui-ux-designer、visual-validator、ui-code-auditor のどれを使うべきか不明なときに使用します。

E

elife-figure-guide

jaechang-hits / sciagent-skills

eLife の図の作成：ファイル形式（TIFF/EPS/PDF）、印象的な画像の要件（1800x900 px）、図サプリメントの命名、選択的な強調を不正行為として扱う画像スクリーニングポリシー。

E

engram-ui-elements

gentleman-programming / engram

Engram UI の要素、ページ、カード、メトリクス、詳細フローの作成ルール。トリガー：ダッシュボード UI コンポーネントや連携した閲覧フローを追加・変更するとき。

F

fintechblocks

membranedev / application-skills

FintechBlocks 連携。データ、レコードを管理し、ワークフローを自動化します。ユーザーが FintechBlocks のデータを操作したい場合に使用します。

F

FlowForge

wentong2022-arch / flowforge-skill

トリガー条件：ユーザーがあらゆるプロセス、構造、概念の描画、図示、可視化を求めたとき——"画个流程图"、"draw an architecture diagram"、"帮我画个对比图"、"visualize this process"、"make a diagram for this doc"、または 流程图／架构图／示意图／对比图／时序图／泳道图／时间线 に言及したとき。ユーザーが文書や記事を提示してイラストや図を求めたときもトリガーする。トリガーしない場合：グラフ／プロットの依頼（棒グラフ、折れ線グラフ——これらには draw.io ではなくグラフ作成ライブラリが必要）、または芸術的な画像の依頼（ロゴ、マスコット、物体や人物の絵——これらには画像ツールが必要）。

F

frontend-development

aaaaqwq / agi-super-team

フロントエンドページ開発。ユーザーが Web アプリの開発、UI コンポーネントの作成、インタラクティブ機能の実装、フロントエンドパフォーマンスの最適化を必要とするときにこの skill を使用。

H

harmony-arkts

mindrally / skills

ArkTS と ArkUI による HarmonyOS アプリ開発のベストプラクティス。コンポーネント、状態管理、リソース、レイアウト、ライフサイクル、アクセシビリティをカバーします。.ets コンポーネントファイルの作成、@Component/@State/@Prop/@Link などの ArkUI デコレーターの使用、Column/Row/Stack/List によるレイアウト構築、$r() による HarmonyOS アプリリソースの管理、HarmonyOS でのコンポーネントライフサイクルとアクセシビリティの処理に使用します。

H

hydrogen-ecommerce-ux

the-up / hydrogen-ecommerce-ux

Baymard Institute（20 万時間以上のユーザビリティ研究）と Nielsen Norman Group の研究に基づく、Shopify Hydrogen ストアフロント向けの研究裏付けのある UX ベストプラクティス。ユーザーが Shopify Hydrogen の EC サイトのいずれかの部分——ホームページ、コレクション/一覧ページ、商品ページ、カート、チェックアウト、検索、フィルター、モバイル UX、アクセシビリティ、信頼性——を構築、レビュー、改善しているときは常にこのスキルを使用します。Hydrogen コンポーネントのコードレビューを求められた場合、新しいルートやコンポーネントの雛形作成を望む場合、コンバージョン、カート放棄、購買体験の問題に言及した場合にも使用します。ユーザーが明示的に「UX」と言わなくても起動してください——Hydrogen ストアフロントに関するあらゆる作業がこのガイドラインの恩恵を受けます。

I

image-to-code

mengto / skills

Codex 用のエリート Web サイト画像からコード変換スキル。視覚的に重要な Web タスクでは、まず設計画像を生成し、深く分析してから、ウェブサイトを実装してできるだけ正確に一致させる必要があります。Codex では、小さく圧縮されたボードの代わりに大型で読みやすいセクション固有の画像を優先し、古い画像をトリミングする代わりにセクションまたは詳細ビュー用に新しいスタンドアロン画像を生成し、怠け者の生成不足を避け、カード内カード内カード UI を避け、ヒーローをきれいで広々とした読みやすく、小さいラップトップで表示されるようにする必要があります。

I

interface-craft

sylphxai / skills

センスの良い UI クラフト、マイクロインタラクション、アクセシビリティを保つ磨き込み、細部まで意識したレビューでプロダクトのインターフェースを改善する。UI の構築、コンポーネントのレビュー、知覚品質の向上、インターフェースの使用感の改善、あるいはフォーム、ボタン、モーション、タイポグラフィ、空状態、ローディング状態、ナビゲーションの磨き込みの監査に使用する。

K

koubou

bitomule / koubou

実際のデバイスフレームを備えた HTML/CSS テンプレートを使って App Store のスクリーンショットを生成する。iPhone、iPad、Mac、Watch 向けのプロフェッショナルでローカライズされたスクリーンショットを作成する。ユーザーが App Store のスクリーンショットを作成、デザイン、更新したいときに使用する。

L

landing-page

nicepkg / ai-workflow

説得力のあるコピー、明確な CTA、社会的証明、最適化された構造を備えたコンバージョン率の高いランディングページを作成する。セールスページ、製品ページ、リード獲得ページ、コンバージョン重視のページを構築するときに使用する。

L

library-variables-figma

southleft / skills-for-figma

購読中の Figma チームライブラリからデザイントークンを検出して現在のファイルにインポートする。共有ライブラリにあるトークンを再利用したいときに使用する。トリガーは「list library variables」「what tokens are in our shared library」「import a variable from our design system library」「pull in the brand color token from the library」。Plugin API の teamLibrary メソッドにより、あらゆるプランで動作する。ローカル変数には export-tokens-figma / manage-variables-figma を使用する。

L

lovstudio-maintain-partners

lovstudio / skills

LovStudio ウェブサイトのパートナーセクションを保守し、イベントポスター / hero ストリップ上のパートナー logo 行を揃える：lovstudio-find-logo を再利用してブランド logo を発見し、収集した logo を高さ 240px のコンテンツキャンバス（retina 対応）に正規化し、正規化前に rsvg-convert で SVG をラスタライズして SVG viewBox の余白を切り落とし、アイコン風 SVG から埋め込み背景矩形を除去し、アイコンのみの場合はブランドフォントでアイコン + ワードマークを合成し、logo を固定サイズのグリッドボックス（96×30、細い枠線付き）で包んで安定したマトリクスレイアウトを実現し、既存 logo をユーザー提供ファイルに置き換え、新しいパートナーを zh-CN/en/ja/th の i18n タグラインとともに PARTNERS 配列に追加し、セクションのデッド URL / 欠落ファイル / 欠落翻訳を監査する。素材をまたぐ視覚的な高さの一致（暗い背景上の複数 logo ストリップ、「logo 不等高」、単一色フィルタのレシピ）も扱う。ユーザーが "合作伙伴"、"partners"、"trusted by"、"新增 logo"、"标准化 logo"、"替换 logo"、"审计合作伙伴"、"维护合作伙伴"、"logo 不一样高"、"logo 对齐"、"logo 大小不一致"、"logo 颜色不统一"、"logo 不清晰"、"logo 糊了"、"矩阵格子"、"等宽 box"、"图标加文字"、"compose wordmark" に言及したときにトリガーする。

M

material-design-3

7spade / black-tortoise

モダンな Web と Angular アプリケーション向けの Material Design 3（Material You）デザインシステムの知識。Material Design 3 のテーマ設定、コンポーネント、タイポグラフィ、カラーシステム、ダイナミックカラー、アクセシビリティパターンの実装、または Material Design 2 からの移行に使用する。デザイントークン、テーマ API、Material You の原則を扱う。

M

minimalist-ui

mengto / skills

シンプルなエディトリアルスタイルのインターフェース。温かみのあるモノクロパレット、タイポグラフィックコントラスト、フラットなベントレイアウト、柔らかいパステルカラー。グラデーションなし、ヘビーシャドウなし。

M

miro-automation

composiohq / awesome-claude-skills

Rube MCP (Composio) 経由で Miro のタスクを自動化する：ボード、アイテム、付箋、フレーム、共有、コネクタ。最新のスキーマを取得するため、常に先にツールを検索する。

M

modern-css-html

kemiljk / skills

ネイティブな CSS と HTML の機能を選び、ブラウザ対応を評価し、またはレガシーな回避策をプログレッシブエンハンスメントに置き換える。

M

modern-ui-designer

sitechfromgeorgia / georgian-distribution-system

Tailwind CSS と shadcn/ui を使用して、魅力的でプロフェッショナルな 2025 年の UI デザインを作成するための専門的なガイダンス。クリーンでミニマルな美学、8px グリッドの一貫性、モバイルファーストのレスポンシブパターン、WCAG アクセシビリティ準拠を確保する。インターフェースの設計、UI のレビュー、コンポーネントの作成時、またはビジュアルデザインに現代的なプロフェッショナル基準が必要なときに使用する。

P

perfect-ui

dris1153 / perfect-ui

独自のビジュアルアイデンティティを持つ一貫性のある Web ページを設計・構築する——ランディングページとポートフォリオには豊富な構造設計 + セクションアーキタイプを、その他のページ種別（ブログ、会社概要、料金、お問い合わせ、近日公開、ダッシュボード、管理画面、E コマース、カスタム）は汎用の構造設計 + スケルトンで対応する。ユーザーが次に言及した場合は常にこのスキルを使用する：ランディングページ、ポートフォリオ、個人サイト、ヒーローセクション、マーケティングページ、製品ページ、セールスページ、スプラッシュページ、ブログページ、会社概要ページ、料金ページ、お問い合わせページ、近日公開、ウェイトリスト、ダッシュボード、管理パネル、E コマースストア、サイトのリデザイン、ポートフォリオのデザイン、ポートフォリオの構築、作品紹介、採用ページ、perfect-ui、perfect landing。また、あらゆる Web ページの表面を作成するよう求められた場合も使用する。2 つの階層：特殊（ランディング | ポートフォリオ——リッチな処理）と汎用（それ以外すべて——万能クラフトツールキット）。自己完結型の 8 段階パイプライン：雰囲気の発見 → ビジュアルの方向性（色彩/タイポグラフィ/ムード）→ カスタムアイコンセット（emoji 禁止、アイコンライブラリ禁止）→ AI 生成ビジュアル → オプションのシェーダーエフェクト層 → インラインの計画 + Next.js + Tailwind + shadcn での実装。エフェクト層は常にオプションとして提案する。拒否はしない。AI の量産品ではなく、際立ったサイトを出力する。

P

performance-optimization

sanky369 / vibe-building-skills

フロントエンドの体感速度と計測値の遅さを診断して修正する。ミューテーションの楽観的 UI、レイテンシのマスキング（スケルトン、ブラーアップ、プリロード、スタッガリング）、リクエストのバッチ処理/重複排除、Core Web Vitals（LCP/INP/CLS）の改善。ユーザーが「the app feels slow」「clicks feel laggy」「improve performance」「my Lighthouse score is bad」「fix my Core Web Vitals / LCP / CLS」「make saves feel instant」と言ったとき、または操作が明らかにネットワークを待っているときに使用。パフォーマンス監査（ユーザー影響別に順位付けした指摘と、実測またはユーザー報告の根拠）と、実装済みの修正 — 楽観的ミューテーションのコード、マスキング処理、ネットワーク層の改善 — を出力する。

P

player-onboarding

omer-metin / skills-for-antigravity

遊びを通じて教え、30 秒でプレイヤーを惹きつけ、生涯にわたり定着させる初回ユーザー体験（FTUE）設計。"tutorial, onboarding, teach player, first time user, FTUE, new player experience, how to teach, teaching mechanics, tutorial level, intro sequence, player retention, drop-off, skip tutorial, contextual hints, help system, onboarding, tutorial, ftue, first-time-user-experience, player-retention, teaching, learning, progressive-disclosure, difficulty-curve, new-player-experience, hooks, engagement" に言及した場合に使用。

P

polish

aladicf / better-react-web-ui

リリース前に最終の品質チェックを行い、整列、間隔、統一感、微細な箇所の問題を修正します。作業が機能的に完了していて仕上げの調整が必要なときに使用します。階層、構造、トーン、技術的基盤にまだ大きな変更が必要なときは使用しないでください。

P

powerpoint-presentations

aws-samples / sample-strands-agent-with-agentcore

プロフェッショナルな PowerPoint プレゼンテーション（.pptx）の作成、検査、編集、検証を行う。アップロードされた元のデッキやテンプレートを含み、デザインシステムの抽出、OOXML を保持する編集、構造リント、レンダリング後の視覚的 QA に対応する。

R

radix-ui

slanycukr / riot-api-project

Radix Primitives でアクセシブルなスタイルなし React UI コンポーネントを構築する

R

ray-cover

imraywang / rayskills

完成原稿の記事や動画に、中国語タイトル付きのカバーを作成します。記事カバー（WeChat公式アカウント 2.33:1、X 16:9、X Article 5:2）には Punk スタイルライブラリ（MIT版）を使用します。動画カバー（デフォルトは 3:4、小Linスタイル A。必要に応じて 9:16 の縦向き、16:9 の横向き）には Ray の実写写真と大見出しを使用します。Ray の黒・白・グレー＋ダークグリーンの IP に沿ってプロンプトを作成し、デフォルトでは OpenAI 画像 API でプラットフォーム別に生成します（Codex CLI 経由で Image 2 を呼び出す方法にも切り替え可能）。描き直さずに一部分だけ編集できます。「カバーを作って」「動画カバー」「縦向きカバー」「横向きカバー」「別のスタイルでもう一案」「カバーのタイトルを変更」などに使用します。本文中の挿絵や動画の画面には使用しません。

R

react-expert

oimiragieo / agent-studio

hooks、状態管理、コンポーネントパターン、React 19 の機能、Shadcn UI、Radix primitives を含む React エコシステムのエキスパート

R

recharts

tartinerlabs / skills

Recharts でチャート、データ可視化、ダッシュボードを構築する場合に使用する。Recharts を HeroUI と統合する場合、チャートコンポーネントをレビューする場合、レスポンシブなチャートコンテナを作成する場合にも使用する。HeroUI v3 のデザイントークンと Tailwind CSS v4 でスタイルを適用した Recharts チャートを生成する。

R

reviewing-a11y

masup9 / a11y-specialist-skills

Web ページ、コード実装、デザインモックアップ、仕様書のアクセシビリティをレビューし、重大度順に問題と修正を報告する。すべての達成基準にわたる正式な適合判断には、代わりに auditing-wcag を使用する。

S

skill-visual-feedback

nyldn / claude-octopus

スクリーンショットベースの UI/UX フィードバックを処理して視覚的な問題を修正する — ユーザーがバグのスクリーンショットを共有したときに使用

S

slidekit-create

nogataka / slidekit

Tailwind CSS、Font Awesome、Google Fonts を使って HTML スライドプレゼンテーション（1 スライド = 1 HTML ファイル、1280x720px）を生成する。新しいプレゼンテーション資料やスライドの HTML ファイルの作成をユーザーが求めたときに使用する。デザインガイドライン、43 種類のレイアウトパターン、コンポーネントライブラリ、PPTX 変換の互換性ルールを扱う。スタイルの選択（クリエイティブ、エレガント、モダン、プロフェッショナル、ミニマリスト）とテーマの選択（マーケティング、ポートフォリオ、ビジネス、テクノロジー、教育）に対応する。

S

super-saiyan

nickcrew / claude-cortex

あらゆる UI プラットフォームで最高の視覚的完成度を実現する。ユーザーインターフェースの構築、コンポーネントのスタイリング、視覚要素の仕上げに使用。

S

superior-copy

kodekateam / superior-skills

特定のトーン、検証可能な主張、自然なリズム、有用なアクションを備えた、ユーザー向けの製品・マーケティングコピーを作成または改訂します。インターフェースのラベル、オンボーディング、ランディングページ、ヘルプテキスト、製品メッセージに使用します。トーン調整を求められていない限り、コードコメントや中立的な技術ドキュメントには使わないでください。

S

superior-responsive

kodekateam / superior-skills

狭い画面、広い画面、拡大表示、タッチ操作向けのビューポートに対応するウェブやアプリのレスポンシブレイアウトを設計、実装、修正します。モバイルとデスクトップのレイアウト違い、リフロー、オーバーフロー、アダプティブナビゲーション、コンテンツに応じたブレークポイント、モバイルのインタラクションレイアウトに使用します。レスポンシブに影響しない純粋なビジュアルスタイリングには使用しません。

T

tanstack-charts

lukasa1993 / tanstack-skills-extracted

マーク、スケール、レイアウト、インタラクション、アクセシビリティ、レンダリング、フレームワークアダプターのための型付きチャート文法ガイダンス。プロジェクトで TanStack Charts を使用する場合、またはセットアップ、実装、デバッグ、テスト、移行、統合のガイダンスが必要なタスクで使用します。

U

ui-setup

sickn33 / agentic-awesome-skills

インタラクティブなセットアップウィザード — プロジェクトのデザインシステムを段階的に構成する

U

ui-ux

atuizz / codex-ui-ux-skill

Web プロダクトの表面に実質的な影響を与えるフロントエンド作業における UI/UX の品質ゲートとして使用する：ページやコンポーネント体系の設計／構築／再設計／レビュー／仕上げ／リファクタリング、スクリーンショットや UX の批評、GPT/Codex っぽい UI の救済、スタックや UI 基盤の選定、shadcn/Tailwind/テーブル/フォームのパターン、ローディング／空／エラー／モバイル／アクセシビリティの状態、DESIGN.md、FRONTEND_CONTRACT.md、PAGE_BRIEF.md などのフロントエンド統制ドキュメントやビジュアル QA 規範の導入。小さな UI に敏感な調整には Tiny change gate で軽く発動する。洗練されたインターフェースの構築を求められた場合はビジュアル実装系スキルと連携する。本スキルはプロダクト認知、UX 判断、ガードレール、検証を提供する。純粋なバックエンド／API／データ／モデルの変更、UI を伴わないテスト、機械的なリネーム、依存関係の雑務、レイアウト・インタラクション・コピー・視覚的挙動・アクセシビリティ・フロントエンド規則に影響しない編集は対象外。

U

unity-ui

nice-wolf-studio / unity-claude-skills

Unity 6 の UI 開発ガイド。ユーザーインターフェース、メニュー、HUD、ボタン、その他の UI 要素を構築するときに使用します。UI Toolkit（新規プロジェクトに推奨 — USS、UXML、UI Builder、データバインディング）、uGUI/Canvas（レガシーランタイム UI）、IMGUI を扱います。Unity 6.3 LTS のドキュメントに基づく。

U

ux-icons

smnandre / symfony-ux-skills

Twig テンプレートで SVG アイコンをレンダリングするための Symfony UX Icons。200,000 以上の Iconify アイコン（Lucide、Heroicons、Tabler、Material Design など）、ローカルの SVG ファイル、エイリアス付きのカスタムアイコンセットをサポートします。アイコンの表示、アイコンのデフォルト設定、オンデマンドアイコンのインポートやロック、アイコンエイリアスの作成、CSS による SVG アイコンのスタイル設定に使用します。コードトリガー：<twig:ux:icon />、ux_icon()、UX_ICONS_DEFAULT_ICON_ATTRIBUTES、icon.yaml、icons/、iconify:、lucide:、heroicons:、tabler:、mdi:、bin/console ux:icons:lock、bin/console ux:icons:import。またユーザーが "how to add an icon"、"how to use Lucide/Heroicons/Tabler icons"、"how to render an SVG icon in Twig"、"how to lock icons for production"、"how to create icon aliases"、"how to style an icon"、"icon not found"、"icon not rendering" を尋ねたときにもトリガーします。インタラクティブマップ（ux-map を使用）や一般的な Twig コンポーネント（twig-component を使用）にはトリガーしません。

V

visualization-patterns

gtmagents / gtm-agents

GTM のステークホルダー向けにダッシュボード、レポート、ナラティブを設計する際に使用する。

W

web-design-guidelines

pageai-pro / ralph-loop

Web インターフェースガイドラインへの準拠についてUI コードを確認します。「UI をレビューしてください」「アクセシビリティをチェックしてください」「デザイン監査」「UX をレビューしてください」または「ベストプラクティスに照らしてサイトをチェックしてください」と求められた場合に使用します。

W

webdesign-review

flitzrrr / frontend-design-skills

包括的なウェブデザインレビュー向けのメタスキル。20 のドメインスキルすべてを編成し、エンタープライズデザイン標準に照らしてウェブサイト、デザイン、プロトタイプを体系的に分析します。

W

wp-maps

membranedev / application-skills

WP Maps 統合。データ、レコードを管理し、ワークフローを自動化します。ユーザーが WP Maps のデータを操作したい場合に使用します。

A

apple-appkit

fandhe-ai / agent-reference-skills

AppKit macOS UI リファレンス。Liquid Glass（NSGlassEffectView）、NSApplication、NSWindow、NSViewController、NSView、NSMenu、NSToolbar、NSTableView、NSOutlineView、NSCollectionView、NSSplitViewController、NSTabView、NSPopover、NSOpenPanel / NSSavePanel、NSSearchField、NSControl、NSStackView、NSScrollView、Diffable Data Source、target-action、レスポンダーチェーン

B

build-slides-figma

southleft / skills-for-figma

Figma Slides のプレゼンテーションを作成する——スライドの一覧表示/作成/複製/並べ替え/削除、スライドグリッドの読み取り、スライドへのテキストと図形の追加、スライド背景色の設定、スライドのトランジション（dissolve、slide-from、push-from、smart-animate）の設定または読み取り、スライドへのフォーカス、スキップの切り替え。ユーザーが Figma Slides のデッキを構築または編集したいときに使用する。トリガー：'create a slide'、'add a slide to the deck'、'reorder slides'、'set the slide background'、'add a transition between slides'、'add text/shape to slide 3'、'read what's on this slide'、'skip this slide in the presentation'。Figma Slides ファイルのみ（figma.editorType === 'slides'）。Figma デスクトップアプリ（Plugin API）が必要。

C

capturing-preview-screenshots-in-ci

skydoves / android-testing-skills

本 skill を使用して、すべての Jetpack Compose `@Preview` を実際の Android デバイスまたはエミュレーター上でスクリーンショットとしてレンダリングし、CI から閲覧可能な HTML カタログを公開する。Compose HotSwan Gradle コンパイラプラグイン（`com.github.skydoves.compose.hotswan.compiler`）と `debugImplementation("com.github.skydoves.compose.hotswan:preview")`、`captureAllPreviews` タスク、`HotSwanPreviewActivity` + `screencap` による ADB 経由での単一プレビューのキャプチャ、`hotSwanCompiler { preview { renderDelayMs; demoMode; sdkModeEnabled } }` DSL、プレビューごとの `@PreviewScreenshot(renderDelay = …)`、GitHub Actions（`reactivecircus/android-emulator-runner` または Gradle Managed Devices）のエミュレーター上での実行とカタログの GitHub Pages へのデプロイ、およびデバイスレンダリングとホスト JVM ツール（Paparazzi、Roborazzi）との違いを扱う。ユーザーが「captureAllPreviews」「HotSwan」「preview screenshots in CI」「screenshot catalog」「preview catalog on GitHub Pages」「Paparazzi vs Roborazzi vs device screenshots」に言及した場合に使用する。

C

chart-implementation

motormetrics / motormetrics

Recharts を使用して、車両登録と COE データの可視化のためのインタラクティブなグラフを作成する。新しいグラフタイプの追加、グラフのバグ修正、データ可視化の実装に使用する。

C

cloudrelay-imagegen

cloudrelay-code / cloudrelay-imagegen-skill

CloudRelay の統合された GPT、Gemini、Grok メディア API を通じてラスター画像を生成します。認証情報の分離、モデル検出、非同期タスク、検証済みのパラメーターレポートに対応します。

C

creature-design

omer-metin / skills-for-antigravity

脅威、個性、役割を形態で伝える、解剖学的に妥当で視覚的に際立つクリーチャーを設計します——恐ろしいボスから収集可能なコンパニオンまで。"creature design, design a creature, design a monster, monster design, boss design, enemy creature, companion creature, pet design, wildlife design, alien creature, fantasy creature, horror monster, cute creature, pokemon style, creature anatomy, creature silhouette, creature movement, hybrid animal, ecosystem creatures, creature family, mount design, dragon design, beast design, creature, monster, boss, enemy, companion, wildlife, horror, cute, pokemon, anatomy, silhouette, locomotion, ecosystem, hybrid, fantasy, sci-fi, kaiju, cryptid" が言及されたときに使用します。

C

css-debug

majiayu000 / spellbook

このスキルは、配置、オーバーフローのクリッピング、Tailwind クラスの競合、z-index のスタッキング、React のレンダリング可視性の問題など、CSS とフロントエンドのレイアウト問題を診断するために使用する。