「ui」の検索結果

フォームの入力エラーや必須項目が支援技術にも伝わるかを点検し、説明文と入力欄の関連付け、エラー状態、選択肢のグループ化を改善するスキル。

• 読み上げでも伝わる入力エラーにしたいとき
• 必須項目と選択肢グループの点検
• Reactフォームの入力検証レビュー

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

• ARIAの誤記や未定義値を探したいとき
• 独自部品を標準HTMLへ置き換え
• 共通UI部品のアクセシビリティ確認

Cline SDKでAIエージェントを開発するために、用途に合うAPIと参照資料を案内します。独自ツール、会話の保存、定期実行、複数エージェント連携も扱います。

• 独自ツールを持つAIエージェント開発
• 会話を保存するためのAPI選び
• モデル提供元とイベント処理の設定

Cline デスクトップアプリの安定版・beta・nightly の配布を支援します。変更履歴やバージョンの準備から、署名付きビルドの作成、更新配信の確認まで案内します。

• デスクトップの安定版を準備したいとき
• 安定版と併用できる beta の配布
• 署名付き nightly を作成したいとき

AI開発の実践課題を一段階ずつ進め、予測・実装・採点・振り返りを通じて学ぶスキル。完成コードに頼らず、ヒントを受けながら自分で書き、進捗を記録します。

• 実践課題でAI開発を学びたいとき
• 中断したプロジェクトを再開したいとき
• ヒントで実装ミスを解きたいとき

Claude認定の4つの学習コース選びから、対話型レッスン、実習、模擬試験、弱点の復習まで支援します。理解度と成果物を確認し、学習記録を残して続きから再開できます。

• 目的に合う認定コースを選びたいとき
• 保存した進捗から学習を再開したいとき
• コードを書かずに実習へ取り組みたいとき

opencodeのコマンド、HTTPサーバー、イベント、端末画面を検証し、保存済みの会話をID・タイトル・本文で調べます。用途別のスクリプトで確認を進めるスキル。

• コマンドとHTTPサーバーの確認
• フックに関わるイベントの観測
• 端末画面の起動と入力の確認

Web画面の新規作成や改修で、見た目、配置、動き、使いやすさを整えるスキル。デザイン方針を文書化し、実装と実ブラウザでの表示・性能確認まで進めます。

• 参考画像やサイトからLPを作りたいとき
• 既存の管理画面の配置や見た目の改善
• アニメーションや操作時の反応の追加

プロジェクトを実際にビルド・起動・操作して検証し、次のエージェントが再現できる実行手順と操作用スクリプトをまとめた専用スキルを作成・改善します。

• プロジェクト専用の実行スキル作成
• セットアップと起動手順の検証
• 起動したアプリの操作スクリプト作成

Remotionのプルリクエストを、チェックの完了待ちから競合解消、失敗原因の調査、マージまで進めるスキル。継続的インテグレーションの失敗と一時的な不安定さを見分けます。

• 必須チェック通過後にマージしたいとき
• マージを妨げる競合の解消
• 自動チェックの失敗調査と修正

Remotion Canvas Capture拡張機能を再ビルドし、作業用ディレクトリの削除で壊れない場所への設置、Chromeでの再読み込み、録画前の画面準備を支援します。

• 作業ディレクトリ削除後の復旧
• ソース変更後の再ビルドと再読み込み
• 録画前の画面準備とプレビュー確認

Twenty本体の同期対象データに、キャッシュと形式変換処理を実装するスキルです。入力値の整形や参照先の識別子変換を含め、後続の検証処理に必要な土台を整えます。

• 同期対象のキャッシュを実装したいとき
• 保存データをフラット形式に変換
• 作成・更新入力の変換処理を実装

製品の構想や既存資料から、目的・機能・品質要件を製品要求書（PRD）に整理します。用途に合う詳しさでの新規作成、変更の反映、内容の検証を支援します。

• 構想や資料からPRDを作成したいとき
• 社内利用や製品公開に合う文書の詳しさの調整
• 過去の決定を確認しながらPRDを更新

対話で要件を整理し、BMad向けのスキルやエージェント、配布用モジュールを作成・修正します。プロンプトや作業ログのスキル化、既存の内容のレビューや移行にも対応します。

• プロンプトや作業ログをスキル化したいとき
• 人格や役割を持つエージェントの作成
• 既存スキルの修正やレビュー

プロダクトマネージャーの John と対話し、ユーザーへの聞き取りや関係者の認識合わせを通じて要件を整理し、PRDと開発に渡す小さな単位へ具体化するスキル。

• 製品の構想からPRDを作りたいとき
• ユーザーへの聞き取りで要件を探る
• 関係者の認識をそろえたいとき

画面操作型アプリをコマンドで扱うためのPython製ツールをCodexで作り、既存機能の拡張から実ソフトを使ったテスト、品質確認、ローカル導入まで進めるスキル。

• アプリのソースからCLIを作りたいとき
• 既存ツールのコマンドを増やしたいとき
• 実ソフトで動作を検証したいとき

研究テーマの絞り込みから文献検索、出典の検証、複数資料の統合、報告書作成まで支援します。対話による研究相談や事実確認、系統的レビューにも対応します。

• 対話で研究の方向を絞りたいとき
• 先行研究を検索して知見を比較したいとき
• 特定の主張の根拠を確認したいとき

研究ノートや手順書をMarkdownでまとめ、工程・関係・時系列をMermaidで図解し、編集可能な図のソースと表示先に応じた確認を支援するスキル。

• 研究ノートに手順の図を添えたいとき
• データ構造や関係を図解したいとき
• プロジェクトの時系列を整理したいとき

論文執筆や推敲を担うNature系スキルに、共通の執筆指針と雑誌別の要件を提供する参照パッケージ。依頼元のスキルが必要な資料だけを読み込んで使います。

• Nature系執筆スキルから共通指針を参照
• 雑誌別の投稿要件の確認
• 本文の分量や主張の重複の見直し

Pythonのpytestテスト群を調べ、不具合の見逃し候補や未検証のコード、遅い・不安定なテストを報告します。削除候補も追加検証し、テスト自体は変更しません。

• pytestの不具合検知力を調べたいとき
• 遅いテストや準備処理の調査
• 不安定・実行順依存のテスト調査

通信やデータベースの待ち時間に複数の処理を進めるPythonの非同期実装を支援し、タイムアウト、キャンセル、例外処理やテストの方針を整理します。

• 非同期Web APIを開発したいとき
• 複数のWebページを並行取得
• WebSocketサーバーやチャットの開発

Apple siliconのMacでAppleのcontainer CLIを使い、コンテナごとの軽量仮想マシンでLinux環境を構築・実行・管理するスキルです。

• Dockerfileからのイメージ作成
• Apple silicon MacでLinux実行
• 永続ボリュームやネットワークの管理

浮遊するカードやガラス風の透過表現、奥行きのあるWeb画面を実装するスキル。GSAPや3D CSSでスクロール連動の動きを加え、動きを抑える設定にも対応します。

• 浮遊するカードのLPを作りたいとき
• ダッシュボードに奥行きを加えたいとき
• スクロール連動アニメーションの実装

Androidアプリのひな形作成から端末への配置、SDKやエミュレーターの管理までをコマンドで進め、画面取得やUI構造の確認も支援するスキル。

• Androidプロジェクトを作りたいとき
• APKを端末に配置したいとき
• SDKやエミュレーターの管理