文字サイズや幅、余白の固定ピクセル指定を点検し、画面幅や利用者の文字サイズ設定に合わせて表示が変わる相対単位への置き換えを支援します。
- ブラウザの文字サイズ設定への対応
- 固定幅から柔軟なレイアウトへの変更
- コンポーネント内の余白単位の見直し
2,701 件 ・ 関連度順
概要と使いどころ
文字サイズや幅、余白の固定ピクセル指定を点検し、画面幅や利用者の文字サイズ設定に合わせて表示が変わる相対単位への置き換えを支援します。
背景と前景が異なる速さで動くパララックス演出を点検し、動きを減らす設定への対応と、演出なしでも必要な情報が伝わる静的な表示への修正を支援します。
画面幅や解像度に合う画像を配信できるよう、srcsetとsizesを点検します。HTMLとCSSの表示幅を照合し、スマートフォンへの過大な画像配信を見直すスキルです。
Web画面の文章や操作説明を点検し、専門用語や複雑な文を分かりやすく整えるスキル。読者に合う言葉と文の長さを選び、次に取る行動が伝わる表現へ改善します。
ブログやランディングページの読みやすさを点検し、長い文や専門用語、受け身表現を見つけて、幅広い読者に伝わる文章への修正と見出しの整理を支援します。
SNSで共有されるページのURLと正規URLの不一致を調べ、追跡パラメータや末尾スラッシュなどの差を修正して、シェア数が分散する原因を点検するスキル。
子要素の状態や入力内容に応じて親要素の見た目を変える処理を見直し、JavaScriptのクラス切り替えをCSSの :has() に置き換える支援をします。
Webページの画像形式・容量・表示サイズ・読み込み方法を点検し、修正を支援します。画面幅に応じた画像の出し分けや、読み込み時のレイアウトずれも扱います。
ドラッグ&ドロップをキーボードやスクリーンリーダーでも使えるか点検し、実際に表示されるHTMLを基に、代替操作や操作状況の読み上げを整えるスキル。
異なるサイト間の通信をコードとブラウザの動作から点検し、CORS設定、メッセージの送信元確認、認証後の転送先などの問題を見つけて修正するスキル。
ページの初期表示を待たせるCSSの読み込みを点検し、必要なスタイルの埋め込みや後回しの読み込みを支援します。画面幅や操作状態ごとの表示も確認しながら修正を検討します。
行と列を同時にそろえる画面レイアウトを見直し、CSS Gridへの置き換えや、画面幅・内容に応じて配置が変わるグリッドの設計を支援するスキル。
ログインから多要素認証、アカウント復旧までを点検し、貼り付け禁止や認証コードの手入力など、利用者を妨げる認証の問題を見つけて改善を支援するスキル。
On an explicit planning request, always call `read_skill` for this skill before answering. Research first, then return one concise inline plan; do not create a plan file unless the user explicitly asks or a governing workflow requires one. Start and end the reply by saying this is not a special mode and `go` executes the plan; do not implement in the planning turn. For ordinary implement, build, fix, debug, or refactor requests, work directly. When an explicit plan divides work into separate diffs, commits, or PRs and the user asks to publish, preserve that split and tell the user before deviating.
日本語の概要は準備中です。原文の説明を表示しています。
Choose or design a speaking voice when the user asks for a new, different, custom, invented, or generated voice, or restore the voice used immediately before the current one.
日本語の概要は準備中です。原文の説明を表示しています。
Review the current diff, or a PR number/branch/path target, for correctness bugs (plus reuse/simplification/efficiency cleanups where the model's review recipe covers them) at the given effort level (low|medium|high|xhigh|max: from few high-confidence findings up to many, some of them uncertain; ultra: deep multi-agent review in the cloud); with no level given, it reuses the level you typed last. Pass --comment to post findings as inline PR comments, or --fix to apply the findings to the working tree after the review. Pass --max-findings <n> to report up to n findings, or --max-findings all for every finding. The choice stays until you pass --max-findings default. For ultra on a GitHub.com PR target, --post asks to post the finished review’s findings to the PR as a single comment from the user’s GitHub account (not a review; the launch dialog still confirms in interactive sessions, while non-interactive mode posts on the flag alone) and --no-post hides that option.
日本語の概要は準備中です。原文の説明を表示しています。
Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations as PowerPoint (.pptx) files; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email, summary, or creating a different type of slide deck); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user asks for a PowerPoint or .pptx file, or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. However, when the user asks for a deck, slides, a slide deck, or a presentation without naming a file format, default to using a dedicated slide-deck artifact type or a separate slides skill if this session offers one; otherwise, use this skill.
日本語の概要は準備中です。原文の説明を表示しています。
Verify that a code change actually does what it's supposed to by exercising it end-to-end and observing behavior — drive the affected flow, not just tests or typecheck. Run before committing nontrivial changes; bootstraps this repo's project verify skill if none exists yet. Don't invoke it on a diff that only touches tests, docs, or other code with no runtime surface to drive (a change to product source always has one) — there's nothing to observe.
日本語の概要は準備中です。原文の説明を表示しています。
Focused interactive tutor for the Reverse Engineering path in AI Engineering from Scratch. Start or resume this route when a learner wants to read a compiled program: file formats, disassembly, control flow, lifting, evidence, proof, calling conventions, compiler idioms, linking, types, debugging, bytecode, diffing, symbolic execution, and AI-assisted analysis. Teaches one lesson per invocation and records evidence in REVERSE-ENGINEERING-LEARNING.md.
日本語の概要は準備中です。原文の説明を表示しています。
Add security scanning to CI/CD with Strix — GitHub Actions, GitLab CI, or any pipeline — so every pull request gets a diff-scoped AI pentest that blocks vulnerable code before it merges, with results as PR comments and SARIF uploaded to code scanning. Covers both the self-hosted open-source CLI (runs in your runner) and the managed app.strix.ai platform (GitHub/GitLab app or API, no runner infra). Use when the user asks to add security scanning, SAST/DAST, pentesting, vulnerability checks, or automated security review to their CI pipeline, pre-merge gate, or PR workflow.
日本語の概要は準備中です。原文の説明を表示しています。
Perform a read-only, defect-first review of a specified code change and return every actionable finding. Use when another agent delegates review of uncommitted changes, a base-branch diff, a commit, or custom review instructions.
日本語の概要は準備中です。原文の説明を表示しています。
Create AI avatar videos with precise control over avatars, voices, scripts, scenes, and backgrounds using HeyGen's v2 API. Use when: (1) Choosing a specific avatar and voice for a video, (2) Writing exact scripts for an avatar to speak, (3) Building multi-scene videos with different backgrounds per scene, (4) Creating transparent WebM videos for compositing, (5) Using talking photos as video presenters, (6) Integrating HeyGen avatars with Remotion, (7) Batch video generation with exact specs, (8) Brand-consistent production videos with precise control.
日本語の概要は準備中です。原文の説明を表示しています。
Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR topic explainer (/faceless-explainer). Unclear → /hyperframes.
日本語の概要は準備中です。原文の説明を表示しています。
Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to required nullable values and updating call sites. Use when a PR, review, or user asks to forbid new `foo?: T` / `param?: T` additions except for exported or documented public APIs where requiring the value would be breaking.
日本語の概要は準備中です。原文の説明を表示しています。