tc-protohub
在 ProtoHub 上管理原型。当用户想要上传目录或 ZIP 文件作为原型、更新现有原型、列出原型或获取预览链接时,请使用此技能。它支持自动打包文件夹、强制校验入口文件 (index.html),以及按名称搜索原型以便更新。
Best use case
tc-protohub is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
在 ProtoHub 上管理原型。当用户想要上传目录或 ZIP 文件作为原型、更新现有原型、列出原型或获取预览链接时,请使用此技能。它支持自动打包文件夹、强制校验入口文件 (index.html),以及按名称搜索原型以便更新。
Teams using tc-protohub 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/tc-protohub/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How tc-protohub Compares
| Feature / Agent | tc-protohub | 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?
在 ProtoHub 上管理原型。当用户想要上传目录或 ZIP 文件作为原型、更新现有原型、列出原型或获取预览链接时,请使用此技能。它支持自动打包文件夹、强制校验入口文件 (index.html),以及按名称搜索原型以便更新。
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
# Skill: ProtoHub AI Agent Integration ## Purpose This skill allows AI Agents to manage prototypes on ProtoHub. It provides automated tools for packaging, publishing, and discovering prototypes (folders or ZIP files) in the ProtoHub Private Sandbox. ## Capabilities - **Automated Publishing:** Package a directory or use a ZIP file to create/update prototypes. - **Entry Point Validation:** Automatically checks for `index.html` before uploading. - **Prototype Discovery:** List existing prototypes or search by name to find IDs. - **Preview Management:** Retrieve public URLs for demonstration. ## Mandatory Configuration Before performing any action, the AI Agent MUST verify that the following environment variables are set: - `PROTOHUB_API_KEY`: Required for authentication. - `PROTOHUB_URL`: Base URL of the ProtoHub server (default: `http://localhost:48080`). **Strict Validation Rule:** If either of these is missing from the environment and has not been provided by the user in the current session, the Agent **MUST NOT** attempt to run the script and **MUST NOT** retry with placeholder values. Instead, immediately ask the user to provide the missing configuration. ### How to set: ```bash export PROTOHUB_API_KEY="your-api-key" export PROTOHUB_URL="http://localhost:48080" ``` ## Recommended Tool: publish.py ### Usage Examples #### 1. Upload a Directory as a New Prototype ```bash python skills/tc-protohub/scripts/publish.py publish ./my-dist-folder --name "My Prototype Name" ``` #### 2. Update an Existing Prototype Overwrites content while maintaining the same ID and URL. ```bash python skills/tc-protohub/scripts/publish.py publish ./my-dist-folder --id 1024 ``` #### 3. List Prototypes (Search by Name) Useful for finding the ID when the user says "Update the 'Login Page' prototype". ```bash python skills/tc-protohub/scripts/publish.py list --name "Login Page" ``` #### 4. Get Preview Link ```bash python skills/tc-protohub/scripts/publish.py get-link 1024 ``` ## Best Practices - **Folder Structure:** Ensure `index.html` is at the root of your directory or ZIP file. - **Intelligent Updating:** - If the user asks to "update" a prototype but doesn't provide an ID, use `publish.py list --name "..."` to find a matching prototype first. - If exactly one match is found, use its ID to perform the update. - If multiple or no matches are found, ask the user for clarification or create a new one. - **API Base URL:** Default is `http://localhost:48080`. Override using the `PROTOHUB_URL` env var or `--url` flag. - **Error Handling:** - `401 Unauthorized`: API Key is missing or invalid. - `404 Not Found`: The specified `prototypeId` does not exist. - `Missing index.html`: The script will abort the upload to prevent broken previews.
Related Skills
---
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.
find-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
tavily-search
Use Tavily API for real-time web search and content extraction. Use when: user needs real-time web search results, research, or current information from the web. Requires Tavily API key.
baidu-search
Search the web using Baidu AI Search Engine (BDSE). Use for live information, documentation, or research topics.
agent-autonomy-kit
Stop waiting for prompts. Keep working.
Meeting Prep
Never walk into a meeting unprepared again. Your agent researches all attendees before calendar events—pulling LinkedIn profiles, recent company news, mutual connections, and conversation starters. Generates a briefing doc with talking points, icebreakers, and context so you show up informed and confident. Triggered automatically before meetings or on-demand. Configure research depth, advance timing, and output format. Walking into meetings blind is amateur hour—missed connections, generic small talk, zero leverage. Use when setting up meeting intelligence, researching specific attendees, generating pre-meeting briefs, or automating your prep workflow.
self-improvement
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.
botlearn-healthcheck
botlearn-healthcheck — BotLearn autonomous health inspector for OpenClaw instances across 5 domains (hardware, config, security, skills, autonomy); triggers on system check, health report, diagnostics, or scheduled heartbeat inspection.
linkedin-cli
A bird-like LinkedIn CLI for searching profiles, checking messages, and summarizing your feed using session cookies.
notebooklm
Google NotebookLM 非官方 Python API 的 OpenClaw Skill。支持内容生成(播客、视频、幻灯片、测验、思维导图等)、文档管理和研究自动化。当用户需要使用 NotebookLM 生成音频概述、视频、学习材料或管理知识库时触发。
小红书长图文发布 Skill
## 概述