「how to」の検索結果

キーボード操作中の選択位置を示すフォーカス表示を点検し、輪郭線の消失や見切れ、配置ずれを確認して、見やすいCSSへの修正を支援するスキル。

• キーボード操作の選択位置を確認したいとき
• 輪郭線を消したCSSの見直し
• フォーカス枠の見切れや位置ずれの修正

ページに最初の文字や画像が現れるまでの時間を測り、表示を妨げるCSSやJavaScript、サーバー応答の遅れを調べて、改善箇所を具体化するスキル。

• ページの初期表示が遅い原因を調べたいとき
• 描画を妨げるCSSやJavaScriptの確認
• 測定に基づく読み込み性能のレビュー

CSSに散らばる色・余白・文字サイズの指定を見つけ、共通のCSSカスタムプロパティへ整理します。テーマ変更や画面幅ごとの表示を確認しながら修正を提案します。

• 重複する色や余白の整理
• ブランド変更に向けたCSS整備
• ダークモード用の値の見直し

表示されない画像や失敗しやすい参照先を調べ、ファイルパスの修正と代替画像への切り替えを支援し、読み込みエラー時の表示まで確認するスキル。

• 商品画像が欠ける原因を調べたいとき
• ビルド後の画像パス確認
• 外部画像に代替表示を付けたいとき

文章だけでは伝わりにくい情報を、会話内で表示するグラフ・表・図解・ダッシュボードにまとめます。外部通信に頼らないHTMLを作り、明暗テーマとスマホ幅で確認します。

• 数値の傾向をグラフで伝えたいとき
• 違いを表や図で比較したいとき
• 会話内でダッシュボードを表示

教材の図を動かしたり、スライダーで数値を変えて結果を示したりするスキル。仕組みを操作して確かめる図や、ページの見出しを飾る動くドット模様も作れます。

• 教材の処理の流れを動かしたいとき
• 数式の変化をスライダーで示したいとき
• システムの仕組みを操作して学ぶ図

既存のブランド資料やコードから色・書体・余白、部品や画像を整理し、利用ルールとプレビューを備えたデザインシステムを作成・更新するスキルです。

• 既存コードや資料からルールを整理
• 色・書体・余白の仕様をまとめたいとき
• ロゴ・アイコン・部品の見本を集約

Word文書やテンプレートの作成・編集、内容の抽出を行うスキル。画像の差し替え、変更履歴やコメントの操作に加え、出力後の見た目や文書構造も確認します。

• 体裁を整えたWord報告書の作成
• Word本文の抽出と再構成
• 変更履歴とコメントによるレビュー

予定、メール、チャットから一日の流れと対応が必要な事項を集め、見渡しやすいHTMLの朝のブリーフにまとめます。平日の定期実行も設定できます。

• 今日の予定を視覚的に把握したいとき
• 今日対応すべき未返信の依頼の確認
• 明日の会議に向けた具体的な準備

文字や数字、グラフ、ロゴに動きを付けた短い動画を制作します。素材の準備から構成、描画、検証まで進め、MP4や背景が透明な重ね合わせ用動画に出力します。

• 見出しや短い文章を動かしたいとき
• 重要な数字やグラフのアニメーション
• 短いロゴ登場演出の制作

Remotion動画に、ツールキット付属の背景や比較画面、独自の場面転換を組み込む作業を支援します。30fpsでの時間配分や描画時の実装規約も扱います。

• グリッチや光漏れで場面を切り替える
• 2本の動画を並べて比較したいとき
• 解説者の小窓やロゴを重ねたいとき

段階表示やクリックによる分岐、発表者用ノートを備えた操作可能なスライドを作成します。既存ページの見た目や動きを引き継ぐスライド化にも対応します。

• ノート付きの提案資料を作りたいとき
• 要点を一つずつ表示したいとき
• クリックで補足資料を開きたいとき

プロジェクトのファイルや会話履歴を原文のまま保存し、意味に基づいて検索するスキルです。過去の判断やコードの再発見から、記憶の整理状況の点検まで支援します。

• 会話履歴から過去の判断を探したいとき
• プロジェクトのファイルを検索したいとき
• 保存済みの記憶と整理状況の確認

商品・記事・企業情報などを検索エンジンに伝える構造化データを追加・修正します。ページに合う形式の選定からJSON-LDの実装、検証項目の整理まで支援します。

