A specialized skill for extracting, summarizing, and organizing structural data and component annotations from public Modao prototype projects.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install modao
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install modao using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Modao Hot Trend?
Modao Hot Trend is a dedicated technical utility designed for the Openclaw Skills ecosystem to streamline the inspection of public Mockitt (Modao) prototypes. It focuses on retrieving high-level structural information, interaction flows, and detailed component annotations from shared project links. By providing a bridge between design prototypes and documentation, it helps teams understand project scopes and design specs without manual copy-pasting.
The skill operates exclusively on public sharing pages, ensuring a lightweight and secure approach to information retrieval. It is particularly useful for developers and product managers who need to audit design systems or extract interaction logic from existing Modao projects efficiently within their Openclaw Skills powered workflows.
Modao Hot Trend Use Cases
- Summarizing page structures and interaction flows for project audits.
- Extracting component metadata such as dimensions, color values, and specific annotations.
- Compiling resource link collections for design handoffs, including layers and export specifications.
- Analyzing public design shares to generate technical documentation or task breakdowns.
How Modao Hot Trend Works
- The agent receives a public Modao project share link as an entry point.
- It initiates a browser-based session to access the dynamic page content.
- The skill waits for the prototype's dynamic elements to finish loading to ensure data accuracy.
- It parses the DOM to extract page names, interaction targets, and specific component annotations.
- The gathered information is formatted into structured summaries or data tables for the user.
Modao Hot Trend Setup
To integrate this skill into your local environment, use the following command:
# Install the modao-hot-trend skill via the Openclaw CLI
openclaw install modao-hot-trend
No additional authentication is required as this skill specifically targets public sharing links to maintain security and compliance within the Openclaw Skills framework.
Modao Hot Trend Data Schema & Taxonomy
The skill organizes extracted prototype data into the following schema:
| Category | Data Fields |
|---|---|
| Page Info | Page Name, Interaction Targets, Update Time, Owner, URL |
| Components | Component Name, Dimensions, Color Values, Annotation Content, Asset Links |
| Design Specs | Specification Titles, Entry Point Links, Documentation Links |
All data is processed as read-only and is not stored externally by the skill itself.
Modao Hot Trend Advanced Features
- Smart dynamic loading detection to handle JavaScript-heavy prototype renders.
- Automated interaction mapping to visualize flows between different prototype screens.
- Bulk collection of design tokens and exportable asset references.
- Rate-limiting and frequency control to ensure stable access to public prototype pages within Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
Bilibili Video Prompt Analyzer
A specialized tool for reverse-engineering AI-generated Bilibili videos into high-fidelity, production-ready prompts and scene breakdowns.
LOGO Design & Monetization AI Skill
A comprehensive framework for building a scalable and profitable LOGO design business from scratch within 90 days.
MediaIO Nano Banana Pro Image Generator
A high-performance AI image generation skill leveraging Nano Banana Pro for state-of-the-art visual quality and multimodal reasoning.
Analyze Gas Optimization
A specialized tool for analyzing and optimizing Aptos Move smart contracts to minimize gas consumption and transaction costs.
Aptos TypeScript SDK Client
A comprehensive guide for initializing and managing the Aptos client instance to interact with the Aptos blockchain via the TypeScript SDK.
Video Editing Monetization Skill
A comprehensive framework for professional video editors to establish scalable monetization paths and standardized production workflows.
Featured*
