Pincushion bridges the gap between stakeholder UI feedback and autonomous AI agents by translating visual browser pins into precise, context-rich agent work packets.
The fastest way to install a skill directly from the registry.
npx clawhub@latest install pincushion
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
Copy this prompt to OpenClaw to install it automatically.
Help me install pincushion using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Get the raw skill files in a ZIP archive.
Pincushion provides the implementation-context layer for AI-native web development. When stakeholders drop a visual pin on any live web page, Pincushion captures the URL, precise element selector, viewport, screenshot, DOM snippet, comment thread, and acceptance criteria. This collection of rich context is bundled directly into an agent work packet, eliminating the ambiguity often associated with manual bug reporting.
By incorporating this system with Openclaw Skills, your AI agent can query and process these pins over the Model Context Protocol (MCP). The agent is empowered to read the feedback, claim the specific task, make targeted changes to your repository, and automatically mark the pin as resolved. This direct connection reduces manual triage work and speeds up UI iteration cycles.
get_actionable_pins tool to fetch pending, approved work packets.claim_pin to lock the task, signaling to other processes that implementation has begun.fix_and_resolve with the Git branch, commit SHA, and optional PR URL, updating the stakeholder-facing pin status to resolved.Run the following command to append the Pincushion server details to your local configuration. Be sure to replace /path/to/your/project with your absolute repository path:
openclaw mcp add pincushion \
--command npx \
--arg -y \
--arg pincushion-mcp \
--arg --project-dir \
--arg /path/to/your/project \
--arg --cloud-sync
Reload the agent context to register the newly available tools provided by these Openclaw Skills:
openclaw mcp reload && openclaw mcp list
To allow stakeholders to submit pins from deployed or staging environments to a headless agent, obtain a license key from pincushion.io. Write this key directly to your project root to avoid environment-filtering issues with MCP runtimes:
echo "YOUR_LICENSE_KEY" > /path/to/your/project/.feedback/.license-key
Include this script in your application's root layout or HTML template to let users drop pins without requiring any browser extensions:
<script src="https://pincushion.io/widget/pin.js" data-project="YOUR_PROJECT_ID" defer></script>
Pincushion coordinates feedback data either locally or via cloud synchronization. When using this toolset alongside Openclaw Skills, the workspace data is organized as follows:
| Path | Description |
|---|---|
.feedback/ |
Default workspace directory containing local pins and configurations. |
.feedback/.license-key |
Stores the offline or cloud sync license key to authenticate your headless agent runner. |
openclaw.json |
Updated during setup to define the pincushion MCP server configuration. |
Each pin contains programmatic context structures designed for ingestion by coding agents:
start_quickstart_demo and resolve_quickstart_demo to run an offline, safe demo of the feedback loop without writing changes to the real codebase.configure_collaboration_integration to broadcast agent activities, mentions, or follow-ups to specific workspace channels.add_agent_reply.implement_approved_pins for branch-driven batch changes.Loading
An automation skill designed to generate draw.io architecture diagrams, flowcharts, and technical schemas with an integrated visual QA pass.

A cross-platform version checker that collects the latest LegionSpace app version from seven app stores and saves a consolidated report.

An AI-powered gardening companion that automates watering reminders, maintains structured plant archives, and provides real-time health diagnostics.

A professional tool to generate, validate, and render Mermaid syntax diagrams to SVG, PNG, and PDF formats using the mmdc CLI.

An automated agent skill designed to generate, export, and visually inspect draw.io diagrams for technical documentation.

A rigorous technical framework that calibrates architectural trade-offs and enforces strict code verification boundaries for AI coding agents.








































