Skills

V

vibecoding-animated-websites

herdiansah / antigravity-skills-master

美学、セマンティック HTML、アクセシビリティを重視したハイエンドでアニメーション付きのウェブサイトを構築する。ユーザーが「vibecode」したい、"animated website" を作りたい、または "Noir Luxe" スタイルのワークフローを使いたい場合に使用する。

V

vtake-cut

notedit / vtake-skills

ローカル動画をメタデータ、トランスクリプト、そして AI が構成するカードベースの動画に変換する。エージェントは会話の中で自由に HTML カードを設計・記述する。ユーザーが VTake、vtake-cut、動画の要点、トランスクリプトの整理、AI が構成する動画の再活用を求めたときに使用する。

V

vue-component-generator

jeremylongshore / tons-of-skills-marketplace

vue component generator の操作を生成。自動有効化スキルのための

明確な情報階層、直感的なインタラクションパターン、アクセシビリティを優先したレイアウトでユーザーインターフェースを設計する。ワイヤーフレームの作成、UX フローの評価、視覚的階層の監査、レスポンシブレイアウトの設計、既存の Loom インターフェースの使いやすさの改善に使用する。

W

web-visual-direction

divyanshu-iitian / agent-website-design-skills

ウェブサイトやウェブアプリ向けに、独自性があり実装可能なビジュアルディレクションを定義する。エージェントが本格的なフロントエンド実装の前に、アートディレクション、タイポグラフィ、色彩、構成、画像、密度、モーション、ファーストビューの印象を確立または修正する必要があるときに使用。

3

3d-web-experience

omer-metin / skills-for-antigravity

Web 向け 3D 体験の構築のエキスパート — Three.js、React Three Fiber、Spline、WebGL、インタラクティブな 3D シーン。製品コンフィギュレーター、3D ポートフォリオ、没入型ウェブサイト、Web 体験に奥行きを持たせることを扱う。"3D website, three.js, WebGL, react three fiber, 3D experience, spline, product configurator, " に言及した場合に使用する。

A

accessibility-audit

mohitagw15856 / pm-claude-skills

任意の UI やデザインに対する WCAG 2.2 アクセシビリティ監査チェックリストと改善提案を生成する。アクセシビリティの監査、WCAG 準拠の確認、デザインの a11y 問題のレビュー、アクセシビリティ改善計画の作成を求められたときに使用する。合否評価と具体的な修正を含む、優先順位付けされたチェックリストを生成する。

A

accessibility-audit

serkan-ozal / browser-devtools-skills

ARIA スナップショット、AX ツリー分析、WCAG 検証を用いて Web アクセシビリティを監査する。ユーザーがアクセシビリティ、a11y、WCAG 準拠、スクリーンリーダー互換性、ARIA ロール、キーボードナビゲーションについて尋ねるときに使用する。

A

accessibility-compliance-accessibility-audit

rmyndharis / antigravity-skills

あなたはアクセシビリティの専門家で、WCAG 準拠、インクルーシブデザイン、支援技術との互換性に特化しています。監査を実施し、障壁を特定し、是正のガイダンスを提供します。

A

agent-ui-design

flitzrrr / frontend-design-skills

チャットインターフェース、エージェント UX、ストリーミング UI、ツール可視化の設計パターン。チャットアーキテクチャ、メッセージ種別、ストリーミングレンダリング、ツール実行カード、および 21st.dev Agents SDK のドキュメントとテンプレートに由来するサンドボックス UI を扱う。

A

ai-delivery-spec

franklinxkk / ai-delivery-spec

プロダクト、サービス、オフィスワークフローの要件、PRD、インタラクティブプロトタイプの明確化、作成、レビュー、変更を行う。曖昧な目標、プロセスの改善、スプレッドシート／フォームのルール、小さな UI 修正、既存システムの変更に使用し、requirement という語がなくても適用する。中文：产品、服务及办公流程的需求判断、深挖澄清、PRD、原型、变更与验收；一句话想法、表单/表格规则和微小改动也适用。明确的纯翻译、排版、抄录或既定步骤执行由对应工具直接处理。

A

