使用Hyperframes的HTML模板制作复古像素风格的三场景视频，替换标题、标签和配色，同时保留场景转换节奏及可重复的动画时序。
- 制作像素风格的介绍视频
- 替换三场景视频中的内容
- 通过HTML预览场景转换
nexu-io/open-design10.3万2026年10月23日 更新
免费在 GitHub 公开中文介绍
full-page-screenshot
使用Chrome DevTools Protocol将整个网页截成一张长图，为作品集、案例介绍和审计报告准备展示页面外观的图片。
原文查看原文说明
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.
适用场景
- 为作品集截取网站图片
- 为案例介绍附上完整网页截图
- 记录网页外观供审计报告使用
中文介绍
功能
full-page-screenshot用于截取整个网页，将页面内容保存为一张长图。它使用Chrome DevTools Protocol，也就是从外部控制Chrome的通信接口。截图范围不限于屏幕上当前可见的部分，而是覆盖整个页面。资料说明，该流程不需要额外的依赖包。
适用场景
如果希望在作品集中展示自己制作的网站，或在案例介绍中附上完整页面的图片，可以考虑使用此技能。它也适合记录网页的外观，为审计报告准备图片。需要在资料中展示纵向较长的页面时，同样可以使用。
使用示例
- “请用
full-page-screenshot截取这个网页的全部内容。” - “请准备一张完整网页的长截图，用于案例介绍。”
注意事项
提供的资料是供代理在规划时发现技能的目录条目。要使用实际执行所需的脚本和参考资料，需要另外将上游发布的完整文件包安装到当前代理的技能目录中。具体安装位置需查阅上游的README。
本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。
客观评估
AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。
- 指令清晰度能否看出何时使用、做什么
- A良好说明明确指出，使用Chrome DevTools Protocol截取整个网页。
- 步骤具体性步骤、输入输出和示例是否具体
- B部分不足写明了安装完整文件包和调用技能的方法，但没有截图步骤。
- 安全性发送数据、删除文件、执行命令等是否有说明
- B部分不足使用外部控制Chrome的功能，但未说明操作范围和确认步骤。
- 安装难易度所需工具和 API 密钥是否少且有说明
- B部分不足说明无需额外依赖，但另行安装的上游文件包需查README确定位置。
总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月20日 评估。仅供参考，安装前请同时查看原文。
如果您认为评估有误，请申请复核
包含的文件（1）
- SKILL.md1.2 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
full-page-screenshot
Curated from @LewisLiu007.
What it does
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.
Source
- Upstream: https://github.com/LewisLiu007/full-page-screenshot
- Category:
screenshots
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/LewisLiu007/full-page-screenshot
Then ask the agent to invoke this skill by name (full-page-screenshot) or with
one of the trigger phrases listed in this skill's frontmatter.
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
为社交媒体广告和搜索广告撰写标题、说明及正文，并反复调整措辞。可用于准备广告文案备选版本，以及检查现有文案并考虑修改方案。
- 撰写社交媒体广告标题
- 准备搜索广告说明
- 修改广告正文措辞
nexu-io/open-design10.3万2026年10月23日 更新
以深色背景和衬线字体制作时尚杂志风格的三页动态展示，结合文字逐步显现与章节转场，最终生成内嵌CSS和JavaScript的单个HTML文件。
- 制作时尚杂志风格的动态介绍
- 用三页展示简短故事
- 将现有品牌风格融入深色版面
nexu-io/open-design10.3万2026年10月23日 更新
通过浏览器查看页面，执行点击、输入、截图和信息提取。主要用于检查OpenDesign的本地预览，以及核查网页应用的运行情况与质量。
- 检查OpenDesign本地预览
- 测试网页应用的点击和输入
- 截取页面或元素图像
nexu-io/open-design10.3万2026年10月23日 更新
用于AI音乐专辑制作，涵盖概念构思、歌词初稿、曲目排序和导出，适合独立专辑实验或品牌音乐企划；完整制作流程需另行安装上游资源包。
- 策划独立制作的专辑
- 围绕专辑主题起草歌词
- 安排专辑曲目顺序
nexu-io/open-design10.3万2026年10月23日 更新
使用p5.js，根据计算规则与随机数创作生成艺术。固定随机种子即可重现相同画面，适合制作海报、表现动感的静态图像和艺术构图草案。
- 根据规则制作海报
- 创作具有动感的静态图像
- 试验艺术作品的构图
nexu-io/open-design10.3万2026年10月23日 更新