• 商品・記事ページに構造化データを追加
• 既存マークアップのエラーを直したいとき
• パンくずリストの構造化データを実装

ウェブサイトに必要なページと階層を整理し、メニュー、URL、内部リンクを設計します。構成図やURL一覧にまとめ、新規制作や既存サイトの再編計画に役立てます。

• 新規サイトのページ構成を決めたいとき
• 既存サイトのメニューを整理したいとき
• ブログ追加時のURLと内部リンク設計

新製品や新機能の公開に向けて、段階的な告知と集客の計画を立てます。先行利用者の募集、Product Huntの準備、公開当日の対応、公開後の案内まで整理します。

• 新製品の公開計画を立てたいとき
• ベータ版や先行登録者への案内計画
• Product Hunt公開の準備

AIエージェントに外部機能を追加する際、MCPとSkill Hubの使い分け、接続方法、ツール設計、トークン消費と安全性の確認を支援するスキル。

• MCPとスキル配布を選びたいとき
• MCPサーバーと接続方式の設計
• 外部ツールと認証権限の安全確認

Analyze a codebase and recommend Claude Code automations (hooks, subagents, skills, plugins, MCP servers). Use when user asks for automation recommendations, wants to optimize their Claude Code setup, mentions improving Claude Code workflows, asks how to first set up Claude Code for a project, or wants to know what Claude Code features they should use.

日本語の概要は準備中です。原文の説明を表示しています。

Tools are how AI agents interact with the world. A well-designed tool is the difference between an agent that works and one that hallucinates, fails silently, or costs 10x more tokens than necessary. This skill covers tool design from schema to error handling.

日本語の概要は準備中です。原文の説明を表示しています。

Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for OAuth, OIDC, redirect flows, state or nonce handling, PKCE, token exchange, refresh logic, claim mapping, and accepted login paths. Use when the user asks to trace redirects, callback parameters, scopes, state, nonce, PKCE, refresh tokens, consent, or explain how an OAuth or OIDC chain turns into accepted identity or privilege. Use only after `$ctf-sandbox-orchestrator` has already established sandbox assumptions and routed here.

日本語の概要は準備中です。原文の説明を表示しています。

Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for enterprise mail abuse, OAuth consent, inbox or forwarding rules, transport rules, shared mailbox access, phishing chains, and token-to-mailbox side effects. Use when the user asks to trace mailbox rules, OAuth consent grants, forwarding or delegate abuse, shared mailbox access, message-trace evidence, or explain how mail artifacts turn into persistence, exfiltration, or privilege. Use only after `$ctf-sandbox-orchestrator` has already established sandbox assumptions and routed here.

日本語の概要は準備中です。原文の説明を表示しています。

Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for JWT, JWS, and JWE validation paths, header parsing, key selection, claim acceptance, audience and issuer checks, role derivation, and token-to-identity confusion bugs. Use when the user asks to inspect JWT headers or claims, key lookup, `kid` handling, `alg` confusion, audience or issuer validation, role claims, or explain how a token becomes accepted identity or privilege. Use only after `$ctf-sandbox-orchestrator` has already established sandbox assumptions and routed here.

日本語の概要は準備中です。原文の説明を表示しています。

Two related workflows for a locally-cloned codebase, in one skill. Documentation mode produces a single, comprehensive, verifiable architecture document primarily by reading files on disk (local-first) — use it whenever the user wants to understand, map, document, research, or onboard onto a codebase ("research this repo", "write up the architecture", "do an architecture deep dive", "document how this codebase works", "map the system design", "create an onboarding doc"). Modernization mode generates a phased plan to modernize, migrate, upgrade, or rewrite a legacy system ("modernize this", "plan the migration", "how would we rewrite this", "how do we get off this legacy stack"); if no architecture document exists yet it first runs Documentation mode, then continues straight through to the plan. It assumes the legacy stack may be dead, runs a time-boxed feasibility spike, and picks the highest achievable rung on a safety ladder instead of demanding a fully-green legacy CI gate up front.

日本語の概要は準備中です。原文の説明を表示しています。

Analyze a codebase and recommend Claude Code automations (hooks, subagents, skills, plugins, MCP servers). Use when user asks for automation recommendations, wants to optimize their Claude Code setup, mentions improving Claude Code workflows, asks how to first set up Claude Code for a project, or wants to know what Claude Code features they should use.

日本語の概要は準備中です。原文の説明を表示しています。