apple-design-tactics

s1gmamale1 / apple-design-skills

Apple のアクセシビリティ／インクルーシブデザインの基準（VoiceOver、Dynamic Type のリフロー、Reduce Motion/Transparency、コントラスト、44pt のターゲット、WCAG 2.2 AA）や、マーケティング／説得／ブランド戦略（余白による高級感の演出、製品を主役にした写真、メリットを自信を持って伝えるコピー、価格の提示とアンカリング、各セクションで1つのアイデアを展開するテンポ）が必要な場合に使用します。apple-design ファミリーの一部です。キーワード：アクセシビリティ、a11y、VoiceOver、dynamic type、reduce motion、prefers-reduced-motion、reduce transparency、prefers-contrast、focus-visible、WCAG、インクルーシブデザイン、カーブカット、マーケティング、ブランド、コピーライティング、説得、余白、価格アンカリング、製品写真、ヒーローヘッドライン、展開のテンポ、基調講演。

A

apple-uikit

fandhe-ai / agent-reference-skills

UIKit iOS/iPadOS UIフレームワーク。UIViewController、UINavigationController、UITabBarController、UISplitViewController、UIView、UILabel、UIButton、UITextField、UIScrollView、UIStackView、UITableView、UICollectionView、diffable data source、NSDiffableDataSourceSnapshot、UICollectionViewCompositionalLayout、Auto Layout、NSLayoutConstraint、NSLayoutAnchor、UILayoutGuide、intrinsicContentSize。UIArrangementViewController、UISplitArrangement、UIOverlayArrangement、UIView.ReservedRegion、UIHingeInteraction、縦軸バー、iPhone Duoアダプティブレイアウト（iOS 27.1+）、sceneベースのライフサイクルへの移行、UISceneAccessory。SwiftUI ArrangementViewとは別のAPIです。

A

autocad-drafting

puran-water / autocad-drafting

autocad-mcp MCP サーバーによる AutoCAD 製図（8 つのツール：drawing、entity、layer、block、annotation、pid、view、system）。AutoCAD 図面、敷地平面図、P&ID 図、設備レイアウトの作成・変更、または autocad-mcp ツールによるあらゆる CAD 自動化を行う場合に使用する。File IPC（ライブ AutoCAD LT）と ezdxf（ヘッドレス DXF）の両バックエンドに対応。よくある落とし穴を避けるために重要：並列ツール呼び出しの競合、LISP タイムアウト、ダイアログトラップ、バッチサイズ。autocad-mcp ツールが呼び出されるたびにこのスキルを使用する。

A

awesome-accessibility-audit

khasky / awesome-agent-skills

UI とマークアップを対象に、各指摘への具体的な修正案を添えて WCAG の読み取り専用監査を行います。アクセシビリティ、a11y、キーボードやスクリーンリーダーのサポート、コントラストの確認を求められた場合に使用します。

A

awwwards-hero-section

yu-369 / vibecurb

Awwwards/FWA 級のヒーローセクションを構築するためのヒーローセクションパイプライン。参考画像からデザインの方向性を抽出し、6 種類のヒーローアーキテクチャと実装ブループリントを提供し、受賞歴のあるヒーローを一般的な AI 出力と分かつ基本原則——ビューポートスケールのタイポグラフィ、単一のフォーカルポイント、極端な余白、タイトな配色——を徹底する。ヒーローのみ。ページ全体には他のスキルと組み合わせる。

タイプ、パレット、レンダリング、テキスト、ムードの 5 つの次元で記事カバー画像を生成し、10 種類のカラーパレットと 7 種類のレンダリングスタイルを組み合わせます。シネマティック（2.35:1）、ワイドスクリーン（16:9）、スクエア（1:1）のアスペクトに対応。ユーザーが「カバー画像を生成」「記事カバーを作成」「カバーを作成」と求めたときに使用します。

B

bootstrap-customize

sjnims / bootstrap-expert

