使用Hyperframes的HTML模板制作复古像素风格的三场景视频，替换标题、标签和配色，同时保留场景转换节奏及可重复的动画时序。
- 制作像素风格的介绍视频
- 替换三场景视频中的内容
- 通过HTML预览场景转换
nexu-io/open-design10.3万2026年10月22日 更新
免费在 GitHub 公开中文介绍
article-magazine
将Markdown或笔记整理成杂志风格的长篇HTML文章，以大标题、居中的单栏正文及专用引用和代码样式，让内容层次清晰。
原文查看原文说明
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
适用场景
- 将Markdown排成杂志风格文章
- 将笔记整理成随笔
- 设计长篇电子简报
- 统一含引用和代码的文章格式
中文介绍
功能
article-magazine将Markdown或笔记整理成杂志风格的长篇HTML文章。开头使用大标题，可按需添加副标题、作者、阅读时间和日期。正文居中，最大宽度约700px；各级标题使用衬线字体，与正文形成视觉区别。布局灵感来自Huashu / huashu-md-html。
适用场景
适合将篇幅较长的博客、随笔或电子简报以便于阅读的形式发布。引用使用彩色粗左边框和斜体，代码块使用深色背景并显示语言标签。即使文章包含引用或代码，也能通过专用样式区分不同内容。
使用示例
- “把这份Markdown转换为杂志风格的HTML文章，使用大标题和便于阅读的正文宽度。”
- “将这些笔记整理成文章，并统一引用与代码块的样式。”
章节之间加入装饰性分隔，文末附上简单的分享引导卡片。文章应使用真实内容和数据。
注意事项
没有特别注意事项。
本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。
客观评估
AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。
- 指令清晰度能否看出何时使用、做什么
- A良好明确说明将Markdown或笔记转为长篇HTML文章，并规定布局。
- 步骤具体性步骤、输入输出和示例是否具体
- A良好规定约700px的正文宽度，以及标题、引用、代码、分隔和文末卡片样式。
- 安全性发送数据、删除文件、执行命令等是否有说明
- A良好内容为HTML显示规范，没有外部发送、删除或读取认证信息的指令。
- 安装难易度所需工具和 API 密钥是否少且有说明
- A良好明确说明不需要设计系统，未指定额外工具或API密钥。
总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月20日 评估。仅供参考，安装前请同时查看原文。
如果您认为评估有误，请申请复核
包含的文件（3）
- SKILL.md2.5 KB
- example.html7.0 KB
- example.md2.0 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
【模板: 杂志文章】
- 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。
- 正文: 单栏, 最大宽度约 700px, 居中。段落
text-lg leading-relaxed text-neutral-700 dark:text-neutral-300。 - H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。
- 引用块使用左侧粗 accent 色边线 + 斜体。
- 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。
- 列表项使用自定义 bullet（小方块 / accent 圆点）。
- 章节之间用
<hr>分隔, 但样式做成中央居中的小 ornament。 - 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
为社交媒体广告和搜索广告撰写标题、说明及正文，并反复调整措辞。可用于准备广告文案备选版本，以及检查现有文案并考虑修改方案。
- 撰写社交媒体广告标题
- 准备搜索广告说明
- 修改广告正文措辞
nexu-io/open-design10.3万2026年10月22日 更新
以深色背景和衬线字体制作时尚杂志风格的三页动态展示，结合文字逐步显现与章节转场，最终生成内嵌CSS和JavaScript的单个HTML文件。
- 制作时尚杂志风格的动态介绍
- 用三页展示简短故事
- 将现有品牌风格融入深色版面
nexu-io/open-design10.3万2026年10月22日 更新
通过浏览器查看页面，执行点击、输入、截图和信息提取。主要用于检查OpenDesign的本地预览，以及核查网页应用的运行情况与质量。
- 检查OpenDesign本地预览
- 测试网页应用的点击和输入
- 截取页面或元素图像
nexu-io/open-design10.3万2026年10月22日 更新
用于AI音乐专辑制作，涵盖概念构思、歌词初稿、曲目排序和导出，适合独立专辑实验或品牌音乐企划；完整制作流程需另行安装上游资源包。
- 策划独立制作的专辑
- 围绕专辑主题起草歌词
- 安排专辑曲目顺序
nexu-io/open-design10.3万2026年10月22日 更新
使用p5.js，根据计算规则与随机数创作生成艺术。固定随机种子即可重现相同画面，适合制作海报、表现动感的静态图像和艺术构图草案。
- 根据规则制作海报
- 创作具有动感的静态图像
- 试验艺术作品的构图
nexu-io/open-design10.3万2026年10月22日 更新