What makes Pm Proto Prd Pin notable?

982 downloads. Trust evidence available

How should Pm Proto Prd Pin be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this agent.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

agentCLAWHUBUnverified

Pm Proto Prd Pin

A zero-dependency, plug-and-play interactive PRD annotation and multi-version specification framework for any HTML prototype Skill: Pm Proto Prd Pin Owner: barry0-0 Summary: A zero-dependency, plug-and-play interactive PRD annotation and multi-version specification framework for any HTML prototype Tags: latest:1.4.0 Version history: v1.4.0 | 2026-09-22T03:17:50.242Z | user **Cloudflare D1 边缘数据库集成与权限隔离升级** - 新增对 Cloudflare D1 边缘数据库及 Pages 反代网关的原生集成，支持全球 CDN 极速直读写及国内免翻墙部署。 - 持久化体系升级为五模态（新增 Cloudflare D1 选项）。 - 权限体系升级：访客只读与创立人密钥鉴权动态显隐所有敏感功能入口

OpenClaw

View on ClawHub Homepage

Rank

Safety

Downloads

982

Updated

Oct 11, 2026

Version

1.4.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 982 downloads reported by the source. Last updated 10/11/2026.

Avoid when

Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor: Clawhubvendor · observed Oct 11, 2026
Protocol compatibility: OpenClawcompatibility · observed Oct 11, 2026
Adoption signal: 982 downloadsadoption · observed Oct 11, 2026
Latest release: 1.4.0release · observed Sep 22, 2026
Handshake status: UNKNOWNsecurity

What changed

Newest first. Only changes that point at a source are listed.

Release 1.4.0release
**Cloudflare D1 边缘数据库集成与权限隔离升级** - 新增对 Cloudflare D1 边缘数据库及 Pages 反代网关的原生集成，支持全球 CDN 极速直读写及国内免翻墙部署。 - 持久化体系升级为五模态（新增 Cloudflare D1 选项）。 - 权限体系升级：访客只读与创立人密钥鉴权动态显隐所有敏感功能入口，未授权状态下自动全量隐藏新增/编辑/删除/排序/版本管理等操作。 - 增加多项产品文档截图 (`assets/images/*.png`)，便于快速了解核心功能。 - 移除 skill-card.md 文件，优化 Skill 结构和指引。
Observed Sep 22, 2026 · source

Install and run

Setup complexity: low.

clawhub skill install s177p6xqw6fyxtp27jbabtncy583j12w:pm-proto-prd-pin

Setup complexity is classified as HIGH. You must provision dedicated cloud infrastructure or an isolated VM. Do not run this directly on your local workstation.
Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.

Contract: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-barry0-0-pm-proto-prd-pin/snapshot"

Run-check

$0.02 USD

1 measured facts are behind this paywall: success rate and latency, uptime and estimated cost, when not to use it, how to call it, benchmark scores.

Agents pay $0.02 in USDC. A card payment is $0.50, the smallest a card allows.

Documentation

CLAWHUB

150,019 characters of source documentation, loaded on request.

Extracted files

4 files captured from the source.

SKILL.md

