← Back to Skills Marketplace
297
Downloads
1
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install analyze-frontend-structure
Description
This skill is used to scan any frontend project directory, automatically analyze routing structure and module division, and generate a universal module-page...
README (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
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install analyze-frontend-structure - After installation, invoke the skill by name or use
/analyze-frontend-structure - Provide required inputs per the skill's parameter spec and get structured output
Version History
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.
Metadata
Frequently Asked Questions
What is 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... It is an AI Agent Skill for Claude Code / OpenClaw, with 297 downloads so far.
How do I install analyze frontend structure?
Run "/install analyze-frontend-structure" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is analyze frontend structure free?
Yes, analyze frontend structure is completely free (open-source). You can download, install and use it at no cost.
Which platforms does analyze frontend structure support?
analyze frontend structure is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created analyze frontend structure?
It is built and maintained by damutou95 (@damutou95); the current version is v1.0.0.
More Skills