← Back to Skills Marketplace
vue-component-analyzer
by
baozaibuding
· GitHub ↗
· v1.0.0
· MIT-0
103
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install vue-component-analyzer
Description
分析 Vue 前端项目的组件依赖关系，从入口文件开始递归分析所有组件，生成组件层级关系图。支持 Vue 2 和 Vue 3 项目，输出包含组件名称、文件路径和所需属性。使用当用户需要分析 Vue 组件结构、排查组件依赖关系或理解项目架构时。
Usage Guidance
This skill appears coherent and only needs access to your project files to work. Before installing or enabling it for autonomous runs: 1) be aware it will read source files in the project workspace — that can include any secrets embedded in code (API keys, tokens) so only run it in trusted repositories; 2) the implementation notes use regex-based parsing, which is brittle and may miss complex dynamic import patterns or TypeScript edge cases—expect some false negatives; 3) because it is instruction-only and has no install, there are no added binaries or network endpoints, but granting the agent filesystem access is the key permission here; if you are concerned, run it in an isolated/copy workspace or review outputs before sharing them externally.
Capability Analysis
Type: OpenClaw Skill
Name: vue-component-analyzer
Version: 1.0.0
The skill bundle is a legitimate tool designed to analyze Vue.js project component dependencies. The instructions in SKILL.md and the logic in implementation.md focus exclusively on parsing local source files, extracting component relationships, and generating visualization reports (Markdown, JSON, Mermaid). There is no evidence of data exfiltration, malicious execution, or prompt injection attempts.
Capability Assessment
Purpose & Capability
The name/description (analyze Vue component dependency graph) align with the instructions and implementation notes (locate entry file, parse .vue files, extract imports/props, generate Markdown/JSON/Mermaid). No unrelated permissions, env vars, or binaries are requested.
Instruction Scope
SKILL.md and implementation.md instruct the agent to read project files, parse templates/scripts/imports, and recurse through component imports. These file and path operations are appropriate and necessary for the stated task. The instructions do not direct the agent to read unrelated system files, environment variables, or send data to external endpoints.
Install Mechanism
This is an instruction-only skill with no install spec and no external downloads; nothing is written to disk by an installer. That is proportionate for a static analysis helper.
Credentials
No environment variables, credentials, or config paths are required. The skill works by reading project source files only, which is consistent with its purpose.
Persistence & Privilege
The skill does not request permanent inclusion (always:false). The default of allowing autonomous invocation is present but not unusual; note that autonomous invocation would let the agent run the file-reading/parsing behavior without manual prompts. This is expected for a code-analysis skill but worth considering in policy decisions.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install vue-component-analyzer - After installation, invoke the skill by name or use
/vue-component-analyzer - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release of vue-component-analyzer:
- Recursively analyzes Vue 2 and Vue 3 component dependencies from the entry file.
- Extracts component names, file paths, and props (name, type, required, default).
- Supports both Options API and Composition API (including <script setup>).
- Outputs results in Markdown tree, JSON, and Mermaid chart formats.
- Ignores third-party library components; handles path aliases and circular dependencies.
- Recognizes static and dynamic component imports and async components.
Metadata
Frequently Asked Questions
What is vue-component-analyzer?
分析 Vue 前端项目的组件依赖关系，从入口文件开始递归分析所有组件，生成组件层级关系图。支持 Vue 2 和 Vue 3 项目，输出包含组件名称、文件路径和所需属性。使用当用户需要分析 Vue 组件结构、排查组件依赖关系或理解项目架构时。 It is an AI Agent Skill for Claude Code / OpenClaw, with 103 downloads so far.
How do I install vue-component-analyzer?
Run "/install vue-component-analyzer" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is vue-component-analyzer free?
Yes, vue-component-analyzer is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does vue-component-analyzer support?
vue-component-analyzer is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created vue-component-analyzer?
It is built and maintained by baozaibuding (@baozaibuding); the current version is v1.0.0.
More Skills