---
name: pm-proto-prd-pin
description: 为任意 HTML 原型、Vue (2/3)、React (17/18/Next.js) 项目一键植入「交互式 PRD 打点标注器与多版本规约生成系统」。具备跨框架自主识别与前置确认协议 (无法自动识别时前置询问框架与应用范围)、全球 4 语言架构 (中/英/日/韩: zh-CN, en, ja, ko)、五模态持久化体系 (⚡Cloudflare D1 边缘数据库与 Pages 反代网关直读直写 / ⚡Supabase Serverless 数据库 / 🔑JSONBin.io 云端KV存储 / ☁️GitHub Contents API 推送提交 / 💻本地 Node.js 磁盘直写)、右侧常驻分体式悬浮胶囊 (独立👁小眼睛打点显隐开关 / 默认纯净视图免干扰)、shadcn/ui 现代极简设计系统 (Zinc & Slate Theme / Sheet / Dialog / Popover / Card / Tabs / Sonner Toast 组件体系规范)、动态权限隔离与未授权功能全量隐藏保护矩阵 (访客只读模式下彻底隐藏新增打点、编辑需求、删除打点、排序管理、版本新建/导入等入口；输入创立人专属密钥一键校验解锁)、在原型元素上高精度十字准星打点标注 (打标时自动收起右侧抽屉)、智能展开弹窗/Tab精准定位、三态抽屉 (400px全展开 / 56px标号竖条半收起 / 0px全收起)、左侧双按钮控制组 (全收起+半收起朝内区隔)、集成 Vditor IR 即时渲染 Markdown 编辑器与多级 Tab/Shift+Tab 列表缩进、纯白底色 Mermaid 矢量图表引擎与动态防截断渲染、真正交互式可视化表格直编 (零管道符如同 Excel 点击单元格打字并支持快捷增删行列)、业务规约三大核心模板快速插入 (业务规则/状态机流程图/字段数据字典)、136px 绝对统一卡片高度与纯标题模糊搜索、右侧抽屉安全管理锁与置顶/移至依次瞬移顺延排序体系、生成整页可视化 PRD 文档大屏 (带大纲检索与独立新网页大屏/PDF导出)、大头针气泡独立生命周期、编辑器单一入口草稿暂存最小化胶囊 (右下角常驻悬浮保活与一键恢复)、以及多版本严格物理隔离与上传冲突解决模态框 (覆盖/追加/另存)。当用户提到「需求打点」「原型标注」「PRD标记」「元素打标」「交互规约生成」「给原型加上PRD功能」「大头针标注」时使用本 Skill。
agent_created: true
---

# 交互式原型 PRD 打点标注与多版本规约生成系统 (PM Prototype PRD Pin Engine V7.0 (Cloudflare D1 Edge Edition))

## 📖 概述

`pm-proto-prd-pin` 是一套**高保真、即插即用、生产就绪、跨框架兼容**的原型交互规约标注引擎（纯原生 Vanilla JS + CSS + Vditor IR 引擎 + Cloudflare D1 边缘数据库 / Cloudflare Pages 免翻墙网关 / Supabase / JSONBin 云端 KV / GitHub REST API / Node.js 本地微服务）。
它不仅支持传统的静态 HTML 原型（后台管理系统、电商前台、移动端 H5、PC 门户等），还**原生兼容现代 Vue (2/3/Vite/Nuxt) 与 React (17/18/Next.js) SPA 单页应用**，瞬间赋予专业的产品经理（PM）交互式打点标注、多版本管理、**集成 Vditor 即时渲染与 Tab 多级缩进工作台**、纯白 Mermaid 流程图动态防截断渲染、全景文档大屏展示以及**五模态持久化、访客只读与动态权限隐藏矩阵**能力。

---

## 🎯 核心规范与模块功能模板 (1:1 完整实现标准)

### Phase 0: 🌐 原生全球多语言架构体系 (Native Multi-Language i18n Protocol)
- **四国语言内建覆盖**：
  - 🇨🇳 **简体中文 (`zh-CN` / `zh_CN`)**
  - 🇺🇸 **English (`en` / `en_US`)**
  - 🇯🇵 **日本語 (`ja` / `ja_JP`)**
  - 🇰🇷 **한국어 (`ko` / `ko_KR`)**
- **全要素动态本地化 (115 个词条字典全覆盖)**：
  - 抽屉左侧控制按钮、顶部操作栏、排序管理模式提示条与操作按钮、搜索占位符、需求卡片脚标、Vditor 编辑器全量语言包、全景 PRD 大屏所有元数据与目录大纲、版本冲突处理对话框等 **100% 字典覆盖**；
