Skills

S

syncfusion-winforms-splash-panel

syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションでカスタマイズ可能なスプラッシュスクリーンと通知ポップアップを作成するための Syncfusion SplashPanel コントロールを実装します。アプリケーションの起動画面、ローディングインジケーター、控えめな通知ポップアップを表示するときに使用します。スプラッシュスクリーンの構成、アニメーション（スライド、フェード、マーキー）、デスクトップ配置、子コントロール、自動クローズタイマー、背景のグラデーション/画像、プロフェッショナルな起動体験を実現する splash イベントを扱います。

S

syncfusion-winforms-statusstrip

syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションでプロフェッショナルなステータスバーを作成するための Syncfusion StatusStripEx コントロールを実装する。プログレスバー、ステータスラベル、ボタン、サイズ調整グリップを備えたアプリケーションのステータスインジケーターを作成する際に使用する。StatusControl 項目（右揃え）、Notification 項目（左揃え）、ProgressBar 統合、Office2007 配色（Silver/Blue/Black）、Office2016 テーマ、カスタムマネージドカラー、および下部ドッキングのステータスパネル向けのサイズ調整グリップのカスタマイズを網羅する。

S

syncfusion-winforms-tab-splitter-container

syncfusion / winforms-ui-components-skills

Windows Forms でタブ付きパネルの分割ビューレイアウトを作成するための Syncfusion TabSplitterContainer コントロールを実装します。Visual Studio スタイルの分割ビュー、デザイン/プレビューモード付きのドキュメントエディター、マルチペインアプリケーションを構築するときに使用します。プライマリ/セカンダリのページコレクション、スワップボタン機能、ペインの折りたたみ/展開、水平/垂直方向、調整可能なスプリッター位置、プロフェッショナルなマルチビューインターフェース向けの Office2016 テーマを扱います。

S

syncfusion-winforms-tile-layout

syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion TileLayout コントロールを実装するためのガイドです。Windows 8 Metro スタイルのタイルインターフェース、グループ化されたタイルコンテナ、ImageStreamer を使った画像/テキストが回転するライブタイル、ドラッグアンドドロップによる並べ替え、位置と外観をカスタマイズできるダッシュボードスタイルのレイアウトを作成するときに使用します。

S

syncfusion-winforms-tree-navigator

syncfusion / winforms-ui-components-skills

Windows Forms 用の Syncfusion TreeNavigator コントロールを実装および構成します。これは追加のスペースを取らずにツリー構造をその場で展開する独自のナビゲーションインターフェースです。パンくずモード、ドリルダウン機能、スペース効率の良い折りたたみ式ナビゲーションメニューを備えた階層ナビゲーションが必要なときに使用します。その場でのツリー展開、戻るボタンナビゲーション、展開可能なメニュー項目、ファイルエクスプローラー風のナビゲーション、標準 TreeView を折りたたみ式の代替に置き換える方法を扱います。

S

syncfusion-winforms-xptoolbar

syncfusion / winforms-ui-components-skills

Windows Forms アプリケーションで Syncfusion XPToolBar コントロールを実装・設定し、プロフェッショナルな Visual Studio スタイルのツールバーを作成します。カスタマイズ可能なツールバーレイアウト、各種項目タイプ（BarItem、ParentBarItem、DropDownBarItem、ComboBoxBarItem）、ドッキング可能な配置、シェブロン型のオーバーフローボタン、Office テーマが必要な場合に使用します。ツールバーの構造、バー項目の管理、ドッキング位置、Office2007/2016 テーマによる外観のカスタマイズ、RTL 対応を扱い、機能豊富なアプリケーションのツールバーやメニューバーを作成します。

T

theming-system

infrasity-labs / dev-gtm-claude-skills

トークンマッピングによってブランドバリアント、ダークモード、ハイコントラストモードを支えるテーマ設計のアーキテクチャを設計する。

T

timeline

rheinmir / setup

changelog・履歴・ロードマップ・writing-archive ページ向けの縦型タイムラインコンポーネント（日付ごとのマイルストーン、IntersectionObserver によるスクロール表示、768px でモバイル→デスクトップのレイアウトに自動切替）。ユーザーが "làm timeline"、"dòng thời gian"、"lịch sử phiên bản dạng timeline"、"changelog timeline"、"roadmap timeline"、または /timeline と言ったときに呼び出します。/diagram（フロー/アーキテクチャ図）とは異なります——これは単一軸上の時系列マイルストーンのリストであり、多ノードの関係図ではありません。