ユーザーが「how do I customize Bootstrap」「how to create a custom Bootstrap theme」「what Sass variables can I override」「how to implement dark mode in Bootstrap」「how to change Bootstrap colors」「how to override Bootstrap defaults」「how to add custom colors to Bootstrap」「how to enable Bootstrap shadows」「how to compile Bootstrap Sass」「how to use Bootstrap CSS variables」と尋ねたとき、または Bootstrap のテーマ設定、Sass 変数のオーバーライド、CSS カスタムプロパティ、カラーモードの実装について支援が必要なときにこのスキルを使用する。

B

brand-onboarding

stevenflanagan1 / social-ai-team

ブランドオンボーディング設定スキル。エビデンス収集 + 事前入力済みのクライアントドキュメント + 構造化されたヒアリングを通じて、クライアントのビジュアルアイデンティティ、コンテンツパターン、オーディエンス、目標を捕捉します。すべてのソーシャルスキルの基盤として context/brand-style.md を書き込みます。/social-creative-designer、/content-calendar、/caption-writer を使用する前に、クライアントごとに一度実行します。

B

building-react-quill-canvases

posthog / skills

PostHog canvas の React + Quill 実装を作成します。単一コンポーネントの契約、許可されたインポート、Quill（PostHog のデザインシステム）のコンポーネントとコンポジションのルール、テーマ対応のデザイントークン、ローディングスケルトン、canvas 内の日付ピッカーを扱います。building-canvases が canvas リクエストを React 実装にルーティングした後に使用します。ダッシュボード、データボード、フォーム、ツール、または PostHog にネイティブに見えるべきあらゆる canvas が対象です。

C

ck:ui-styling

binjuhor / shadcn-lar

shadcn/ui コンポーネント（Radix UI + Tailwind CSS）で UI をスタイリングします。アクセシブルなコンポーネント、テーマ、ダークモード、レスポンシブレイアウト、デザインシステム、色のカスタマイズに使用します。

C

component-recipes

dralgorhythm / claude-agentic-framework

Tailwind CSS のコンポーネントレシピ。一貫したスタイルで UI コンポーネントを構築するときに使用する。カード、バッジ、ボタン、モーダル、入力欄などのコピー＆ペーストできるパターンを提供する。

C

compose-ui

meet-miyani / compose-skill

Compose と CMP の composable を作成・レビューします。Route/Screen/leaf の分割、状態読み取りの配置と安定性、読み込み／空／エラー時の UX 状態、LazyColumn のリストとグリッド、アニメーションの選択、アクセシビリティとセマンティクス、デザインシステムのトークン、CMP Res リソース、Coil 画像、キーボード／フォーカスを扱います。@Composable コード、再コンポーズ、安定性、LazyColumn、アニメーション、シマーやスケルトン、アクセシビリティ、テーマ、色、Res.string、Coil、フォーカス、キーボードに関わる場合に使用します。MVI、エラー階層、モジュールグラフ（compose-architecture）、ViewModel やデータ関連（compose-feature、compose-data）、Gradle やモジュール関連（compose-project）、expect/actual の分割（compose-platform）には使用しないでください。

C

composer

singularlive / composer

開いている Singular Composer セッションでグラフィックスを検査・キャプチャ・作成・調整する。コンポジション要素、コントロールノード、レイアウト、タイムラインアニメーション、コンポジションスクリプトを含む。AI が Composer を制御する必要があるとき、グラフィックスと実行時の動作を検証するとき、または generate improvement handoff に応答してユーザーの修正に関するレトロスペクティブなフィードバックを返すときに使用。レトロスペクティブにはペアのセッションは不要。

C

composing-grid-canvases

posthog / skills

PostHog のグリッド canvas を構成します。再利用可能なコンポーネント canvas から構築されるウィジェットグリッド（ユーザーのホーム canvas を含む）です。グリッドまたはホーム canvas でウィジェットの追加、配置、移動、サイズ変更、削除を行うタスク、1 回の依頼でウィジェットの canvas 全体を構成する場合、再利用可能なウィジェット/コンポーネントを構築する場合、または配置 id やグリッド canvas id が対象の場合に使用します。コンポーネントストアの検索 → 設定 → fork → 構築のはしご、コンポーネント配置契約（size、configSchema）、配置のライフサイクル（pending/generating/live/failed）、保護されたレイアウトパッチループ、canvas のコメントスレッドの読み取りを扱います。

