Skill.md検索

デザイン要素の完全なライブラリを検索：67種類のスタイル、96色のパレット、57フォントペアリングから、プロジェクトに合う組み合わせをAIが推奨してくれるので、ゼロから選ぶ時間が不要です。 UI/UXの課題を一括解決：ボタン、モーダル、フォームなど99のUXガイドラインとアクセシビリティ要件を自動チェックでき、ユーザーが使いやすいインターフェースに仕上げられます。 複数の技術スタックに対応：React、Vue、Flutter、SwiftUI など13種類のフレームワークでのコンポーネント実装例が即座に得られるため、技術選択後もすぐに着手できます。 ダッシュボードや販売サイトを素早く構築：ランディングページ、管理画面、ECサイトなど目的ごとに最適なレイアウトとチャート（25種類）を検索できるため、企画から実装まで迷いなく進められます。 デザイン品質をコードレビューで確保：視覚的なスタイルだけでなく、レスポンシブ対応や階層化（z-index）の管理をガイドに従ってチェックできるため、本番環境でも安定した見た目を保証します。 デザイナーとエンジニアの両方を兼ねる立場の人：統一されたガイドラインがあることで、デザイン判断が早くなり、実装品質も向上します。 スタートアップやベンチャーの開発チーム：デザインシステムを一から構築する余裕がない場合、このライブラリで最小限の工数で統一感あるUIを実現できます。 複数プロジェクトを並行する PM・リーダー：デザイン面での判断軸が明確になるため、レビュー時間が短縮され、チーム間の認識ズレが減ります。 UI/UX品質を厳格に管理したい企業：アクセシビリティやタッチ操作のガイドラインが優先度付きで体系化されているため、法令対応やユーザー満足度向上に直結します。 本スキルは、Web・モバイルアプリ向けの包括的デザイン規格であり、67のスタイル（glassmorphism、neumorphism、bento grid、dark mode等）、96色のカラーパレット、57フォントペアリング、99のUXガイドライン、25チャートタイプを、React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/uiなど13の技術スタックに対応させた検索可能なデータベースです。優先度は（1）アクセシビリティ（2）タッチ操作（3）パフォーマンス（4）レイアウト（5）タイポグラフィ（6）アニメーション（7）スタイル選定（8）チャート で整理されています。アクセシビリティではコントラスト比4.5:1、フォーカスリング、altテキスト、aria-label、キーボードナビゲーション、ラベル付フォームが必須。タッチ操作では44x44pxの最小タップ領域、ホバー非依存、ボタン無効化、エラー表示を規定。パフォーマンスではWebP・srcset・遅延読み込み、motion設定、レイアウトシフト対策を含みます。

複数の評価実行結果を並べて比較し、メトリクス（評価指標）の数値がどのように変化したかを可視化できます。 直近の実行結果の推移グラフを表示し、性能が改善傾向か悪化傾向かを一目で判定できます。 異なる評価プロファイル（成功率の閾値やコリジョン許容値など）を指定して同じエピソードを再評価し、条件変更の影響を確認できます。 評価結果をCSVファイルでエクスポートし、外部の分析ツール（ExcelやTableauなど）で深掘り分析を行えます。 メトリクスの定義と解釈ガイドが用意されているため、数値の意味を正確に理解した上で改善判断ができます。 ドローンの自動運用システムを開発・改善しているエンジニア 複数の評価実行結果から性能トレンドを読み取りたいデータアナリスト パラメータ調整の効果を定量的に検証したい研究開発チーム 評価履歴を含む詳細レポートをステークホルダーに報告したい営業・マネージメント $ARTIFACTS_ROOT/runs/に保存された評価結果を分析するツールを提供します。Python 3.11以上が必要です。利用可能なスクリプトは、compare-runs.py（2つの実行を並べて比較）、trend.py（直近実行のメトリクス推移表示）、re-evaluate.py（異なる評価プロファイルで再評価）、export-csv.py（実行履歴をCSVエクスポート）の4つです。使用例として、python3 scripts/compare-runs.py RUN_ID_A RUN_ID_BでAとBを比較、python3 scripts/trend.py --limit 10で直近10実行の推移表示、python3 scripts/re-evaluate.py RUN_ID --success-rate-min 0.8 --collision-max 2.0で成功率最小値・衝突最大値を指定して再評価、python3 scripts/export-csv.py --output /tmp/runs.csvでCSVエクスポートできます。メトリクスの定義と解釈についてはreferences/metrics-guide.mdを参照します。

