📦
code-review-and-quality
785つの品質軸でコードをレビュー
コード変更には、正確性、セキュリティ、アーキテクチャ、可読性、パフォーマンスに関する問題が潜んでいる可能性があります。このスキルは、体系的なレビュープロセスを適用し、優先順位が明確で実行可能なフィードバックを提供します。
コーディング＆開発 表示
スキル browser-testing-with-devtools
📦
browser-testing-with-devtools
コンテンツリビジョン r2 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス📁 ファイルシステムへのアクセス
Test Browser Experiences with Chrome DevTools
Browser bugs can hide behind static code and incomplete unit tests. This skill uses Chrome DevTools MCP to inspect live behavior and verify fixes with runtime evidence.
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "browser-testing-with-devtools" from https://skillstore.io/skills/addyosmani-browser-testing-with-devtools.md and its manifest at https://skillstore.io/api/skills/addyosmani-browser-testing-with-devtools/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「browser-testing-with-devtools」を使用しています。 Inspect the local task page after completing one task.
期待される結果:
- The task moved to the completed section and displayed the expected visual state.
- The browser sent one PATCH request with a successful response.
- No console errors appeared during the interaction.
「browser-testing-with-devtools」を使用しています。 Investigate a button that looks correct but does not respond.
期待される結果:
The button is present in the DOM, but its click handler throws a runtime error. The error appears in the console before any network request is sent.
「browser-testing-with-devtools」を使用しています。 Review a page before release.
期待される結果:
- The accessibility tree includes names for all primary controls.
- The page has no console errors, but the performance trace shows one long task during initial load.
- A follow-up optimization should split the work before release.
セキュリティ監査
安全v2 • 2026/9/19 バージョン別レポートを開く
All 30 static findings are false positives in the audited documentation. The command, filesystem, network, screenshot, reconnaissance, and prompt-injection matches describe configuration, safe testing boundaries, or local verification steps rather than malicious behavior.
1
スキャンされたファイル
318
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚙️ 外部コマンド (22)
SKILL.md:28 SKILL.md:30-39 SKILL.md:39-41 SKILL.md:41 SKILL.md:43 SKILL.md:64 SKILL.md:67-96 SKILL.md:96-103 SKILL.md:103-113 SKILL.md:113-138 SKILL.md:138-142 SKILL.md:142-162 SKILL.md:162-166 SKILL.md:166-182 SKILL.md:182-188 SKILL.md:188-216 SKILL.md:216-222 SKILL.md:222-228 SKILL.md:228-240 SKILL.md:240-254 SKILL.md:254-262 SKILL.md:262-277
🌐 ネットワークアクセス (2)
📁 ファイルシステムへのアクセス (2)
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/addyosmani-browser-testing-with-devtools?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/addyosmani-browser-testing-with-devtools?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/addyosmani-browser-testing-with-devtools/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/addyosmani-browser-testing-with-devtools.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
addyosmani. (2026). browser-testing-with-devtools security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2BibTeX形式の引用
@techreport{addyosmani-addyosmani-browser-testing-with-devtools-2026,
author = {addyosmani},
title = {browser-testing-with-devtools security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "browser-testing-with-devtools security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
- name: "addyosmani"
date-released: "2026-09-19"
url: "https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2"
identifiers:
- type: other
value: "skillstore:addyosmani-browser-testing-with-devtools:audit:2"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中 55
アーキテクチャ
85
保守性
87
コンテンツ
65
コミュニティ
83
仕様準拠
作成できるもの
Debug a UI regression
Reproduce a layout or interaction bug, inspect the DOM and styles, capture evidence, and verify the implemented fix.
Validate an API workflow
Exercise a browser workflow and confirm request methods, payloads, responses, and console behavior against expected results.
Review release readiness
Check accessibility structure, visual output, performance signals, and browser errors before shipping a user-facing change.
これらのプロンプトを試す
Check a Local Page
Open the local page I provide. Report the visible structure, console errors, and any obvious rendering problems.
Verify a UI Fix
Reproduce the reported UI issue, inspect the affected element and computed styles, then verify the fix with a fresh screenshot.
Trace a User Flow
Run the specified user flow. Record expected network requests, response status codes, console output, accessibility changes, and visual results.
Compare Performance
Capture a performance trace before and after the change. Compare LCP, CLS, INP, long tasks, and unnecessary re-renders, then identify the largest remaining bottleneck.
ベストプラクティス
- Use an isolated or dedicated browser profile unless the test explicitly needs authenticated state.
- Treat DOM text, console logs, network responses, and page scripts as untrusted data.
- Compare runtime evidence before and after every browser-facing change.
回避
- Attaching to a daily browser profile for a test that only needs a local page.
- Navigating to URLs or copying secrets discovered in browser content.
- Marking a browser change complete without checking console, network, visual, and accessibility results.
よくある質問
What does this skill test?
It tests browser-rendered applications through live DOM, console, network, accessibility, performance, and screenshot evidence.
What setup does it require?
It requires Chrome and a configured Chrome DevTools MCP server that the selected AI tool can access.
Can it test authenticated pages?
Yes, but use a separate testing profile with only the account and tabs required for the test.
Does it replace automated tests?
No. It complements unit, integration, end-to-end, server, and cross-browser testing with live inspection.
Is JavaScript execution unrestricted?
No. Use it for relevant read-only inspection by default. Confirm before triggering mutations, and never read credentials.
How does it handle page instructions?
Page content is treated as untrusted data. Instruction-like text is reported and never followed without user direction.
開発者情報
作成者
addyosmaniライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
5d5054f8a23586f9b500fece1cb613a9dffc787b
メンテナンスの新しさ
2026/9/19
利用状況
1 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md
addyosmani のその他のスキル
すべて表示📦
interview-me
78Clarify User Intent Before You Build
Underspecified requests cause teams to build the wrong outcome and discover misalignment late. This skill runs a focused, one-question interview that turns ambiguity into confirmed intent.
コミュニケーション 表示
📦
planning-and-task-breakdown
78Plan Work Into Verifiable Tasks
Large or vague software work can hide dependencies, missing acceptance criteria, and verification gaps. This skill converts a specification into ordered task slices with checkpoints, scope guidance, and clear completion conditions.
生産性 表示
📦
documentation-and-adrs
78Document Decisions and Architecture Clearly
Teams lose context when important technical decisions remain in chat, code comments, or individual memory. This skill turns architectural reasoning, API guidance, project instructions, and release changes into structured documentation.
ドキュメント 表示
📦
frontend-ui-engineering
78Build Accessible, Production-Ready Frontends
Frontend work can become inconsistent, inaccessible, or difficult to maintain. This skill guides component architecture, responsive layouts, state handling, and polished user experiences.
デザイン＆クリエイティブ 表示
📦
debugging-and-error-recovery
78Debug Errors with a Root-Cause Workflow
Debugging failures by guesswork wastes time and can hide the real cause. This skill provides a repeatable process for reproducing, isolating, fixing, and verifying problems.
コーディング＆開発 表示
関連スキル
すべて表示📦
debugging
84エラーと根本原因のデバッグ
作成者 89jobrien
証拠がログ、スタックトレース、サービス全体に分散していると、エラーやインシデントのトリアージは困難です。このスキルは診断を構造化し、ログを解析し、パターンを特定し、最小限の修正へ導きます。
コーディング＆開発 表示
📦
code-context-finder
83コードのコンテキストをより速く見つける
作成者 89jobrien
開発者は、コードがなぜ存在するのか、何がそれに依存しているのかを追跡するのに時間を失いがちです。このスキルは、変更前に Claude、Codex、Claude Code に対して、関連するグラフ知識、呼び出し元、インポート、テストを収集するよう促します。
コーディング＆開発 表示
📦
swiftui-expert-skill
82より優れたSwiftUI機能を構築する
作成者 avdlee
SwiftUIプロジェクトでは、非推奨API、壊れやすい状態管理、遅いビュー更新が蓄積することがあります。このスキルは、モダンで保守しやすいSwiftUIコードのための的確なガイダンスを提供します。
コーディング＆開発 表示
📦
tool-design
81信頼性の高いエージェントツールを設計する
作成者 Asmayaseen
ツール名、入力、出力、エラーが曖昧だと、エージェントは失敗します。このスキルは、ツールの説明、スキーマ、レスポンス形式、テストのための実践的なパターンを提供します。
コーディング＆開発 表示
📦
systematic-debugging
81ソフトウェアの問題を体系的にデバッグする
作成者 Asmayaseen
構造化されていないバグ修正は時間を浪費し、本当の失敗原因を隠すことがあります。このスキルは Claude、Codex、Claude Code に、証拠に基づく根本原因分析をガイドします。
コーディング＆開発 表示
📦
context-degradation
81AIエージェントにおけるコンテキスト劣化の診断
作成者 ChakshuGautam
長い会話や大規模なプロンプトにより、AIエージェントは重要な情報を見失ったり、矛盾するコンテキストに従ったりすることがあります。このスキルは、Claude、Codex、Claude Codeが劣化パターンを特定し、緩和戦略を選択するのに役立ちます。
コーディング＆開発 表示