T

timing-feedback

dragoon0x / taste-skills

応答のタイミング、確認のフィードバック、そしてインターフェースに生命感を持たせること。あらゆる操作には適切な速度の応答がふさわしい。インタラクションを設計するとき、応答性を評価するとき、製品がなぜもたついて見えるのか、あるいは死んでいるように感じるのかを診断するときに使用する。

T

type-as-signal

dragoon0x / taste-skills

タイポグラフィの判断だけからデザイナーのセンスを読み取る。タイプはあらゆるデザインの中で最も速いセンスの信号である。デザインの成熟度を評価するとき、ポートフォリオの質を測るとき、タイポグラフィがデザイン思考について何を明かすかを理解するときに使用する。

T

typography-scale

infrasity-labs / dev-gtm-claude-skills

サイズ、ウェイト、行間の関係を備えたモジュラータイポグラフィスケールを作成する。

U

uview-vue2

partme-ai / full-stack-skills

uView Vue 2 コンポーネントライブラリの包括的なガイダンスを提供する。コンポーネント、ツール、レイアウトを含む。ユーザーが Vue 2 向け uView について質問した場合、uView で Vue 2 アプリを構築する必要がある場合、または uView コンポーネントを使う場合に使用する。

V

vben-admin

m19803261706 / springboot-vben-admin

Vben Admin 5.x のフロントエンド開発規約。ページ、コンポーネント、API インターフェース、フロントエンド機能を作成する際に自動的に使用される。

V

version-archaeology

dragoon0x / taste-skills

アーカイブされたバージョンを使って製品が時間とともにどう進化するかを研究する。リデザインを経ても残る判断こそがセンスの判断である。あるデザインで何が本質で何が表面的かを理解するとき、製品の進化から学ぶときに使用する。

V

version-control-strategy

infrasity-labs / dev-gtm-claude-skills

デザインファイル、コンポーネント、ライブラリのバージョン管理戦略を定義する。

V

voltra

callstackincubator / voltra

Voltra JSX、Voltra JS API、Expo 設定プラグイン、Voltra CLI を使って Voltra コードを構築、レビュー、リファクタリング、設定、デバッグする。ユーザーがチャート、Live Activities、Dynamic Island UI、iOS ウィジェット、スケジュールされたウィジェット、Android ウィジェット、継続通知、画像処理、app.json のプラグイン設定、React Native CLI のセットアップ、Voltra のプッシュ更新フローについて尋ねたときに使用する。

V

von-restorff-effect

infrasity-labs / dev-gtm-claude-skills

フォン・レストルフ効果を適用し、最も重要な要素を周囲から際立たせる。

W

web-design-guidelines

connorads / dotfiles

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

W

web-design-guidelines

julianromli / ai-skills

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

W

webflow-code-components

224-industries / webflow-skills

DevLink を介して React コードコンポーネントを構築・定義し、Webflow にインポートする。Webflow コードコンポーネントの作成、declareComponent 定義の構成、prop 型の扱い、Shadow DOM 内でのスタイリング、Webpack でのバンドル、DevLink インポートのトラブルシューティングに使用する。

W

wiki-vitepress

sickn33 / agentic-awesome-skills

生成された wiki の Markdown ファイルを、ダークテーマとインタラクティブな Mermaid 図を備えた洗練された VitePress 静的サイトに変換する。ユーザーが「サイトを構築する」「VitePress としてパッケージする」と依頼した場合、/deep-wiki を実行した場合、または生成された wiki ページから閲覧可能な HTML 出力を求めた場合に使用する。

W

written-critique

dragoon0x / taste-skills

追加の質問なしに相手が行動できる構造化されたデザインレビューを書く。非同期のデザインフィードバックを行うとき、ポートフォリオのケーススタディを書くとき、デザイン判断を記録するときに使う。

3

3d-camera-interaction

project-n-e-k-o / n.e.k.o

Three.js で 3D モデルのドラッグ、ズーム、境界検出を正しく扱う方法。マウスの移動とモデルの移動が同期しない、ズーム後にモデルの一部しか見えないといった問題を解決する。