VoiceOverで正しく読み上げられるようにする：ボタンやアイコン、テキスト、画像に適切なaccessibilityRole・accessibilityLabelを自動で付与し、スクリーンリーダー利用者が迷わず操作できるようにします。 ガラスデザイン上のテキストのコントラストを自動で確保する：Liquid Glassのブラー背景でテキストが見えにくくなるのを防ぎ、WCAG AA基準（コントラスト比4.5:1以上）を満たすよう自動調整します。 「透明度を下げる」設定に対応させる：ユーザーが視認性を高めるためにOS設定で透明度を下げた場合、ガラスエフェクトを自動で無効化し、不透明背景にフォールバックさせます。 入力フィールドやトグルなど全UI要素をアクセシブルにできる：TextInput、Switch、画像など各要素に対して、アクセシビリティ属性の適用ルール表に従い、正しく設定できます。 複数画面を一括でアクセシビリティ監査できる：引数で指定した画面、または全画面を対象にアクセシビリティ属性の有無を自動検査し、問題のある要素を一覧表示します。 iOSアプリを開発しており、VoiceOver対応を求められている開発者 Liquid Glassデザインを使用しており、視認性とアクセシビリティを両立させたい人 WCAGガイドラインに準拠したアプリを作りたい人 視覚障害者も含むすべてのユーザーが使えるアプリを目指している開発チーム このスキルはiPhoneのVoiceOver対応を中心としたアクセシビリティ改善を実装します。前提はLiquid Glass（@callstack/liquid-glass）デザインで、ガラス上テキストのコントラスト確保が重要です。LiquidGlassView高さ65px超の場合、テキスト色の自動適応が効かないため、PlatformColor('labelColor')を明示的に使用し、textShadowColorやfontWeightで補完します。「透明度を下げる」設定に対応するため、AccessibilityInfo.isReduceTransparencyEnabled()でリッスンし、true時はガラスエフェクトを無効化して不透明背景にします。対象ファイルはsrc/screens//*.tsxとsrc/components//*.tsxです。手順は(1)Pressable・Image・TextInput・Switch・見出しTextを検索→(2)accessibilityRole（button/link/image/tab/switch/header）、accessibilityLabel（操作・内容を示すテキスト）、accessibilityHint（操作結果説明・任意）を適用→(3)装飾的画像はaccessible=falseを設定します。

TextInput を含む全ての画面に対して、iPhoneでキーボードが入力欄を隠さないように自動調整できます ユーザー名・メール・パスワード等の入力種別に応じて、最適なキーボードタイプと入力補助（自動補完など）を自動設定します キーボード表示時の画面スクロール、キーボード閉じる操作、複数フィールド間でのフォーカス移動を一括で最適化します Liquid Glass デザインに対応して、ガラスエフェクトとキーボード周りの見た目も統一されたまま実装できます iPhoneアプリでテキスト入力画面が多いプロダクトチーム ユーザーからキーボード関連のバグ報告を受けているアプリ開発者 フォーム画面の入力体験を向上させたいUI/UXデザイナー 複数の画面をまとめてキーボード対応したいプロジェクト このスキルは TextInput を含む画面の iPhoneキーボード操作を最適化します。本プロジェクトは @callstack/liquid-glass による Liquid Glass デザインを前提とし、LiquidGlassView 内の TextInput ではプレースホルダーが見づらくなる可能性があるため PlatformColor('labelColor') を使用、キーボード上部のアクセサリビューにも LiquidGlassView を適用してガラス質感を統一、isLiquidGlassSupported が false の場合は半透明背景に切り替えます。手順は5ステップで構成：Step 1 で対象画面を特定（Grep で TextInput を検索）、Step 2 で KeyboardAvoidingView を適用、Step 3 で ScrollView を最適化（keyboardShouldPersistTaps="handled"、keyboardDismissMode="interactive" を追加）、Step 4 で TextInput の入力補助設定（ユーザー名・メール・パスワード・検索・複数行テキストごとに returnKeyType・autoCapitalize・keyboardType・textContentType を設定）、Step 5 でキーボード閉じる操作（単一フィールドは onSubmitEditing で Keyboard.dismiss、複数フィールドは useRef でフォーカス移動、画面タップで閉じるは TouchableWithoutFeedback で対応）。

コマンド一つで規約に準拠したプルリクエストを自動作成 Conventional Commits形式のタイトル、変更概要、テスト方法を自動生成して手戻りを削減 プルリクエストの現在の状態（レビュー待ち、チェック実行中など）を素早く確認 PR一覧表示、レビューステータス、CI/CDチェック状態をコマンドで即座に把握 複数のプルリクエストを一覧で管理して、対応漏れを防止 自分のPRや指定条件のPR一覧を取得し、進捗状況を一目で把握 GitHub CLIを活用して開発ワークフローを高速化したいエンジニア PR作成～確認までのコマンド操作をテンプレート化できる プルリクエスト本文の品質にばらつきがあるチーム 統一されたテンプレートで、説明不足によるレビューの手戻りが減少 複数のPRを同時進行で管理する開発者 CLI経由で素早くPR状態を確認でき、対応忘れを防止