C

concept-design

abhinavbwj / skills-architects

パルティの展開、マススタディ、空間構成の戦略、デザインコンセプトの生成、コンセプトから形態への変換手法

C

create-cad-files

caid-technologies / opencad

自然言語の要件から寸法付きの 3D CAD 部品を作成し、OpenCAD で検証済みの STEP、STP、STL ファイルをエクスポートする。ユーザーが AI エージェントに機械部品をモデリングさせたいとき、印刷可能な STL を作りたいとき、編集可能な STEP ファイルを作成したいとき、寸法の説明を CAD に変換したいとき、または以前に生成した OpenCAD モデルを修正したいときに使用する。

C

custom-angular-component-creator

datex / skills

`dxs ng` コマンドファミリーを使って、ブランチ上で Datex Studio カスタム Angular コンポーネント（CAC、configurationTypeId=36）を作成または編集します。オーダーメイドの Angular UI（チャート、ダッシュボード、カスタムウィジェット）向けの、スクリーンショット駆動の作成 → リージョン編集 → プレビュー → プッシュのループです。

D

deck-creator

b-open-io / gemskills

ユーザーが "create a deck"、"make a presentation"、"build slides"、"pitch deck"、"investor deck"、"sales presentation"、"design a deck"、"interactive presentation"、"presenter mode"、"HTML slides"、"video background deck"、"deck playground"、"visual deck editor"、"deck builder UI"、"publish deck link" を求めたり、最小限の手間で完全なデッキを生成する必要がある場合に、このスキルを使用する。質問を抑えたディスカバリー、Deck Creator UI の早期起動、テーマ選択、コピーライティング、並列スライド生成、PDF の結合、オプションの HTML プレゼンター、公開ワークフローを扱う。

D

demo-design-tokens

dralgorhythm / claude-agentic-framework

デモアプリケーション用のデフォルトデザイントークン。正式なデザインシステムなしでデモを構築するときに使用する。色、タイポグラフィ、余白、シャドウ、トランジションを提供する。

D

design-handoff-brief

mohitagw15856 / pm-claude-skills

機能ブリーフを構造化されたデザインブリーフに変換し、デザイナーが Figma を開く前に必要なコンテキストを提供します。デザインブリーフの作成、デザインハンドオフの作成、新機能についてデザイナーに説明する、PRD を設計要件に変換するよう求められたときに使用します。ユーザーゴール、感情的文脈、成功基準、制約、エッジケース、スコープ外の境界を含むブリーフを生成します。

D

design-taste-frontend

nxpatterns / claude-taste-skill

シニア UI/UX エンジニア。LLM のデフォルトの偏りを覆すデジタルインターフェースを設計する。メトリクスに基づくルール、厳格なコンポーネントアーキテクチャ、CSS ハードウェアアクセラレーション、バランスの取れたデザインエンジニアリングを遵守する。

E

easy-wireframe

teo5777 / easy-wireframe

プロダクトプロトタイプ / ページフローのワイヤーフレームを、モバイル（App）と PC（デスクトップ Web）の 2 形態で生成する。ユーザーがプロダクトプロトタイプ、ワイヤーフレーム、ページフロー図、インタラクションフロー、App プロトタイプ、管理／管理システムのプロトタイプ、複数ページを並べて矢印でクリック遷移を注記したいときに使用する。出力は単一の HTML ファイル：モバイルは iOS 標準サイズ（375×812）＋ Apple HIG のフォントサイズ、PC はデスクトップサイズ（1440×900）＋より密な Web フォントサイズ。いずれもミニマルな白黒グレーのワイヤーフレームスタイルで、注記システムと全ページのスクリーンショット書き出しを内蔵する。

F

figma-design-qa

mohitagw15856 / pm-claude-skills