- **运行时无感知热切换与本地记忆**：
  - 抽屉顶部提供多语言切换下拉菜单，切换后即刻热重绘所有组件与徽标，并将偏好持久化至 `localStorage('prd_ui_lang')`；
- **强制前置语言确认规范 (Mandatory Phase 0 Inception)**：
  - **在使用本 Skill 执行构建时，Agent 必须首先向用户确认期望使用的语言框架（中文 / 英文 / 日文 / 韩文）**；
  - 最终生成出来的原型框架、初始需求规约数据、业务规则模板、以及表头字典，必须严格采用用户指定的对应语言！

---

### Phase 0.5: 🧩 跨框架自主感知与前置确认协议 (Autonomous Framework Detection & Inception)

> 🌟 **核心铁律 (Strict Zero-HTML Generation In Modern Frameworks)**：  
> **当识别到项目为 React (Vite / Next.js / CRA) 或 Vue (Vue 2/3 / Nuxt) 等现代前端 SPA 工程时，严禁生成任何独立的 `.html` 原型文件！**  
> 现代工程已有完整的组件与路由体系，打点工具仅作为全局外挂图层（通过 `main.tsx` / `main.js` 导入），实现零新增 HTML、零模板污染、零业务侵入。

> 🌟 **核心规范 (Core Protocol)**：  
> 本引擎具备跨技术栈自适应能力。在执行打点工具集成前，Agent 必须执行两步感知与确认流程：

1. **Step 1: 自动化工程架构自主嗅探 (Autonomous Inspection)**：
   - Agent 必须首先检查目标项目的目录结构与配置文件：
     - **Vue.js 工程**：检查 `package.json` 中的 `dependencies.vue`、`vue.config.js`、`vite.config.*`（含 `@vitejs/plugin-vue`）、或 `nuxt.config.*`；
     - **React 工程**：检查 `package.json` 中的

README.md

# 📌 PM Prototype PRD Pinning & Multi-Version Specification Engine

<div align="center">

**The Ultimate Interactive PRD Pinning, Vditor IR Markdown Editor & Five-Modal Persistence System for HTML / Vue / React Prototypes.**