A

accessibility-test-plan

infrasity-labs / dev-gtm-claude-skills

支援技術と WCAG 基準を網羅したアクセシビリティテスト計画を作成する。

A

alt-text-design

owl-listener / inclusive-design-skills

画像、グラフ、図解、視覚コンテンツに意味のある代替テキストを書く。代替テキスト、画像説明、グラフの要約、テキストによる等価表現が必要なあらゆる視覚コンテンツを作成またはレビューするときに使用する。トリガー：alt text、画像説明、alternative text、スクリーンリーダー、装飾画像、グラフの説明、インフォグラフィック、データ可視化、複雑な画像、意味のある代替テキスト。

A

assistive-technology-scenarios

owl-listener / inclusive-design-skills

支援技術と多様な操作手段を含む利用シナリオを書く。シナリオ、ユースケース、ユーザージャーニー、ストーリーボードを書くときに使用する。トリガー：支援技術、AT、スクリーンリーダー、スイッチ、音声操作、拡大鏡、点字ディスプレイ、ヘッドポインター、アイトラッキング、ユーザーが自社製品をどう使うか、利用シナリオ、ユースケース。

A

audience-translation

dragoon0x / taste-skills

同じデザイン上の観察を、デザイナー、開発者、非技術系のステークホルダーに説明する。同じ洞察を 3 つの言葉で。部門横断で働くときや、混在した聴衆にデザイン判断を提示するときに使う。

B

better-interface

boraoztunc / skills

分野横断的なインターフェースレビュー：画面、フロー、機能、またはプロダクトのインターフェースをすべての `better-*` ドメインスキルにルーティングし、1 つの順位付けされた判定に統合する。単一のドメインではなく全体的なレビューを求められた場合、および `interface-review` が変更をルーティングに引き上げた場合に使用する。better-interface、全体的なインターフェースレビュー、画面全体のレビューでトリガーする。

C

canva-automation

composiohq / awesome-claude-skills

Rube MCP (Composio) を通じて Canva のタスクを自動化します。デザイン、エクスポート、フォルダー、ブランドテンプレート、自動入力に対応します。必ず最初にツールを検索して、最新のスキーマを確認してください。

C

card-sort-analysis

infrasity-labs / dev-gtm-claude-skills

カードソートの結果を分析し、情報アーキテクチャとナビゲーション構造に活かす。オープンまたはクローズドのカードソート調査を実施した後に使用する。

C

cognitive-fallacies-guard

lyndonkl / claude

可視化、ダッシュボード、レポート、プレゼンテーションにおける視覚的な誤導、認知バイアス、データ整合性の違反を検出して防止する。グラフの誠実さを監査し、誤解の原因を診断し、具体的な修正を提供する。ユーザーが chartjunk、誤解を招くグラフ、切り詰められた軸、データ整合性、視覚的欺瞞、3D グラフの問題、データのつまみ食いに言及したとき、または可視化の正確性を監査する必要があるときに呼び出す。一般的なデザイン評価には `design-evaluation-audit` を使用する。認知的な基盤には `cognitive-design` を使用する。

C

colour-independence

owl-listener / inclusive-design-skills

色だけで情報を伝えることが決してないインターフェースを設計する。ステータスインジケーター、データ可視化、フォーム検証、アラート、地図、色で意味を伝えるあらゆるコンテンツを設計するときに使用する。トリガー：色覚異常、color blind、色だけに頼る、colour alone、色覚、color vision、赤緑、2 型色覚、1 型色覚、3 型色覚、色分け、ステータスの色、グラフの色、アクセシブルな色。

C

consumption-discipline

dragoon0x / taste-skills

絶え間ない意図的な消費を通じて審美眼を養うための構造化された接触習慣。受動的なスクロールではない。デザイン、建築、映画、音楽、料理、文化にわたる能動的な取り込み。審美眼の実践を構築するとき、キャリア開発について助言するとき、誰かのデザインの幅が狭く感じられる理由を診断するときに使う。

C

critique-color

infrasity-labs / dev-gtm-claude-skills

画面の色彩の使い方を批評する — コントラスト比、パレットの一貫性、意味づけ、色のアクセシビリティ。

C

critique-information-density

infrasity-labs / dev-gtm-claude-skills

