「board」の検索結果

メニュー項目やタブなどに付けたARIAロールが、必要な親ロールに収まっているかを点検します。読み上げ時のグループ認識や操作に関わる問題を調べ、修正案を示します。

• メニュー項目の親ロールを確認したいとき
• タブやリストの構造点検
• デザインシステムの部品レビュー

ツールチップの補足情報がスクリーンリーダーに伝わるかを点検。読み上げ用の名前や表示元の要素との関連付けを確認し、修正案と検証方法を示すスキル。

• ツールチップの読み上げ確認
• 表示元と補足説明の関連付けの点検
• 共通ツールチップ部品のレビュー

動画の動作・表情・画面内テキストなど、音声だけでは伝わらない情報を点検し、視覚障害のある利用者に向けた音声解説の追加方法や実装の確認点を整理するスキル。

• 商品デモで音声から伝わらない情報の確認
• 動作や画面内テキストの音声解説の検討
• 動画解説のHTMLと操作を点検したいとき

表の見出しやセルの対応関係を点検し、読み上げでもデータの意味が伝わるHTMLへ整えるスキル。単純な表から結合セルのある複雑な表まで確認します。

• 表の読み上げ対応を確認したいとき
• 結合セルと見出しの関係を見直すとき
• デザインシステムの表のレビュー

チェックボックスやラジオボタン、スイッチの読み上げ用の名前を点検し、何を選択・切り替える操作かが伝わるラベルの付け方と確認方法を示すスキル。

• チェックボックスやラジオのラベル確認
• スイッチ名が目的を伝えるかの点検
• 読み上げ用の名前の不足や曖昧さの修正

ボタンやリンクなどに、操作内容や移動先が伝わる名前が付いているかを点検します。表示テキストやaria-labelの不足を指摘し、具体的な修正案を示します。

• 名前のないボタンやリンクの検出
• 曖昧なラベルの見直し
• 共通部品の操作名のレビュー

バッテリー残量や容量などのメーター表示を点検し、スクリーンリーダーで数値が何を表すか伝わるよう、読み上げ用の名前を確認・追加するスキル。

• 残量や容量メーターのラベル確認
• メーターに読み上げ用の名前を付けたいとき
• 共通UI部品のメーター点検

フォームへの自動フォーカスを点検し、読み込み直後に説明文を飛ばして入力欄へ移る動作を見直します。利用者の操作を起点にフォーカスを移す修正も提案します。

• 説明文のあるフォームの点検
• 読み込み時の意図しないスクロール調査
• 利用者の操作後にフォーカスを移したいとき

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

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

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

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

omoを初めて使う人に機能と基本の進め方を案内します。希望に応じて他のエージェントの設定移行や過去セッションの分析を行い、作業習慣に合う使い方を示します。

• omoの機能と基本操作を知りたいとき
• 他のエージェントから設定を移したいとき
• 過去の利用履歴から作業傾向を知りたいとき

教材のページや図、マニュアルの見た目と英文表現を共通ルールで整えます。配色や書体、図番号、カード配置に加え、ダークモードと操作しやすさ、動きを減らす設定も確認します。

• 教材ページの配色と書体の統一
• ダークモードの配色と可読性の確認
• 図番号とカード配置の統一

AI・機械学習の知識を5分野10問の対話式クイズで確認し、全20段階・523レッスンの教材から開始地点を提案します。復習箇所と学習時間も整理します。

• AI学習の開始地点を決めたいとき
• 教材の既知の内容を省略したいとき
• 復習が必要な分野の確認

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

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

MCPA認定試験に向けて、対話形式のレッスン、Pythonによる実習、診断・模擬試験、弱点の復習を進め、学習記録から続きに取り組めるスキル。

• MCPAの学習計画を立てたいとき
• 未完了のレッスンを再開したいとき
• コードを書かずに実習を学びたいとき

Designのキャンバス上で、ポスターやSNS画像、Webページやアプリ画面を作成・修正します。ブランドの色や書体を反映し、複数の制作面を整理できます。

• メニューポスターの制作
• SNS投稿用画像を作りたいとき
• Web・アプリ画面のデザイン

職種に合うプラグイン選びから業務ツールとの接続、スキルの試用、文体設定までを順に案内し、普段の仕事に合わせてCoworkの利用環境を整えるスキル。

• Coworkを使い始めたいとき
• 職種に合うプラグインを選びたいとき
• 業務ツールを接続してスキルを試したいとき

公開したArtifactページに、入力内容の保存や閲覧者間の状態共有、連携データの取得、Claudeへの質問などを組み込むための仕様と手順を提供します。

• 操作を保存する投票やチェックリスト作成
• 共有データを使うタスクボード作成
• 連携データを表示するページ作成

WebアプリやAPI、ソースコードの侵入テストをStrixのクラウドで実行します。対象登録から結果の整理、定期検査、チームでの進捗管理まで扱います。

• Dockerなしで検査したいとき
• チームで脆弱性の対応状況を管理
• 定期検査とPRレビューの運用

Webサイトの画面やブランド素材を取り込み、サイト紹介やSNS向けの動画をHyperFramesで制作します。構成・台本づくりから音声、字幕、検証まで進めます。

• ポートフォリオの動画ツアー制作
• ブログやLPをSNS動画にしたいとき
• 音声・字幕付きのサイト紹介

音楽の拍や盛り上がりを解析し、文字や画像・動画の動きを合わせた映像を作るスキルです。追加素材がなくても構成でき、計画と映像の確認を経てMP4に仕上げます。

• 音楽に合わせた宣伝映像を作りたいとき
• 曲と写真からスライドショーを作るとき
• 動く文字だけで音楽映像を作りたいとき

Three.jsの3D画面に、クリックやタッチでの選択、カメラ操作、物体の移動・回転・拡縮を実装します。入力処理から操作時の見た目の変化まで扱います。

• クリックやタッチで3D物体を選びたいとき
• カメラの回転・ズーム操作の追加
• 物体のドラッグ・回転・拡縮

商品サイトのURLや台本、制作概要をもとに、製品紹介・発売告知の動画を作ります。素材収集からブランドに沿った画面設計、構成、ナレーション、映像の組み立てを進めます。

• SaaSやアプリの公開告知
• 新機能を紹介したいとき
• 支給された台本のプロモーション動画化

動画に使う文字演出や画面効果、図表などの既存部品を検索し、HyperFramesへ導入します。表示の開始時刻や配置を設定し、映像に組み込む作業を支援します。

• タイトル演出や場面転換を探して追加したいとき
• 図表・地図・端末画面を動画に組み込みたいとき
• 同じタグの動画部品をまとめて導入したいとき