「hn」の検索結果

記事やレポートを男女2人の自然な対話に書き換え、音声合成でポッドキャストを作るスキル。英語・中国語に対応し、MP3音声と会話の原稿を出力します。

• 記事を対話型ポッドキャストに変換
• レポートを音声で聴きたいとき
• 技術資料を会話形式で解説

Webサイトやアプリの画面を設計・改善し、文字や余白、配色から操作の流れまで整えます。使いやすさのレビュー、画面サイズへの対応、表示性能の確認も扱います。

• 新しい画面の構成と見た目の設計
• 既存画面の文字・余白・配色の改善
• アクセシビリティと画面サイズの点検

Claude Codeの直近の会話履歴から開発の得意分野や課題を分析。優先順位付きの改善案と関連する学習記事をまとめ、SlackのDMへ届けます。

• 直近の会話から開発習慣を振り返る
• 繰り返す技術課題の優先順位付け
• 今の仕事に合う学習記事探し

Reactやshadcn/uiで、状態管理や画面遷移を備えた複数部品の画面を制作し、Claudeの会話で共有できる単一HTMLにまとめるスキル。

• 複数の部品を組み合わせた画面制作
• 状態管理や画面遷移を加えたいとき
• Reactアプリを単一HTMLで共有

コードの読みやすさや複雑さ、重複、保守性を読み取り専用で分析し、重要な問題と改善案、技術的負債の見積もりをレポートにまとめるスキル。

• 認証モジュールの品質を確認したいとき
• 重複や長すぎる処理を探したいとき
• 技術的負債と改修工数の把握

会話メッセージをローカルモデル用の入力形式に整え、実行環境に渡す文字列を作ります。少数の意図を登録し、入力との類似度で振り分ける用途にも使えます。

• Ollama 向けの入力準備
• ローカルモデル用の会話整形
• 少数の意図への入力振り分け

文章やコード、文書を意味の比較に使う384次元の数値ベクトルに変換。検索や分類に向けて、出力ファイルの保存や変換結果の確認、メタデータの記録を行います。

• 意味で探す文書検索の準備
• 文章やコードの類似度比較の準備
• 近い内容の文書を分類する準備

技術選定や設計上の判断を残すADRを既存ファイルに続く連番で作成し、AgentDBへの登録と関連する過去の判断へのリンク付けまで行うスキルです。

• 技術採用の理由を残したいとき
• APIやデータモデル変更の記録
• インフラ構成の判断を文書化

HTMLの `<object>` 要素を点検し、埋め込み内容を読み込めない場合にも情報が伝わる代替テキストや代替コンテンツを整えるスキル。

• 代替内容のないobject要素の確認
• 埋め込みの読み込み失敗に備えたいとき
• 代替内容が同等の情報を伝えるか点検

ページの主要コンテンツを示すmain領域が一つだけあるかを確認し、重複や欠落を指摘して、スクリーンリーダー利用時の移動先を明確にするスキル。

• ページひな型のmain領域を確認
• 組み合わせたレイアウトのmain重複を修正
• スクリーンリーダーで本文への移動を確認

ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。

• ボタンの表示文字と名前を照合したいとき
• 音声操作しにくいリンクの点検
• アクセシビリティツールで修正を確認

HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。

• HTMLの自動転送を探したいとき
• サーバー側の転送に置き換えたいとき
• 読み上げ利用時のページ移動の点検

Web画面をキーボードだけで操作できるか点検し、Tabの移動順や非表示要素への移動、操作から抜け出せない問題を確認します。該当要素と修正・検証方法を示します。

• Tabで全操作要素に届くか確認
• 見た目に合うフォーカス順への修正
• 非表示要素をTabの移動対象から除外

Webページ内のiframeやframeに内容が伝わるタイトルがあるか点検します。空欄や説明不足を見つけ、スクリーンリーダーで埋め込み内容を識別しやすくする修正を支援します。

• 埋め込み広告やSNSのタイトル確認
• iframeのtitle欠落や空欄を調べたいとき
• スクリーンリーダーでのフレーム識別確認

画面に表示されたHTMLで、ARIA属性の参照先IDの重複を調べます。ラベルや説明の誤読につながる箇所を特定し、IDと参照の修正、確認方法を案内します。

• 読み上げるラベルの誤りを調べたいとき
• 繰り返し部品のID重複の点検
• デザインシステムのARIA参照確認

用語と説明を表すHTMLの構造を点検し、単独で使われているdt・ddをdlにまとめる修正を支援します。読み上げ支援で両者の関係を伝えるための確認も扱います。

• 用語集のHTML構造の点検
• 項目名と値を並べる表示のレビュー
• dlに囲まれていないdt・ddの修正

装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。

• 装飾画像の不要な読み上げの点検
• SVGやアイコンの読み上げ確認
• 共通の装飾コンポーネントの点検

画面部品の役割を示すARIAロールに必要な属性がそろっているか点検します。実際のHTMLと操作時の状態を確認し、読み上げに必要な情報の不足を修正します。

• 独自スライダーの必須属性の点検
• 共通UI部品のアクセシビリティレビュー
• 読み上げに伝わる状態情報の確認

HTMLに含まれるARIA属性の誤字や存在しない属性名を調べ、仕様に沿った名前への修正を支援します。支援技術に役割や状態が伝わるか、確認方法も案内します。

• HTMLのARIA属性の誤字点検
• 読み上げに状態が反映されない原因調査
• 共通部品のアクセシビリティ属性の確認

ファイル一覧や階層メニューの項目名と開閉状態を点検し、スクリーンリーダーで各項目を区別できるように、ARIA属性や表示テキストの修正を案内するスキル。

• ファイル一覧の項目名を点検したいとき
• 階層メニューの開閉状態の確認
• アイコンだけの項目への名前付け

画面の状態やラベルを支援技術へ伝えるARIA属性の値を点検し、真偽値の誤記や参照先IDの不備を見つけ、仕様に沿った修正と確認方法を示すスキル。

• 操作部品のARIA属性を点検したいとき
• ARIA属性の参照先IDを確認したいとき
• 公開前にアクセシビリティ修正を確認

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

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

ボタンやリンクの操作目的が読み上げで伝わるかを点検し、ARIAの役割を持つ要素のラベル不足を特定して、修正方法とブラウザでの確認手順を示します。

• ボタンやリンクのラベルを点検したいとき
• デザインシステムのアクセシビリティ点検
• ラベル修正後の読み上げ確認

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

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