画面の情報密度を批評する — 認知負荷、コンテンツの優先順位付け、走査パターン、プログレッシブディスクロージャー。

C

critique-typography

infrasity-labs / dev-gtm-claude-skills

画面のタイポグラフィを批評する — スケールの使い方、可読性、一貫性、トークン準拠。

C

customer-journey-mapper

timlai666 / skills

このスキルは、顧客プロファイルと製品またはサービスから、handoff_to_customer_journey_mapper ブロックを含むカスタマージャーニーマップ、CJM、顧客旅程地圖、接觸點旅程表を作成・更新するために必ず使用すること。CJM に情緒分數、情緒曲線、加減分原因、スパークラインを追加する場合にも使用すべきである。persona のみの作業、ジャーニー準備ブリーフ、KPI のみのダッシュボード、バックステージのサービスブループリントには使用してはならない。

C

customer-persona-framer

timlai666 / skills

このスキルは、リサーチ、オーディエンスの手がかり、製品やサービス、利用状況から persona、人物誌、顧客輪廓、使用者輪廓、ターゲット顧客プロファイルを作成・レビュー・更新するために必ず使用すること。顧客理解に、ニーズ、行動、意思決定要因、制約に関する一貫したプロファイルが必要な場合にも使用すべきである。ジャーニー準備の作業は明示的に要求された場合にのみ含める。persona のみのリクエストにジャーニーマップ、ステージ計画、引き継ぎ成果物を加えてはならない。

C

cyber-ppt

crazyykhllc-bit / cyberppt

ユーザーが DOCX、PDF、TXT、XLSX、調査レポート、業務資料、生データを高密度で編集可能なコンサルティングスタイルの PPTX に変換する必要があるときに使用する。SCR の論証、ビジュアルスタイルの探索、詳細なグラフ、レンダリングの品質チェックを要する PPT にも適する。

D

design-compliance

dedalus-erp-pas / foundation-skills

Hexagone デザインシステム（PrimeVue 4 + Tailwind CSS 4 + Hexagone トークン）への準拠を自動監査します。ページまたはコンポーネントのソースコードとレンダリングされた UI を分析し、違反を検出して自動修正し、レポートを生成します — すべてユーザーの介入なしで行います。ページやコンポーネントのデザインシステム準拠を監査したい、PrimeVue/Tailwind/Hexagone トークンからの逸脱を修正したい、または「design compliance」／「conformité design」に言及した場合に使用します。

D

design-guide

mosif16 / codex-skills

SwiftUI、Android、Web プラットフォーム全体でモダンでプロフェッショナルな UI デザインを保証する。ボタン、フォーム、カード、レイアウト、ナビゲーション、画面全体など、あらゆるユーザーインターフェースコンポーネントを構築するときに使用。クリーンでミニマルなデザイン、アクセントカラーを 1 つだけ使うニュートラルな配色、8px グリッドの余白システム、適切なタイポグラフィ階層、明確なインタラクティブ状態を徹底する。UI 要素を作成・変更する前に必ず参照すること。

D

design-negotiation

infrasity-labs / dev-gtm-claude-skills

エビデンスと共通の目標を用いて、部門横断のパートナーや経営層に対してデザインの品質、スコープ、時間を主張する。

D

design-rationale

infrasity-labs / dev-gtm-claude-skills

意思決定をユーザーニーズ、ビジネス目標、原則に結びつける明確なデザイン根拠を書く。

D

design-system-governance

infrasity-labs / dev-gtm-claude-skills

デザインシステムがどのように進化するかを定義する — コントリビューションモデル、バージョニング、変更管理、非推奨化。

D

design-token

infrasity-labs / dev-gtm-claude-skills

design token（色、間隔、タイポグラフィ、高度）を命名規則と使用ガイダンスとともに定義・整理する。

D

design-token-audit

infrasity-labs / dev-gtm-claude-skills

製品全体での design token の使用状況を、一貫性と網羅性の観点から監査する。

D

design-ui

mblode / agent-skills

Web UI のデザイン方針とビジュアルシステムを提供する。プロダクト（SaaS/管理画面/データ中心）またはマーケティング/ブランド体験のレイアウト、タイポグラフィ、配色、全体の美意識を定義する。ビジュアルの方向性の選択、カラーパレットやフォントの選定、レイアウトパターンの確立、新しい UI デザインシステムの開始時に使用する。