Figma デザインをエンジニアリングに引き渡す前に、引き渡し前 QA チェックリストを実行します。Figma デザインの QA、引き渡し前チェック、Figma ファイルが構築可能かどうかの検証を求められたときに使用します。ファイルの衛生状態、コンポーネントの使用状況、アクセシビリティ、引き渡し準備状況を網羅し、項目ごとに明確な合格/不合格のステータスを示す構造化された QA レポートを作成します。Opus 4.7 以降のモデルに最適化されています。

F

figma-to-ids

iress / design-system

Figma のデザインプロパティと構造を IDS（Iress Design System）のコンポーネント実装に変換する。ユーザーが Figma デザインを提供した場合、Figma MCP に言及した場合、デザインをコードに変換するよう依頼した場合、または Figma のコンポーネント名、バリアント、自動レイアウトのプロパティに言及した場合に使用する。

F

forms-router

bbeierle12 / skill-mcp-claude

Web フォーム開発のルーター。React、Vue、またはバニラ JavaScript でフォームの作成、バリデーション、ユーザー入力、データ入力を扱う場合に使用する。アクセシビリティ、バリデーション、セキュリティ、UX パターン、フレームワーク固有の実装を扱う 7 つの専門スキルに振り分ける。フォームのプロジェクトはここから始める。

F

frontend-design

duc01226 / easyplatform

[Frontend] 高いデザイン品質を備えた、独自性のある本番品質のフロントエンドインターフェースを作成する必要があるときに使用する。

F

frontend-design

jetbrains / skills

高いデザイン品質を備えた、独自性のある本番品質のフロントエンドインターフェースを作成します。Web コンポーネント、ページ、成果物、ポスター、アプリケーション（ウェブサイト、ランディングページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウトなど）の構築や、Web UI のスタイリング・ブラッシュアップをユーザーが求める場合に使用します。画一的な AI 風デザインを避けた、創造的で洗練されたコードと UI デザインを生成します。

F

frontend-design

leastbit / claude_skills_zh-cn

独自性のある、本番品質の高品質なフロントエンドインターフェースを作成する。ユーザーがウェブコンポーネント、ページ、作品、ポスター、アプリケーションの構築を求めたときにこのスキルを使用する（例：ウェブサイト、ランディングページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、あらゆるウェブ UI のスタイリング）。独創的で洗練されたコードと UI デザインを生成し、ありきたりな AI 的な美意識を避ける。

G

godot-ui

pbzona / godot-skills

アンカー、コンテナ、テーマ、フォーカスナビゲーション、キーボードとコントローラー入力、ローカライズに対応したサイズ設定、アクセシビリティの実践を用いて、Godot 4.x Control インターフェースを設計・トラブルシューティングします。メニュー、HUD、フォーム、レスポンシブレイアウト、Control ノード、テーマ、フォーカス、UI 入力、アクセシブルな操作に関する依頼で使用します。

G

guided-gui-design

metyatech / skill-guided-gui-design

ユーザー向け GUI を設計・レビューする際に、初回利用時の認知負荷を下げ、主要なパスを明確にし、発見しやすさとフィードバックを改善し、エラーを防ぎ、アクセシビリティを確保し、確立された HCI とユーザビリティ理論に基づいて判断することを目的とする場合に使用。

H

html-ppt-designer

andyhuo520 / html-ppt-designer

HTML PPT 洗練プレゼンテーションデザイナー - ユーザーのコンテンツを洗練された HTML プレゼンテーションページに変換する。LLM によるスマートデザインを優先し、多様なビジュアルスタイル、モーションデザイン、色彩認知システムに対応。トリガーワード：PPT、プレゼンテーション、HTML スライド、slide、presentation、PPT 作成、プレゼン作成。

L

lean-text-scaffolding

jpcaparas / skills

新規 Web ページにおける肥大化したテキストスキャフォールドを防ぐ。ランディングページ、SaaS ページ、ダッシュボード、マーケティングセクション、UI コピー、プレースホルダー、ラベル、アイブロウテキスト、機能カードの作成やリファクタリングに使用する。明示的に要求されない限り、汎用的なラベルを削除する。散文のみの記事、法務コピー、クライアント提供の正確なコピーには使用しない。

L

lovstudio:image-creator

lovstudio / skills

