mockplus-reader

读取和分析 MockPlus 在线设计页面。用于:(1)打开并解析 MockPlus 网页链接,(2)提取页面中的设计信息、结构、组件,(3)分析原型稿内容和交互说明。当用户发送 MockPlus 链接或要求分析原型稿时使用此技能。

3,891 stars

Best use case

mockplus-reader is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

读取和分析 MockPlus 在线设计页面。用于:(1)打开并解析 MockPlus 网页链接,(2)提取页面中的设计信息、结构、组件,(3)分析原型稿内容和交互说明。当用户发送 MockPlus 链接或要求分析原型稿时使用此技能。

Teams using mockplus-reader should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/mockplus-reader/SKILL.md --create-dirs "https://raw.githubusercontent.com/openclaw/skills/main/skills/a-din/mockplus-reader/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/mockplus-reader/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How mockplus-reader Compares

Feature / Agentmockplus-readerStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

读取和分析 MockPlus 在线设计页面。用于:(1)打开并解析 MockPlus 网页链接,(2)提取页面中的设计信息、结构、组件,(3)分析原型稿内容和交互说明。当用户发送 MockPlus 链接或要求分析原型稿时使用此技能。

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

Related Guides

SKILL.md Source

# MockPlus Reader

读取和分析 MockPlus 在线设计页面。

## 使用方法

### 1. 打开 MockPlus 链接

使用 browser 工具打开 MockPlus 网页链接:

```bash
browser action=open url="<MockPlus链接>"
```

### 2. 获取页面快照

打开后获取页面内容:

```bash
browser action=snapshot targetId="<targetId>"
```

### 3. 分析内容

MockPlus 页面通常包含:
- **项目名称** - 页面标题
- **设计稿缩略图** - 右侧面板的项目截图
- **组件树** - 左侧面板的页面结构
- **交互说明** - 组件的交互描述(点击、跳转等)
- **评论区** - 用户的反馈和评论

### 4. 常见 MockPlus 域名

- `https://www.mockplus.com/`
- `https:// MockPlus.cn`
- `https://rp.mockplus.com/`

## 输出格式

解析后按以下格式整理信息:

```
## 项目信息
- 项目名称:
- 更新时间:

## 页面结构
(列出主要页面和组件)

## 交互说明
(提取关键交互流程)

## 备注
(其他重要信息)
```

## 已实现项目

基于 MockPlus 链接已生成 uni-app + Vue3 项目:

**项目路径:** `C:\Users\Ding\.openclaw\workspace\lutixia\`

**已实现页面:**
- pages/index/index.vue - 开屏页
- pages/library/library.vue - 题库首页
- pages/practice/practice.vue - 练习页
- pages/exam/exam.vue - AI模考页
- pages/profile/profile.vue - 用户中心
- pages/login/login.vue - 登录注册页

**运行方式:**
```bash
cd lutixia
npm install -g @dcloudio/uni-cli
npm install
npm run dev:%PLATFORM%
```

## 注意事项

- MockPlus 页面可能需要登录才能查看完整内容
- 某些项目链接可能有访问权限限制
- 移动端原型可能无法完全展示交互效果

Related Skills

web-reader-pro

3891
from openclaw/skills

Advanced web content extraction skill for OpenClaw using multi-tier fallback strategy (Jina → Scrapling → WebFetch) with intelligent routing, caching, quality scoring, and domain learning. Use when: reading article content, extracting web page text, scraping dynamic JS-heavy pages, or fetching WeChat official account articles.

Data & Research

wechat-mp-reader

3891
from openclaw/skills

Read WeChat official account articles. Use the built-in browser tool to open the page and extract body text. Always append ?scene=1 to the URL.

rss-ai-reader

3891
from openclaw/skills

📰 RSS AI 阅读器 — 自动抓取订阅、LLM生成摘要、多渠道推送! 支持 Claude/OpenAI 生成中文摘要,推送到飞书/Telegram/Email。 触发条件: 用户要求订阅RSS、监控博客、抓取新闻、生成摘要、设置定时抓取、 "帮我订阅"、"监控这个网站"、"每天推送新闻"、RSS/Atom feed 相关。

DeepReader

3891
from openclaw/skills

The default web content reader for OpenClaw. Reads X (Twitter), Reddit, YouTube, and any webpage into clean Markdown — zero API keys required. Use when you need to ingest social media posts, articles, or video transcripts into agent memory.

feishu-doc-reader

3891
from openclaw/skills

Read and extract content from all Feishu (Lark) document types using the official Feishu Open API

web-reader

3891
from openclaw/skills

智能网页阅读器 - 抓取文章/下载视频并归档,支持分析、摘要、衍生。Triggers: '下载这篇文章', '抓取文章', '保存文章', 'fetch URL', '分析这篇文章', '摘要', '总结文章', '下载视频', '抓取微信文章', '抓取飞书文档', '把这个链接保存下来', '下载B站视频', 'download article', 'analyze article', 'summarize'.

medical-research-literature-reader-pro

3891
from openclaw/skills

A medical-research-native literature reading skill for users with clinical, bioinformatics, translational, and basic experimental backgrounds. Use this skill whenever a user wants to read, analyze, critique, or interpret a medical or scientific paper — whether they provide a PDF, abstract, DOI, PMID, or just a title. Triggers include requests like "analyze this paper", "critique this study", "is this a strong paper?", "give me similar studies", "prepare me for journal club", "help me understand this bioinformatics paper", "what are the weaknesses here?", or "turn this into a mind map". Also activate for any downstream deliverables such as journal club kits, comparison tables, PI decision briefs, replication starters, or follow-up experiment designs. Do NOT treat as a generic summarizer — this skill performs structured evidence-type classification, track-specific critical appraisal, interpretation-boundary judgment, and research-grade follow-up generation.

4chan-reader

3891
from openclaw/skills

Browse 4chan boards and extract thread discussions into structured text files. Use when you need to fetch catalog information or specific thread content (including post text and file metadata) from 4chan boards like /a/, /vg/, /v/, etc.

WeChat-article-reader

3891
from openclaw/skills

将微信公众号文章导出为 Markdown 格式。当用户提供微信公众号链接 (mp.weixin.qq.com) 或要求下载/导出/保存微信文章时触发。默认保存到工作空间的 source 目录。

Arxiv Paper Reader

3880
from openclaw/skills

利用python,指定某个arxiv_id/url, 基于 LLM Agent 对这篇arxiv论文进行分类与深度阅读,直接print打印阅读笔记

---

3891
from openclaw/skills

name: article-factory-wechat

Content & Documentation

humanizer

3891
from openclaw/skills

Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, negative parallelisms, and excessive conjunctive phrases.

Content & Documentation