Agent Plugins Marketplace
← All plugins

pm-prototype

v1.0.0

原型与设计：截图/网址转原型三件套、页面实现、UI/UX 设计智能（79 风格 192 配色可检索）、玻璃材质、图表生成。

Claude Code7 Skills

By Noah WongLicense: MIT1 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
7 skill or MCP entries
Source updated
Sep 11, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install pm-prototype for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install pm-prototype@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/iDWong/pm-skills

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is pm-prototype/.

Plugin files

pm-prototype/
├── .claude-plugin/plugin.json
├── skills/diagram-generator/SKILL.md
├── skills/page-generator/SKILL.md
├── skills/pm-image2pencil/SKILL.md
├── skills/pm-image2proto/SKILL.md
├── skills/pm-url2proto/SKILL.md
├── skills/ui-frosted-gradient-clear-sleeve/SKILL.md
└── skills/ui-ux-pro-max/SKILL.md

Included Skills7

diagram-generatorskills/diagram-generator/SKILL.md

> 用户要求在文档中生成、创建、绘制或插入任何类型图表时必须使用本技能。 重要：通过 req-doc 技能生成需求说明书时，必须使用本技能生成所有图表，禁止手动绘制图表。 触发场景： (1) 流程图/活动图: "生成流程图" "画流程图" "重新生成流程图" "插入流程图" "生成活动图" "用户操作流程图", (2) 架构图: "生成架构图" "画架构图" "插入架构图" "系统架构图", (3) 时序图: "生成时序图" "画时序图" "插入时序图" "系统交互时序", (4) 泳道图: "生成泳道图" "画泳道图" "插入泳道图", (5) ER图: "生成ER图" "实体关系图" "数据库设计图", (6) UML图: "生成UML" "类图" "用例图" "状态图", (7) 组织结构图: "组织架构图" "组织结构" "人员架构", (8) 思维导图: "生成思维导图" "画思维导图" "脑图" "心智图" "知识梳理", (9) BPMN: "生成BPMN" "业务流程建模", (10) 任何需要将业务流程、系统架构、数据流或其他内容可视化为图表的请求。

page-generatorskills/page-generator/SKILL.md

在现有软件项目中实现业务功能页面，并需要遵循项目规范、路由、Mock、组件约定及验收流程时使用本技能。 触发场景：(1) "创建页面" "生成页面" "添加页面" "新建页面", (2) "列表页" "详情页" "表单页" "编辑页", (3) "实现xx功能" "按照需求说明书实现xx功能" "按照需求说明书实现所有功能", (4) "开发xx功能" "做xx功能" "完成xx功能", (5) "实现全部功能" "按计划实现所有功能" "连续实现" "一直实现" "自动实现", (6) 用户需要为后台管理/网站/移动端项目添加可运行的业务页面时。 仅做视觉方向、设计系统检索或 UX/无障碍评审时不使用；这类任务交给 ui-ux-pro-max。

pm-image2pencilskills/pm-image2pencil/SKILL.md

将截图/设计稿复刻为 Pencil .pen 设计，并在同一画布旁输出结构化设计文档。用户提到“按图复刻”“照着截图画页面”“image to pencil”“做一个一模一样的页面”“根据这张图做设计稿”“输出设计图和文档”时使用本 Skill。 也适用于：用户要求修改已有 .pen 页面、追加右侧设计文档、做像素级对齐、根据多张截图整合一套页面。 本 Skill 必须调用 pencil MCP 工具完成读取、绘制和截图校验；若信息不全，先向用户索取缺失信息再开始绘制。

pm-image2protoskills/pm-image2proto/SKILL.md

将界面截图、设计稿或线框图复刻为可运行的 HTML 原型，并支持迭代优化和经验记忆。用于用户提供任何 UI 图片并要求复刻、修改既有原型、输出 HTML 或实现页面时；若对话中有界面截图且要求增加字段或照图修改，也应使用本技能。

pm-url2protoskills/pm-url2proto/SKILL.md

将线上网页克隆为本地 Next.js 与 Tailwind CSS 原型项目。用于用户提供 URL 或截图并要求复刻、重新设计或迭代页面，也适用于扩展此前由本技能创建的原型项目；即使用户只是提供参考链接或图片并要求构建相似页面，也应使用本技能。

ui-frosted-gradient-clear-sleeveskills/ui-frosted-gradient-clear-sleeve/SKILL.md

适用于磨砂玻璃、深浅主题、设计令牌、组件与层级体系、响应式表单、导航、仪表盘，以及 backdrop-filter 性能与无障碍降级。触发词：磨砂、玻璃、毛玻璃、透明套层、clear sleeve、glassmorphism、backdrop-filter、设计系统、运营后台、官网、移动端。

ui-ux-pro-maxskills/ui-ux-pro-max/SKILL.md

面向 Web、移动端和桌面端的 UI/UX 设计决策与评审技能。需要检索设计系统、风格、配色、字体、无障碍、交互、响应式、动画、图表或技术栈 UI 指南时使用；负责提供经本地数据库验证的设计建议，不负责替代页面开发和前端编码技能。项目已有 PRD 与 SRS 且用户要设计稿、高保真原型、可点原型、交互原型或预览墙时，本技能同时负责设计稿交付链路（读 PRD+SRS 全文，内容以 PRD 为主 → 落 Prototype/<项目slug>/ → 三张 iframe 预览墙（移动 393×852 / 官网 1280×900 / 后台 1440×900）→ 全屏页出稿帧与需求标注），细则见 references/prototype-delivery.md。

Plugin manifests1

pm-prototype/.claude-plugin/plugin.json
{
  "name": "pm-prototype",
  "description": "原型与设计：截图/网址转原型三件套、页面实现、UI/UX 设计智能（79 风格 192 配色可检索）、玻璃材质、图表生成。",
  "version": "1.0.0",
  "author": {
    "name": "Noah Wong"
  },
  "license": "MIT",
  "keywords": [
    "product-management",
    "pm",
    "zh-CN"
  ],
  "skills": "./skills/"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[pm-prototype on Agent Plugins Marketplace](https://pluginsmp.com/plugins/pm-prototype)