[![Version](https://img.shields.io/badge/version-7.0.0-blue.svg)](https://github.com/barry0-0/pm-proto-prd-pin)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![i18n](https://img.shields.io/badge/i18n-en%20%7C%20zh--CN%20%7C%20ja%20%7C%20ko-brightgreen.svg)](#-internationalization-i18n)
[![Zero-Dependency](https://img.shields.io/badge/dependencies-zero--native-orange.svg)](#-quick-start)

[English](#-english-documentation) • [简体中文](#-简体中文文档) • [日本語](#-日本語ドキュメント) • [한국어](#-한국어-문서)

</div>

---

## 📸 Interface Screenshots

| ✍️ Vditor IR Live Editor & Visual Tables | 🗂️ 3-State Drawer (Full / Semi Rail / Hidden) |
| :---: | :---: |
| ![Visual Table Editor](assets/images/screenshot_visual_table_editor.png) | ![Drawer Overview](assets/images/screenshot_drawer_overview.png) |
| **🔄 Pure-White Mermaid Statecharts** | **📑 Full Page Deliverable PRD Screen** |
| ![Mermaid Render](assets/images/screenshot_mermaid_render.png) | ![Full PRD Document](assets/images/screenshot_full_prd_document.png) |

---

# 🌐 English Documentation

## ⚛️ Cross-Framework Compatibility (HTML / Vue / React) & Autonomous Detection

- **Autonomous Tech-Stack Inspection**: Automatically analyzes `package.json`, Vite/Webpack configs, or HTML structure to detect if the project is **Pure HTML**, **Vue.js (2/3/Nuxt)**, or **React (18/Next.js)**.
- **Interactive Clarification Fallback**: If the framework cannot be determined automatically, the agent prompts the user to confirm the framework and target pages/modules before proceeding.
- **SPA Client-Side Route Sync**: Intercepts `history.pushState` / `popstate` to automatically adapt pins across SPA route transitions without page refreshes.
- **Virtual DOM Dynamic Re-anchoring**: Automatically re-attaches pins when conditional components (`v-if` / React modals) enter or exit the DOM.
- **Scoped CSS & Hash Filtration**: Automatically filters Vue `data-v-xxxx` and React CSS-in-JS hashes to guarantee robust long-term selector anchoring.
- **Tailwind CSS Reset Isolation & SPA Resource Hydration**: Full CSS isolation sandbox protecting Vditor toolbar icons from Tailwind Preflight distortion, with ISO-8859-1 safe header sanitization for non-ASCII SPA routes.

---

## 🌟 Five-Modal Persistence System & Comparison

| Persistence Mode | Underlying Architecture | Read/Write Latency | Use Cases & Key Characteristics |
| :--- | :--- | :--- | :--- |
| **⚡ Mode 0: Cloudflare D1 Edge Database + Pages Gateway —— [Recommended / Global Speed]** | Cloudflare D1 (SQLite) + Worker + Pages Reverse Proxy Gateway (`GET /api/prd/{docId}` Public Read, `POST` Private Write with Bearer Secret) | **Ultra-Fast (50~150ms)**<br>Global CDN edge cache, China mainland direct access by

_meta.json

{
  "ownerId": "kn7b10aee3mw0zzb4d2xy1mn7h820ysv",
  "slug": "pm-proto-prd-pin",
  "version": "1.4.0",
  "publishedAt": 1790047070242
}

skill-card.md

## Description:

A zero-dependency, plug-and-play interactive PRD annotation and multi-version specification framework for HTML, Vue, and React prototypes.

This skill is ready for commercial/non-commercial use.

## Publisher:

[barry0-0](https://clawhub.ai/user/barry0-0)

### License/Terms of Use:

MIT-0

## Use Case:

Product managers, UX designers, and frontend developers use this skill to add in-page PRD pins, rich Markdown specifications, versioned requirements, and exportable PRD documents to existing prototypes. It supports static HTML prototypes and framework-aware integration guidance for Vue and React projects.

### Deployment Geography for Use:

Global

## Known Risks and Mitigations:

Risk: The release stores powerful cloud or GitHub write credentials in browser storage.

Mitigation: Use narrowly scoped, disposable credentials; avoid confidential PRD data until credential storage is redesigned; rotate any credentials used during testing.

Risk: The bundled local write server is unauthenticated and uses permissive CORS.

Mitigation: Run the server only on localhost or a trusted machine; do not expose it to a network; add authentication and restrictive CORS before team or hosted use.

Risk: The scanner flagged exploitable rendering weaknesses around Markdown rendering.

Mitigation: Sanitize rendered Markdown and HTML, and review imported or externally supplied PRD content before displaying it in shared prototypes.

## Reference(s):

- [ClawHub skill page](https://clawhub.ai/barry0-0/skills/pm-proto-prd-pin)
- [Publisher profile](https://clawhub.ai/user/barry0-0)
- [Artifact README](artifact/README.md)
- [Artifact skill definition](artifact/SKILL.md)

## Skill Output:

**Output Type(s):** [Text, Markdown, Code, Shell commands, Configuration, Guidance]

**Output Format:** [Markdown guidance with code snippets, shell commands, and generated or modified project files]

**Output Parameters:** [1D]

**Other Properties Related to Output:** [May produce PRD annotation assets, local server commands, persistence configuration, and exportable Markdown, JavaScript data, or PDF-ready PRD documents.]

## Skill Version(s):

1.4.0 (source: server release metadata)

## Ethical Considerations:

Users should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.

Github ReposUpdated 3d agoRank 70

AionUi

Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!

MCPOPENCLAW

Github ReposUpdated 6mo agoRank 70

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

OPENCLAW

Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.

MCPOPENCLAW

Github ReposUpdated 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular