devtools-imports

Name: devtools-imports
Author: ChromeDevTools

Skill by ChromeDevTools · updated today · ★ 4.1k

Score 83

Conventions for importing code in Devtools to avoid build errors. Covers cross-module imports, internal imports, and the "import * as" requirement. devtools-imports is published by ChromeDevTools on GitHub.

Install GitHub

Works withClaude CodeClaude apps Antigravity CLI

Maintenance

Last commit in the past day

Licence

BSD-3-Clause: permissive, fine for commercial use

Quality

Clear description, installs from GitHub, 4,081 stars, original repository

Security

Not checked yet. What we check

Install devtools-imports

Built from the published package, never by AI

git clone --depth 1 https://github.com/ChromeDevTools/devtools-frontend /tmp/devtools-frontend && mkdir -p ~/.claude/skills && cp -r /tmp/devtools-frontend/.agents/skills/devtools-imports ~/.claude/skills/devtools-imports

Run in your terminal. Claude Code loads skills from ~/.claude/skills automatically.

Step-by-step: install devtools-imports in Claude Code

git clone --depth 1 https://github.com/ChromeDevTools/devtools-frontend /tmp/devtools-frontend && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/devtools-frontend/.agents/skills/devtools-imports ~/.gemini/antigravity-cli/skills/devtools-imports

Antigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.

Step-by-step: install devtools-imports in Antigravity CLI

Skills can run scripts on your machine. Some need an API key: check the README.

Alternatives to devtools-imports

All alternatives →

release-processfossasia

Version bumping, release workflow, and PyPI publishing process for Visdom

AAA Skill 10k

mobilebuildmcp-rendering-streaming-reviewgetsentry

Use when reviewing MobileBuildMCP rendering, streaming fragment, next-step, and CLI output mode changes for boundary violations.

AAA Skill 6.5k

loading-indicatorsthedaviddias

Use when auditing slow page loads, heavy assets, or rendering delays related to Show loading indicators. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

AAA Skill 75k

js-librariesthedaviddias

Use when auditing slow page loads, heavy assets, or rendering delays related to Use secure and up-to-date JS libraries. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

AAA Skill 75k

form-field-multiple-labelsthedaviddias

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use a single label for each form field. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

AAA Skill 75k

Shade importsTryGhost

Import Shade from layer-specific subpaths (primitives, components, patterns, page-templates, utils), never the root barrel. Trigger when editing TSX/TS in Shade-consuming apps.

AAA Skill 56k

devtools-imports vs release-process devtools-imports vs mobilebuildmcp-rendering-streaming-review devtools-imports vs loading-indicators

devtools-imports: common questions

How do I install devtools-imports?

Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.

Is devtools-imports free?

The code is published under the BSD-3-Clause licence. The service it connects to may have its own pricing.

Is devtools-imports safe to use?

It scores 83 of 100. Grades: maintenance A, licence A, quality A. The security check has not run for it yet. Review the code before you install. How grades work.

What are alternatives to devtools-imports?