跳到正文
cccskills
免费在 GitHub 公开

separateweb-capture

Capture a URL into a full-page screenshot, cropped UI item PNGs, and a JSON manifest. Use when the user says `separateweb capture <url>`, asks to capture a website, or wants UI extraction assets without running the SeparateWeb web app.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md2.8 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

SeparateWeb Capture

Use this skill when the user asks:

separateweb capture <url>
npx separateweb-capture capture <url>
separateweb patch <path>

Use npx when the package is not linked globally. This is the safest default for Claude Code personal skills:

npx separateweb-capture capture <url>
npx separateweb-capture patch <path>

Use separateweb-capture with no capture command only to install the local skill payload:

npx separateweb-capture
npx separateweb-capture --target claude
npx separateweb-capture --target both

If separateweb is installed or linked globally, this shorthand is also valid:

separateweb capture <url>
separateweb patch <path>

If running from the plugin root, the local script is also valid:

node scripts/capture.mjs capture <url>
node scripts/capture.mjs patch <path>

Optional flags:

--out <dir>
--path <dir>
--width <px>
--height <px>
--max-pages <n>
--single
--all

Capture behavior:

  • capture https://example.com and capture https://example.com/ crawl same-origin paths by default.
  • capture https://example.com --single captures only the home page.
  • capture https://example.com/path captures only that page by default.
  • Use --single to force one page.
  • Use --all to force same-origin crawl from any start URL.
  • Captured items are grouped by type under items/<kind>/.

Examples:

npx separateweb-capture capture https://domain.com
npx separateweb-capture capture https://domain.com --single
npx separateweb-capture capture https://domain.com/about
npx separateweb-capture capture https://domain.com/about --all

Patch selection:

npx separateweb-capture patch /absolute/output/path
npx separateweb-capture select captures/<jobId>/manifest.json
npx separateweb-capture create captures/<jobId>/manifest.json --items 1,3,5 --path /absolute/output/path

Use patch <path> to set the default machine path where future capture outputs are written. Use create only when exporting selected items from an existing manifest.

Default output:

captures/<jobId>/site-manifest.json
captures/<jobId>/page-001-<slug>/full-page.png
captures/<jobId>/page-001-<slug>/manifest.json
captures/<jobId>/page-001-<slug>/items/<kind>/*.png

Single-page capture writes full-page.png, manifest.json, and items/<kind>/*.png directly under captures/<jobId>/.

After running, report:

  • Captured
  • Manifest
  • Blocks
  • exact error if capture failed

Do not start a Nuxt dev server. This plugin is script-only.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Use AtomLane to compile and execute safe atomic parallel plans on macOS and native Windows Preview for worthwhile independent argv tasks, dependency DAGs, supported platform entrypoints, or Apple-silicon operators. Use at task start or an execution boundary when structured local work may contain two or more worthwhile units; skip plain answers, one quick command, and work whose effects cannot be safely bounded.

中文简介正在准备中。当前显示原文说明。

hashgraph-online/awesome-codex-plugins13812026年10月22日 更新

add

免费

Register a deferred decision in the debt registry. Trigger by judgment, not a marker scan, whenever a future reader would ask "why this way?": an unmade decision, stub, loosened type, bypassed check, swallowed error, a default picked "for now", or a TODO/FIXME/HACK/XXX marker. Trigger immediately whenever you defer work, or when the user invokes $add. Over-register freely; the developer drops with "drop A", "drop A,C", or "drop all".

中文简介正在准备中。当前显示原文说明。

hashgraph-online/awesome-codex-plugins13812026年10月22日 更新

ADK 框架适配层。为 LangChain / EINO / AutoGen / AgentScope / CrewAI 提供框架特定的 代码模板、惯用模式、API 映射和项目结构,供 agent-dev-workshop Phase 5 代码生成使用。 每个框架 reference 文件标注 verified_date 用于版本锁定。

中文简介正在准备中。当前显示原文说明。

hashgraph-online/awesome-codex-plugins13812026年10月22日 更新

中文调试修复技能。用于报错、测试失败、页面异常、功能不符合预期、需要定位根因并做最小修复时。触发语包括"进入调试模式""帮我修问题""报错了""测试失败""页面坏了""找根因"。

中文简介正在准备中。当前显示原文说明。

hashgraph-online/awesome-codex-plugins13812026年10月22日 更新

交互式 AI Agent 开发工作坊:通过 6 阶段深度协作对话,引导用户完成 Agent 需求分析、架构设计、 工具定义、Prompt 与编排设计、代码生成、验证迭代,产出可直接运行的 Agent 项目。 框架无关设计优先,支持 LangChain / EINO / AutoGen / AgentScope / CrewAI 等 ADK 框架。

中文简介正在准备中。当前显示原文说明。

hashgraph-online/awesome-codex-plugins13812026年10月22日 更新

中文漂移审计技能。用于项目或学习过程变乱、上下文漂移、任务分叉、多个方案冲突、命名不一致、Codex 可能顺手改多了时。触发语包括"漂移检查""感觉跑偏了""项目变乱了""检查是否失控""分叉太多""上下文漂移"。

中文简介正在准备中。当前显示原文说明。

hashgraph-online/awesome-codex-plugins13812026年10月22日 更新

查看 hashgraph-online 的全部技能

报告此技能的问题