skills.rest
tianzecn
tianzecnCOMMUNITY
Explore all skills by this author →
GitHub

dependency-check

Verify Chrome DevTools MCP and OpenRouter API key before frontend commands.

2|Updated Dec 25, 2025
Search Tags:#frontend#dependencies#OpenRouter#UI tests#Chrome DevTools MCP
One-click install
npx skills add https://github.com/tianzecn/myclaudecode --skill dependency-check
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dependency-check
Source: https://github.com/tianzecn/myclaudecode/tree/main/plugins/frontend/skills/dependency-check
Command: npx skills add https://github.com/tianzecn/myclaudecode --skill dependency-check

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill standardizes pre-checks for frontend commands by confirming the presence of essential dependencies (Chrome DevTools MCP, OpenRouter API) before running commands that require them, thereby reducing wasted effort and guiding setup.

Core Features & Use Cases

  • Pre-check protocol: Validate required tools before /implement, /review, or /validate-ui tasks.
  • Clear guidance: If a dependency is missing, present setup steps and fallback options.
  • Guarded workflows: Enable graceful degradation when dependencies are unavailable.

Quick Start

At the start of relevant commands, run dependency-check to ensure MCP and API keys are configured; if not, present setup instructions and offer to continue with embedded or limited functionality.

Frequently Asked Questions about dependency-check

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify frontend dependencies before running UI tests?▼

Dependency-check validates required frontend tooling—Chrome DevTools MCP and OpenRouter API key—before /implement, /review, and /validate-ui commands execute. If either is missing, it prompts you with setup steps and options to proceed, install, or configure.

What happens if Chrome DevTools MCP isn't installed?▼

The dependency-check protocol detects missing Chrome DevTools MCP at task start and presents installation guidance. You can then choose to install it, configure an alternative, or continue with limited functionality.

Do I need an OpenRouter API key configured to run UI tasks?▼

Yes. Dependency-check confirms OpenRouter API key configuration as part of its pre-check protocol. If missing, it prompts you to add the key or offers fallback options before proceeding with UI validation.

When should I run dependency-check in my workflow?▼

Dependency-check runs automatically at the start of /implement, /review, and /validate-ui commands to prevent wasted effort. It executes a two-phase protocol: MCP availability first, then API key validation, stopping only if you decline to proceed.

Can I skip dependency checks and continue anyway?▼

Yes. After dependency-check identifies missing components, it uses an interactive prompt to let you decide whether to proceed, install, or configure the missing dependencies before moving forward.

Related Skills

Explore More Software Engineering Skills→
jclfocusedjclfocused
2

mcp-project-config

Configure MCP servers for Linear, GitHub, Chrome DevTools, and Render.

Community
Intermediate
cpfcoachingcpfcoaching

browser-testing-with-devtools

Execute end-to-end browser tests using Chrome DevTools MCP server.

Community
Advanced
JustinWangJPJustinWangJP
6

chrome-devtools

Automate browser debugging and web page manipulation via Chrome DevTools MCP.

Community
Intermediate
okxokx
396

okx-cex-auth

Manages OAuth and API-key access tokens for the OKX CLI.

Official
Advanced