D

diary-study-plan

infrasity-labs / dev-gtm-claude-skills

プロンプト、期間、参加者基準、分析フレームワークを含む日記調査の計画を設計する。自然な文脈で長期的なユーザー行動を理解したいときに使用する。

D

disability-inclusive-personas

owl-listener / inclusive-design-skills

障害を人間の多様性の自然な一側面として含むユーザーペルソナを作成する——独立した「アクセシビリティペルソナ」としてではなく。ペルソナ、ユーザープロファイル、プロトペルソナ、対象ユーザーのあらゆる表現を作成するときに使用する。トリガー：ペルソナ、ユーザーペルソナ、プロトペルソナ、ユーザープロファイル、対象ユーザー、ユーザーとは誰か、障害ペルソナ、アクセシビリティペルソナ、インクルーシブペルソナ。

適切な書式、フォント処理、レイアウトルールを備えた draw.io 図の作成のためのガイドラインとベストプラクティス。.drawio ファイルの作成や編集、アーキテクチャ図の生成、draw.io XML 形式の扱いに使用します。日本語テキストが正しくレンダリングされた高品質でプロフェッショナルな PNG 出力を実現します。

E

engram-dashboard-htmx

gentleman-programming / engram

Engram ダッシュボードにおける HTMX と templ のインタラクションルール。トリガー：htmx 属性、部分更新、フォーム、サーバーサイドレンダリングのブラウザ UI に対するあらゆる変更。

E

executive-dashboard

dengineproblem / agents-monorepo

エグゼクティブダッシュボードの専門家。KPI の可視化、ビジネスインテリジェンス、レポーティングに使用します。

説明はまだありません

F

find-animation-opportunities

60fps-design / plugin

iOSアプリのUIで動きを加えると効果的な箇所、静止したままにする箇所、既存の動きで不具合があるものや過剰なものを特定し、それぞれに参考となる実際にリリース済みのインタラクションを提案します。アプリのどこにアニメーションを加えるべきか、より生き生きと洗練された印象にする方法、動きや触覚フィードバックの監査・レビュー、追加するマイクロインタラクションについて尋ねられたときに使用します。SwiftUIとUIKitのコードを読み取ります。iOS専用です。

F

fitts-law

infrasity-labs / dev-gtm-claude-skills

素早く正確な操作のために、Fitts の法則を適用してインタラクティブターゲットのサイズと位置を決める。

G

generate-icon

b-open-io / gemskills

ユーザーが "generate an icon"、"create a favicon"、"make an app icon"、"create iOS icon"、"create Android icon"、"generate PWA icons"、"make desktop app icon"、"create Windows icon"、"create macOS icon"、"app store icon"、"Play Store icon"、"App Store icon" を求めたり、プラットフォーム固有のサイズを持つ AI 生成アイコンを必要としたりする場合に、このスキルを使用する。

G

gesture-patterns

infrasity-labs / dev-gtm-claude-skills

タッチデバイスとポインティングデバイス向けのジェスチャーベースのインタラクションを設計する。

G

good-services-service-design

tristanmanchester / agent-skills

Lou Downe の Good Services 原則、ジャーニーマップ、オペレーションブループリント、エビデンスに紐づいた改善作業を用いて、エンドツーエンドのサービスを監査または改善する。デジタル、人的、オフラインの各チャネルにまたがるサービスの成果に使用し、純粋なビジュアルスタイルや、サービスデザインの問いを含まない狭いコード欠陥には使用しない。

G

grove-ui-design

autumnsgrove / lattice

Grove 向けに、グラスモーフィズム、季節の装飾、ランダム化された森、アクセシブルなデザインパターンを用いた、温かみのある自然をテーマにした UI を作成する。ページの構築、UI の強化、装飾要素の追加の際に使用する。

H

hugo-theme

magnus919 / agent-skills

高度な Hugo CMS テーマの構築、カスタマイズ、デバッグ — テンプレートアーキテクチャ、アセットパイプライン（CSS/JS/画像処理）、ショートコードとレンダーフック、ページバンドル、カバー画像、Hugo Modules、パフォーマンス、SEO、CI/CD。Hugo テーマやサイトテンプレート層を扱うときに使う。無関係なリクエストにこのスキルを使わないこと。最も近い指名の専門家にルーティングする。