ChromeDevTools
- 24 skills
- 0 followers
- 1 day ago last updated
- ▌ Gerrit CLI · chromedevtools bundleInteracts with the public Gerrit Code Review platform using depot_tools' gerrit_client.py. Use this skill when asked to query public CLs, retrieve published review comments, inspect formatted patches or complete file revisions, add patchset comments, vote on review labels, submit changes, or abandon/restore public CLs. Do not use this skill for Google-internal attention set updates or internal AI-assisted code reviews (CRUAS), which are unsupported by the public API.
- ▌ Devtools UI Widgets · chromedevtoolsGuidelines for building UI widgets using the MVP architecture in DevTools. Covers Widget lifecycle, lit-html views, and state management.
- ▌ Devtools CI · chromedevtoolsTriage and analyze Chromium/DevTools LUCI build results and trybot failures, including high-level builder status, compile errors, and detailed test failures. Use this to inspect trybot buildbucket (bb) results for a patchset overview or to query ResultDB directly for comprehensive, actionable information about specific test regressions and infrastructure issues.
- ▌ Devtools Version Control · chromedevtoolsUse when starting a new task, creating a branch, switching branches, managing branches, creating and uploading CLs, handling stacked changes, or checking release and roll status in the DevTools Gerrit-based workflow. ALWAYS use this instead of running standard git checkout/switch commands for branch creation.
- ▌ Devtools Imports · chromedevtoolsConventions for importing code in Devtools to avoid build errors. Covers cross-module imports, internal imports, and the "import * as" requirement.
- ▌
- ▌ Devtools Source Maps · chromedevtoolsGuidelines for utilizing source maps and structured stack traces in DevTools. Covers DebuggerWorkspaceBinding, StackTrace, SymbolizedError, and related UI widgets.
- ▌ Fixing Skipped Tests · chromedevtoolsUse this skill when unskipping a test that was previously skipped.
- ▌ Devtools Verification · chromedevtoolsMANDATORY: Activate this skill ANY TIME you need to build the project, run tests, or verify code health in DevTools. You MUST use this skill before executing commands like npm test, npm run build, autoninja, or linters, as it contains critical, repository-specific instructions on how to correctly format these commands, filter test runs, and interpret failures.
- ▌ Migrate Chromium Test · chromedevtoolsUse when migrating Chromium layout tests to DevTools unit tests or API tests.
- ▌ Merging Devtools Module · chromedevtoolsWorkflow for merging a DevTools submodule into its parent module. Covers BUILD.gn consolidation and updating devtools_grd_files.gni.
- ▌ Devtools Model Management · chromedevtoolsGuidelines for creating, migrating, and registering models in front_end/models/. Covers BUILD.gn, devtools_grd_files.gni, and entrypoints.
- ▌ Devtools Testing Guidance · chromedevtoolsGuidance on selecting the appropriate test suite (Unit, API, or E2E tests) when writing new tests in Chrome DevTools. MUST be used when writing new tests.
- ▌ Devtools Unicode Escaping · chromedevtoolsGuidelines for escaping strings and handling user-controlled data in DevTools to prevent layout bleed-through, XSS, and security issues.
- ▌ Foundation Test Migration · chromedevtoolsMigrating unit tests to foundation unit tests using TestUniverse and devtools_foundation_module. Use when moving tests away from DOM-heavy helpers like describeWithEnvironment or describeWithMockConnection.
- ▌ Devtools Setting Migration · chromedevtoolsWorkflow for splitting an existing SettingRegistration into a SettingDescriptor (placed in the lowest layer where used: core/, models/, or ui/settings/) and SettingUIDescriptor (registered in a higher-level -meta.ts file, outside of core/ and models/).
- ▌ Evaluate AI CSS Completion · chromedevtools bundleExpose a temporary evaluation hook in DevTools and run a Puppeteer script to validate CSS code completion trigger rates.
- ▌ UI Eng Vision Orchestrator · chromedevtoolsHigh-level orchestrator for managing multi-pass migration of Chrome DevTools legacy components to the modern UI engineering vision (UI.Widget & Lit-html).
- ▌ Devtools UX Writing Refactor · chromedevtoolsRefactor user-facing UIStrings and localization comments in a DevTools module folder according to UX writing guidelines (child task of b/40799900). Use when simplifying wording, checking sentence case, or improving L10n comments in UIStrings for a specific folder or issue. Don’t use for general code changes or non-UIStrings files.
- ▌ UI Eng Vision Test Scaffolder · chromedevtoolsScaffolds unit tests and screenshot tests to establish visual and functional rendering baselines for views before refactoring.
- ▌ UI Eng Vision Widget Promoter · chromedevtoolsPromotes legacy views to modern UI.Widget classes, hooks up performUpdate() rendering, and exports default views.
- ▌ UI Eng Vision Local Lit Renderer · chromedevtoolsMigrates legacy imperative DOM construction to local declarative Lit-html templates rendered inside existing containers.
- ▌ UI Eng Vision Logic Consolidator · chromedevtoolsConsolidates manual DOM creation, updates, and constructors into private helper methods and structured state interfaces.
- ▌ A11Y Debugging · chromedevtools bundleUses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.