proto-cog
Build prototypes you can click. UI/UX wireframes, app mockups, and fully interactive HTML prototypes — from napkin sketch to clickable experience in one prompt. Landing pages, mobile app screens, SaaS dashboards, design systems, and user flows — prototyped and playable, not just pretty. Skill: proto-cog Owner: nitishgargiitd Summary: Build prototypes you can click. UI/UX wireframes, app mockups, and fully interactive HTML prototypes — from napkin sketch to clickable experience in one prompt. Landing pages, mobile app screens, SaaS dashboards, design systems, and user flows — prototyped and playable, not just pretty. Tags: latest:1.0.1 Version history: v1.0.1 | 2026-02-11T01:46:22.138Z | user proto-c
Rank
62
Safety
84
Downloads
1.0k
Updated
Apr 15, 2026
Version
1.0.1
Source
CLAWHUB
About
What it does, and when to use it.
Capability contract not published. No trust telemetry is available yet. 1K downloads reported by the source. Last updated 4/15/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 Apr 15, 2026
- Protocol compatibility
- OpenClawcompatibility · observed Apr 15, 2026
- Adoption signal
- 1K downloadsadoption · observed Apr 15, 2026
- Latest release
- 1.0.1release · observed Feb 11, 2026
- Handshake status
- UNKNOWNsecurity
Install and run
Setup complexity: low.
clawhub skill install kn7a96cj9q65e0bhmzahv790en80ffqm:proto-cog- Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
- 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-nitishgargiitd-proto-cog/snapshot"
Documentation
CLAWHUB
22,931 characters of source documentation, loaded on request.
Extracted files
2 files captured from the source.
SKILL.md
---
name: proto-cog
description: "Build prototypes you can click. UI/UX wireframes, app mockups, and fully interactive HTML prototypes — from napkin sketch to clickable experience in one prompt. Landing pages, mobile app screens, SaaS dashboards, design systems, and user flows — prototyped and playable, not just pretty."
metadata:
openclaw:
emoji: "✏️"
author: CellCog
dependencies: [cellcog]
---
# Proto Cog - Build Prototypes You Can Click
**Build prototypes you can click.** UI/UX wireframes, app mockups, and fully interactive HTML prototypes — from napkin sketch to clickable experience in one prompt.
Every other AI design tool gives you static images. CellCog builds working prototypes — real HTML, real interactions, real user flows you can click through and share with stakeholders. Landing pages, mobile app screens, SaaS dashboards, design systems — prototyped and playable, not just pretty.
---
## Prerequisites
This skill requires the `cellcog` skill for SDK setup and API calls.
```bash
clawhub install cellcog
```
**Read the cellcog skill first** for SDK setup. This skill shows you what's possible.
**Quick pattern (v1.0+):**
```python
# Fire-and-forget - returns immediately
result = client.create_chat(
prompt="[your prototype request]",
notify_session_key="agent:main:main",
task_label="prototype-task",
chat_mode="agent" # Agent mode for most prototypes
)
# Daemon notifies you when complete - do NOT poll
```
---
## Why Interactive Prototypes Matter
Static mockups create a fundamental gap: stakeholders see pictures, not experiences. The difference matters:
| Static Mockup | Interactive Prototype |
|--------------|---------------------|
| "Imagine clicking this button" | Click the button, see what happens |
| "This would scroll to..." | Scroll and see the content load |
| "The hover state looks like..." | Hover and watch the animation |
| "Trust me, the flow makes sense" | Walk through the flow yourself |
CellCog generates **real HTML/CSS/JS prototypes** hosted on live URLs. Share a link, get feedback on the actual experience — not on someone's imagination of the experience.
---
## What You Can Prototype
### Landing Pages
Validate your messaging and design:
- **SaaS Landing Pages**: "Create a landing page for an AI writing assistant — hero, features, pricing, testimonials, CTA"
- **Product Launch Pages**: "Build a launch page for a new fitness app with countdown and email signup"
- **Event Pages**: "Create a conference landing page with schedule, speakers, and registration"
- **Portfolio Sites**: "Build a personal portfolio landing page for a UX designer"
**Example prompt:**
> "Create an interactive landing page prototype for 'FlowState' — a productivity app for developers:
>
> Sections:
> - Hero: 'Code in the zone. Stay in the zone.' with app screenshot and CTA
> - Problem: Distractions kill developer flow (statistics)
> - Solution: How FlowState blocks distractions intelligently
> - Features: 3-4 key fe_meta.json
{
"ownerId": "kn7a96cj9q65e0bhmzahv790en80ffqm",
"slug": "proto-cog",
"version": "1.0.1",
"publishedAt": 1770774382138
}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
cherry-studio
AI productivity studio with smart chat, autonomous agents, and 300+ assistants.
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!
CopilotKit
The Frontend for Agents & Generative UI. React + Angular
Machine-readable data
The same record, as JSON, for agents and crawlers.
{
"facts": [
{
"factKey": "vendor",
"category": "vendor",
"label": "Vendor",
"value": "Clawhub",
"href": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceUrl": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-04-15T00:45:39.800Z",
"isPublic": true
},
{
"factKey": "protocols",
"category": "compatibility",
"label": "Protocol compatibility",
"value": "OpenClaw",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-nitishgargiitd-proto-cog/contract",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-nitishgargiitd-proto-cog/contract",
"sourceType": "contract",
"confidence": "medium",
"observedAt": "2026-04-15T00:45:39.800Z",
"isPublic": true
},
{
"factKey": "traction",
"category": "adoption",
"label": "Adoption signal",
"value": "1K downloads",
"href": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceUrl": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-04-15T00:45:39.800Z",
"isPublic": true
},
{
"factKey": "latest_release",
"category": "release",
"label": "Latest release",
"value": "1.0.1",
"href": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceUrl": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-02-11T01:46:22.138Z",
"isPublic": true
},
{
"factKey": "handshake_status",
"category": "security",
"label": "Handshake status",
"value": "UNKNOWN",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-nitishgargiitd-proto-cog/trust",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-nitishgargiitd-proto-cog/trust",
"sourceType": "trust",
"confidence": "medium",
"observedAt": null,
"isPublic": true
}
],
"events": [
{
"eventType": "release",
"title": "Release 1.0.1",
"description": "proto-cog 1.0.1 changelog - Added `author: CellCog` and `dependencies: [cellcog]` fields to metadata - Updated dependency instructions to clarify \"`cellcog` skill\" is required - Minor formatting and metadata improvements for consistency",
"href": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceUrl": "https://clawhub.ai/nitishgargiitd/proto-cog",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-02-11T01:46:22.138Z",
"isPublic": true
}
]
}Record generated Oct 9, 2026.