mockplus-reader
读取和分析 MockPlus 在线设计页面。用于:(1)打开并解析 MockPlus 网页链接,(2)提取页面中的设计信息、结构、组件,(3)分析原型稿内容和交互说明。当用户发送 MockPlus 链接或要求分析原型稿时使用此技能。
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
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/mockplus-reader/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How mockplus-reader Compares
| Feature / Agent | mockplus-reader | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/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
AI Agents for Marketing
Discover AI agents for marketing workflows, from SEO and content production to campaign research, outreach, and analytics.
AI Agents for Startups
Explore AI agent skills for startup validation, product research, growth experiments, documentation, and fast execution with small teams.
AI Agents for Coding
Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.
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
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.
wechat-mp-reader
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
📰 RSS AI 阅读器 — 自动抓取订阅、LLM生成摘要、多渠道推送! 支持 Claude/OpenAI 生成中文摘要,推送到飞书/Telegram/Email。 触发条件: 用户要求订阅RSS、监控博客、抓取新闻、生成摘要、设置定时抓取、 "帮我订阅"、"监控这个网站"、"每天推送新闻"、RSS/Atom feed 相关。
DeepReader
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
Read and extract content from all Feishu (Lark) document types using the official Feishu Open API
web-reader
智能网页阅读器 - 抓取文章/下载视频并归档,支持分析、摘要、衍生。Triggers: '下载这篇文章', '抓取文章', '保存文章', 'fetch URL', '分析这篇文章', '摘要', '总结文章', '下载视频', '抓取微信文章', '抓取飞书文档', '把这个链接保存下来', '下载B站视频', 'download article', 'analyze article', 'summarize'.
medical-research-literature-reader-pro
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
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
将微信公众号文章导出为 Markdown 格式。当用户提供微信公众号链接 (mp.weixin.qq.com) 或要求下载/导出/保存微信文章时触发。默认保存到工作空间的 source 目录。
Arxiv Paper Reader
利用python,指定某个arxiv_id/url, 基于 LLM Agent 对这篇arxiv论文进行分类与深度阅读,直接print打印阅读笔记
---
name: article-factory-wechat
humanizer
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.