메뉴
在 ProtoHub 上管理原型。当用户想要上传目录或 ZIP 文件作为原型、更新现有原型、列出原型或获取预览链接时，请使用此技能。它支持自动打包文件夹、强制校验入口文件 (index.html)，以及按名称搜索原型以便更新。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | tc-protohub |
| description | 在 ProtoHub 上管理原型。当用户想要上传目录或 ZIP 文件作为原型、更新现有原型、列出原型或获取预览链接时，请使用此技能。它支持自动打包文件夹、强制校验入口文件 (index.html)，以及按名称搜索原型以便更新。 |
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.
index.html before uploading.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.
export PROTOHUB_API_KEY="your-api-key"
export PROTOHUB_URL="http://localhost:48080"
python skills/tc-protohub/scripts/publish.py publish ./my-dist-folder --name "My Prototype Name"
Overwrites content while maintaining the same ID and URL.
python skills/tc-protohub/scripts/publish.py publish ./my-dist-folder --id 1024
Useful for finding the ID when the user says "Update the 'Login Page' prototype".
python skills/tc-protohub/scripts/publish.py list --name "Login Page"
python skills/tc-protohub/scripts/publish.py get-link 1024
index.html is at the root of your directory or ZIP file.publish.py list --name "..." to find a matching prototype first.http://localhost:48080. Override using the PROTOHUB_URL env var or --url flag.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.天帆 (Vela) 需求入库 - 将需求录入 product/01_inbox/，自动分配编号、创建目录结构、更新索引。 触发场景：用户说"入库"、"新增需求"、"记录需求"、"需求入库"、"把这个需求录进去"、"登记需求"、"需求登记"， 或者用户附带了一个需求文件并说"入库"/"录入"/"记录"。 即使用户只说"入库"或"把刚才说的需求录进去"也应触发此 Skill。 注意：用户可能在多轮对话中先描述需求，最后才说"入库"，需要回溯对话提取需求内容。
天帆 (Vela) AI 原生产研平台 - 项目初始化。当用户想要初始化新项目、创建项目目录结构、搭建 AI-Native SDLC 项目骨架时使用。 关键词触发：初始化项目、新建项目、vela init、项目骨架、创建项目结构、project init、scaffold project、AI 原生项目。 即使用户只说"帮我建个新项目"或"按 vela 结构初始化"也应触发此 Skill。
Generate editorial-style diagrams in the Anthropic blog visual style as .drawio files. Use this skill whenever the user wants to create a diagram, flowchart, architecture diagram, comparison chart, swimlane, or any visual that should look like Anthropic's blog article illustrations. Trigger on prompts like "draw a diagram", "create a flowchart", "visualize this process", "make an architecture diagram", "画流程图", "画架构图", "帮我画", or any request to turn text/process descriptions into a visual — even if the user doesn't say "Anthropic style" explicitly. This skill produces the calm, editorial, publication-quality look characteristic of Anthropic's technical blog.
This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks. It provides guidance and templates for generating diagrams using the minimalist, industrial aesthetic of the Nothing design language.
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .drawio XML files and exports to PNG/SVG/PDF locally using the native draw.io desktop CLI. Supports modern "Premium Architecture" styles with card-based designs and layered layouts.
Executes the tasks defined in a specified track's plan. Use when the user wants to start or continue implementing a feature or bug fix. This skill manages the task lifecycle, adheres to the project's workflow, synchronizes project documentation upon completion, and offers track cleanup options.