Shade imports

Name: Shade imports
Author: TryGhost

Skill by TryGhost · updated today · ★ 56k

Score 84

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. Shade imports is published by TryGhost on GitHub.

Install GitHub

Works withClaude CodeClaude apps Antigravity CLI

Maintenance

Last commit in the past day

Licence

MIT: permissive, fine for commercial use

Quality

Clear description, installs from GitHub, 55,575 stars, original repository

Security

Not checked yet. What we check

Install Shade imports

Built from the published package, never by AI

git clone --depth 1 https://github.com/TryGhost/Ghost /tmp/Ghost && mkdir -p ~/.claude/skills && cp -r /tmp/Ghost/.agents/skills/shade-imports ~/.claude/skills/shade-imports

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

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

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

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

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

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

Alternatives to Shade imports

All alternatives →

aria-deprecated-rolethedaviddias

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid using deprecated ARIA roles. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

AAA Skill 75k

heading-orderthedaviddias

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Maintain logical heading order. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

AAA Skill 75k

definition-listthedaviddias

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use correct definition list structure. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

AAA Skill 75k

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

update-depspydantic

Create a PR in which all dependencies are updated to their latest versions and CI is passing. Only user initiated.

AAA Skill 4.5k

aria-allowed-attrthedaviddias

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use only allowed ARIA attributes for each role. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

AAA Skill 75k

Shade imports vs aria-deprecated-role Shade imports vs heading-order Shade imports vs definition-list

Shade imports: common questions

How do I install Shade imports?

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

Is Shade imports free?

The code is published under the MIT licence. The service it connects to may have its own pricing.

Is Shade imports safe to use?

It scores 84 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 Shade imports?