複数の仕組みで画像を生成する。対応：(1) Gemini/ZenMux によるエンドツーエンドの AI 生成 — プロンプトを渡すと直接画像を出力。(2) コードベースのレンダリング — HTML/React の単一ファイルを生成し、Playwright で PNG にレンダリング。(3) プロンプトエンジニアリング — 外部モデル（nano-banana-pro など）向けに最適化されたプロンプトを生成。トリガーワード：image、generate image、生图、render、poster、海报、banner、card、卡片

M

mobbin-ux

rohunvora / cool-claude-skills

Mobbin を用いたリサーチ駆動の UI/UX 改善。ユーザーがデザインパターンの調査を明示的に求めたとき（「use Mobbin」「research design patterns」「find UX patterns for X」）に使用する。Mobbin アカウントとブラウザ自動化（claude-in-chrome MCP）が必要。Mobbin で関連する UI パターンを検索し、デザイン原則を抽出し、承認用の仕様ドキュメントを生成してから実装する。一般的な UI 作業向けではなく、ユーザーがリサーチに基づくデザインを望む場合にのみ使用する。

N

nano-banana-pro

tdimino / claude-code-minoan

Google の Nano Banana Pro（Gemini 3 Pro Image）AI モデルを使って高品質な画像を生成・編集する。AI 画像の生成や編集タスクを扱うときにこのスキルを使用する。具体的には (1) テキストプロンプトからプロ品質の画像を作成する、(2) 自然言語の指示で既存の画像を編集する、(3) 複数ターンでの反復的な画像の調整、(4) 商品撮影やマーケティング用ビジュアル、(5) テキスト入りのインフォグラフィックや図の作成、(6) 写実的および芸術的な画像生成、(7) バッチ画像生成ワークフロー、(8) Gemini 画像生成 API のテストとトラブルシューティング。最大 4K 解像度、複数のアスペクト比、参照画像、映画品質の結果のための高度なプロンプト技法をサポートする。

N

nextjs-blog-netlify

rebyteai-template / rebyte-skills

Netlify 向けの、ビジュアル編集と Tailwind CSS に対応した Next.js ブログ。

O

oil-cover

oil-oil / oil-cover

小紅書と B 站の AI ツール実践動画のカバーを生成する。スクリプトモードと Agent 自律モード、実際の動画エビデンス、3 種類のアスペクト比出力、任意のクリエイターアバターに対応。ユーザーが oil-cover、$oil-cover を明示的に言及した場合、oil-cover を使用する場合、または本 Skill を指定した場合のみトリガーする。通常のカバー、サムネイル、動画カバーの依頼では自動トリガーしない。

サインアップ後のオンボーディング、ユーザーアクティベーション、初回利用体験、Time to Value を最適化したい場合に使用する。「オンボーディングフロー」「アクティベーション率」「ユーザーアクティベーション」「初回体験」「空の状態」「オンボーディングチェックリスト」「アハモーメント」「新しいユーザー体験」に言及した場合も使用。サインアップ／登録の最適化については signup-flow-cro、継続的なメールシーケンスについては email-sequence を参照。

ゼロから見事でアニメーション豊富な HTML プレゼンテーションを作成するか、PowerPoint ファイル（.ppt/.pptx）を美しい Web スライドに変換する。ユーザーがピッチデック、プレゼンテーション、スライドショー、スライドデックを作成したい場合、または既存の PPT を Web プレゼンテーションに変換したい場合に使用する。キーボード／タッチナビゲーションとスクロールで発火するアニメーションを備えた依存関係ゼロの単一 HTML ファイルを生成する。スタイルオプションには Neon Cyber、Bold Signal、Swiss Modern、Paper & Ink、さらに 8 つの厳選されたプリセットが含まれる。

O

openscad

iancanderson / openscad-agent

3D プリント用のバージョン管理された OpenSCAD（.scad）ファイルを作成し、プレビューをレンダリングして、イテレーションを比較する。3D モデルを設計またはイテレーションするときに使用。

O

opentui

pedronauck / skills

