← 返回 Skills 市场

analyze frontend structure

Name: analyze frontend structure
Author: damutou95

作者 damutou95 · GitHub ↗ · v1.0.0

cross-platform ✓ 安全检测通过

297

总下载

当前安装

版本数

在 OpenClaw 中安装

/install analyze-frontend-structure

功能描述

This skill is used to scan any frontend project directory, automatically analyze routing structure and module division, and generate a universal module-page...

使用说明 (SKILL.md)

Features

Universal Routing Analysis: Automatically identifies and parses routing configuration files of different frontend frameworks, extracting routing paths, component associations, and other information.
Intelligent Module Recognition: Analyzes directory structure and component dependencies to identify project module divisions, regardless of framework.
Standardized Mapping Generation: Generates clear mapping relationships between modules and pages, including parent-child relationships, hierarchical structures, etc.
Intelligent Navigation Support: The generated mapping document can be directly used in intelligent navigation systems, supporting quick positioning and navigation.

Technical Implementation

Core Functions

Directory Scanning: Traverses the specified directory, identifies key files and directory structures, and adapts to different project organization methods.
Route Parsing: Parses common routing configurations such as Vue Router, React Router, Angular Router, etc.
Module Recognition: Intelligently identifies modules based on directory structure, naming conventions, and component reference relationships.
Mapping Generation: Generates standardized module-page mapping documents, supporting multiple output formats.

Supported Frameworks

Vue 2/3
React
Angular
Svelte
Solid

Usage

When user needs to analyze a frontend project structure, invoke this skill directly:

User provides the frontend project directory path
Skill automatically scans and analyzes
Generates module-page mapping document

Input Requirements

User needs to provide the directory path of the frontend project to be analyzed
Optional: specify framework type (vue, react, angular, svelte, solid), default is auto-detection
Optional: specify output format (json, markdown, html)
Optional: specify output file path

Output

Generates a mapping document containing:

Project Info: project name, framework type, analysis date
Module List: module name, route path, component file, nested sub-modules
Component List: component name, file path, which modules use it

安全使用建议

This skill appears coherent with its description: it expects a project directory and will analyze files there. Before running it, provide only a project directory (not your entire home or system paths), or run it against a read-only copy of the repository. Ask the skill author or registry for an implementation (scripts or code) or sample output so you can verify exactly which files will be read and whether any network access is performed. If you have sensitive files in the repository, remove or move them before analysis. If you require higher assurance, request an explicit guarantee that the agent will not access paths outside the supplied directory or transmit analyzed data externally.

功能分析

Type: OpenClaw Skill Name: analyze-frontend-structure Version: 1.0.0 The skill 'analyze-frontend-structure' is designed to perform static analysis of frontend project directories to map routes and modules. The documentation in skill.md describes legitimate developer-focused functionality and lacks any indicators of malicious intent, such as data exfiltration, unauthorized command execution, or deceptive instructions.

能力评估

✓ Purpose & Capability

Name/description match what the skill asks for: scanning a user-provided project directory, parsing routing/config files, and producing mapping outputs. There are no unrelated required binaries, env vars, or config paths.

ℹ Instruction Scope

SKILL.md instructs the agent to traverse and analyze a supplied directory and parse framework routing files. This is within scope, but the instructions are high-level (no concrete safe parsing rules or limits). The agent is given broad discretion about how to scan and infer modules, which could lead to unintended file reads if not constrained to the provided path.

✓ Install Mechanism

No install spec and no code files — instruction-only. This minimizes installation risk because nothing is written to disk by an installer.

✓ Credentials

No environment variables, credentials, or external config paths are requested. The declared inputs (directory path, optional framework/output type) are proportional to the stated functionality.

✓ Persistence & Privilege

Skill is not always-enabled and does not request persistent privileges or modify other skills' configurations. Autonomous invocation is allowed by platform default but not requested beyond normal behavior.

如何使用

确保已安装 OpenClaw（本地或 Docker 部署）
在对话框中输入安装命令：/install analyze-frontend-structure
安装完成后，直接呼叫该 Skill 的名称或使用 /analyze-frontend-structure 触发
根据 Skill 的参数说明提供必要输入，即可获得结构化输出

版本历史

v1.0.0

analyze-frontend-structure 1.0.0 – Initial Release - Scans frontend project directories to analyze routing and module structures across multiple frameworks. - Automatically detects and parses routing configurations for Vue, React, Angular, Svelte, and Solid projects. - Identifies and maps modules and their associated pages/components, including hierarchical relationships. - Generates standardized module-page mapping documents in multiple output formats. - Mapping output is compatible with intelligent navigation systems for quick project navigation. - Users can specify project path, framework type, output format, and output file location.

元数据

Slug analyze-frontend-structure

版本 1.0.0

许可证 —

累计安装 0

当前安装数 0

历史版本数 1

常见问题