本文へ移動
cccskills

「diff」の検索結果

2,701 件 ・ 関連度順

概要と使いどころ

responsive-units

無料日本語概要

文字サイズや幅、余白の固定ピクセル指定を点検し、画面幅や利用者の文字サイズ設定に合わせて表示が変わる相対単位への置き換えを支援します。

  • ブラウザの文字サイズ設定への対応
  • 固定幅から柔軟なレイアウトへの変更
  • コンポーネント内の余白単位の見直し
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

parallax-effects

無料日本語概要

背景と前景が異なる速さで動くパララックス演出を点検し、動きを減らす設定への対応と、演出なしでも必要な情報が伝わる静的な表示への修正を支援します。

  • Webサイトのパララックス演出の点検
  • 動きを減らす設定への対応確認
  • 動くコンテンツの静的な表示を用意
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

responsive-images

無料日本語概要

画面幅や解像度に合う画像を配信できるよう、srcsetとsizesを点検します。HTMLとCSSの表示幅を照合し、スマートフォンへの過大な画像配信を見直すスキルです。

  • 記事画像のレスポンシブ対応確認
  • スマホへの過大な画像配信の見直し
  • カードやギャラリーの画像サイズ点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

plain-language

無料日本語概要

Web画面の文章や操作説明を点検し、専門用語や複雑な文を分かりやすく整えるスキル。読者に合う言葉と文の長さを選び、次に取る行動が伝わる表現へ改善します。

  • Web画面の説明を平易にしたいとき
  • 一般読者向けに専門用語を説明
  • 画面の文章のアクセシビリティ確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

reading-level

無料日本語概要

ブログやランディングページの読みやすさを点検し、長い文や専門用語、受け身表現を見つけて、幅広い読者に伝わる文章への修正と見出しの整理を支援します。

  • ブログの読みやすさを確認したいとき
  • ランディングページの文章改善
  • 解説記事の専門用語を言い換えたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

og-url-match

無料日本語概要

SNSで共有されるページのURLと正規URLの不一致を調べ、追跡パラメータや末尾スラッシュなどの差を修正して、シェア数が分散する原因を点検するスキル。

  • SNSのシェア数が少ない原因を調べたいとき
  • 公開前のOpen Graphタグ点検
  • 追跡パラメータやURL表記ゆれの確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

has-selector

無料日本語概要

子要素の状態や入力内容に応じて親要素の見た目を変える処理を見直し、JavaScriptのクラス切り替えをCSSの :has() に置き換える支援をします。

  • クラス切り替え処理をCSSに移したいとき
  • 入力状態に応じたフォームの装飾
  • 子要素の有無に応じた親要素の装飾
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

image-optimization

無料日本語概要

Webページの画像形式・容量・表示サイズ・読み込み方法を点検し、修正を支援します。画面幅に応じた画像の出し分けや、読み込み時のレイアウトずれも扱います。

  • 表示が遅いページの画像容量・形式点検
  • モバイルとPCで画像サイズを出し分け
  • 画像読み込み時の表示ずれを防ぎたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

draggable-accessibility

無料日本語概要

ドラッグ&ドロップをキーボードやスクリーンリーダーでも使えるか点検し、実際に表示されるHTMLを基に、代替操作や操作状況の読み上げを整えるスキル。

  • ドラッグ操作のキーボード対応確認
  • スクリーンリーダーへの状態通知確認
  • 出力されたHTMLの点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

cross-origin-security

無料日本語概要

異なるサイト間の通信をコードとブラウザの動作から点検し、CORS設定、メッセージの送信元確認、認証後の転送先などの問題を見つけて修正するスキル。

  • 認証が必要なAPIのCORS設定の点検
  • postMessageの送信元検証
  • ログインやSSO後の転送先を確認したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

css-non-blocking

無料日本語概要

ページの初期表示を待たせるCSSの読み込みを点検し、必要なスタイルの埋め込みや後回しの読み込みを支援します。画面幅や操作状態ごとの表示も確認しながら修正を検討します。

  • 初期表示を遅らせるCSSを調べたいとき
  • 最初に必要なCSSと後回しのCSSの整理
  • preloadやmediaによる読み込みの点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

css-grid

無料日本語概要

行と列を同時にそろえる画面レイアウトを見直し、CSS Gridへの置き換えや、画面幅・内容に応じて配置が変わるグリッドの設計を支援するスキル。

  • 二次元のFlexboxやfloat配置の見直し
  • 画面幅に応じたカード一覧の配置
  • 入れ子の要素を親グリッドにそろえたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

accessible-authentication

無料日本語概要

ログインから多要素認証、アカウント復旧までを点検し、貼り付け禁止や認証コードの手入力など、利用者を妨げる認証の問題を見つけて改善を支援するスキル。

  • ログイン全体のアクセシビリティ点検
  • 認証コードの貼り付けと自動入力の確認
  • パスワード再設定と復旧手順の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

plan

無料

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.

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

asgeirtj/system_prompts_leaks7万2026年10月14日 更新

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.

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

asgeirtj/system_prompts_leaks7万2026年10月14日 更新

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.

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

asgeirtj/system_prompts_leaks7万2026年10月14日 更新

pptx

無料

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.

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

asgeirtj/system_prompts_leaks7万2026年10月14日 更新

verify

無料

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.

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

asgeirtj/system_prompts_leaks7万2026年10月14日 更新

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.

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

rohitg00/ai-engineering-from-scratch7万2026年10月15日 更新

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.

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

usestrix/strix6.9万2026年10月15日 更新

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.

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

openinterpreter/openinterpreter6.9万2026年10月11日 更新

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.

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

calesthio/OpenMontage6.9万2026年10月13日 更新

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.

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

heygen-com/hyperframes6.4万2026年10月15日 更新

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.

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

remotion-dev/remotion6.4万2026年10月15日 更新