ターミナルユーザーインターフェースを構築するための包括的な OpenTUI スキル。コアの命令型 API、React reconciler、Solid reconciler を扱う。コンポーネント、レイアウト、キーボード処理、アニメーション、テストなど、あらゆる TUI 開発タスクに使う。

P

platform-building

bbeierle12 / skill-mcp-claude

モバイル、VR、アクセシビリティ向けのプラットフォーム固有のビルドシステム。ビルドゲーム向けのタッチ操作、VR 空間入力、色覚多様性に配慮したフィードバック、クロスプラットフォームのビルドメカニクスを実装する場合に使用する。入力の適応とインクルーシブデザインのパターンを扱う。

P

power-bi-pages

julianobarbosa / claude-code-skills

pbi-cli を使用して Power BI レポートのページとブックマークを管理する — PBIR レポートでページを追加・削除・設定・レイアウトする。ユーザーが "add page"、"new page"、"delete page"、"page layout"、"page size"、"page background"、"hide page"、"show page"、"drillthrough"、"page order"、"page visibility"、"page settings"、"page navigation"、"bookmark"、"create bookmark"、"save bookmark"、"delete bookmark" に言及したとき、またはページレベルの状態を捕捉するブックマークを管理したいときに、このスキルを呼び出す。ユーザーが drillthrough の設定や pageBinding について尋ねたときにも呼び出す。

P

prototype

c0nant / c-skills

設計上の疑問に答えるための使い捨てプロトタイプを構築する。ユーザーが状態モデルやロジックが適切かどうかを検証したい場合、または UI がどのようになるべきかを探索したい場合に使用

R

responsive-testing

revitalb-port / skills-registry-demo

Cursor のブラウザで異なるビューポートサイズのアプリを起動し、それぞれをスクリーンショットしてレイアウト崩れを報告する。

S

senior-figma-orchestrator

sergekostenchuk / ui-ux-agent-skill-system

UI/UX skill システムの主要な Figma オーケストレーション skill。ユーザーが Figma のデザインコンテキストの読み取り、Figma フレームの実装計画やコードへの変換、ライブ UI の Figma への同期、Figma キャンバスオブジェクトの編集、変数/コンポーネント/アセット/エフェクトの管理、Figma MCP ワークフローの監査、$senior-ui-ux-orchestrator 下での Figma 作業の調整を求めた場合に、この skill を使用します。プライバシー、ツールの可用性、証拠の境界を強制しながら、figma-context-reader、figma-design-to-code-bridge、figma-code-to-canvas、figma-canvas-editor、figma-design-system-sync、figma-assets-manager、figma-apply-effects、figma-workflow-auditor にルーティングします。

S

shadcn-svelte

exceptionless / exceptionless

shadcn-svelte のコンポーネントとプロジェクトを管理します。UI の追加、更新、修正、デバッグ、スタイル設定、組み立てを行います。プロジェクトコンテキスト、コンポーネントのドキュメント、使用例を提供します。shadcn-svelte、その CLI、design-system のプリセット、または components.json を含むプロジェクトを扱うときに適用されます。"shadcn-svelte init"、"add component"、レジストリの URL -seller_majorでもトリガーします。

S

shadcn-ui

enderpuentes / ai-agent-skills

Tailwind v4 と Next.js（App Router）、Vite、または手動セットアップで shadcn/ui をインストールして使用する。components.json を構成し、コマンドラインでコンポーネントを追加し、CSS のみでテーマ設定する。shadcn/ui の追加、shadcn のインストール、Button、Card、Dialog、Form などの shadcn コンポーネントの使用時、またはユーザーが shadcn、shadcn/ui、Tailwind と組み合わせた Radix UI に言及したときに使用する。

S

signup-flow-cro

mysticaltech / marketingskills

ユーザーがサインアップ、登録、アカウント作成、トライアル有効化のフローを最適化したいときに使用します。また、「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flow，此外 ...」→ 「account creation flow rast ...」 clean: 「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flowyoshi ...」 I'll write: ユーザーが「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flowshaw ...」 Final: また「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flow」に言及した場合も使用します。サインアップ後のオンボーディングについては onboarding-cro を参照。リード獲得フォーム（アカウント作成ではない）については form-cro を参照。