免费在 GitHub 公开中文介绍

html-ppt-zhangzara-block-frame

将零散的初创企业演示资料重组为支持决策的HTML幻灯片，梳理论点与依据，并统一采用柔和色与霓虹色块、粗黑边框的设计。

原文查看原文说明

Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for founders, exec presenter.

nexu-io/open-design

AI 评分100分/ 100 查看安装方法

适用场景

整理董事会演示资料
制作创意公司的项目案例介绍
评审品牌更新方案

中文介绍

功能

将零散的初创企业演示资料整理成HTML幻灯片，让决策所需的信息和依据清楚呈现。先确认听众、待决定的事项、原始资料、截止时间及必须保留的数字，再安排幻灯片结构、文字和视觉表达。整套资料统一采用BlockFrame设计，以柔和色与霓虹色块搭配粗黑边框。

适用场景

适合创始人或管理层重做演示资料，也适合创意公司介绍项目案例、团队评审品牌更新方案。演示模板包含十页，可通过复制或删除现有版式调整页数。缺少所需版式时，也会遵循相同的配色、字体和装饰规则制作。

使用示例

“请将这份业务介绍重组为董事会演示资料，整理决策所需的依据，并按指定设计制作HTML幻灯片。”

注意事项

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好资料明确说明为创始人和管理层重组演示资料，并制作HTML幻灯片。
步骤具体性步骤、输入输出和示例是否具体: A良好步骤涵盖复制example.html、替换内容、调整页数及使用artifact标签输出。
安全性发送数据、删除文件、执行命令等是否有说明: A良好流程先复制example.html作为工作文件，并说明内容替换及幻灯片删除的范围。
安装难易度所需工具和 API 密钥是否少且有说明: A良好使用自包含HTML和随附模板，未要求额外工具或API密钥。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月20日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（4）

SKILL.md4.8 KB
example.html42.5 KB
LICENSE1.0 KB
template.json1.6 KB

SKILL.md（原文）

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

BlockFrame

Neobrutalist deck with pastel-neon color blocks and chunky black borders.

A single self-contained HTML deck — typography, palette, decorative system, and slide vocabulary are all tuned together. Mixing layouts across templates breaks the system; stay inside this one.

At a glance

Scheme: light
Formality: medium-low
Density: high
Slides in demo: 10

Best for

Anything that should feel pop-graphic and design-led: indie SaaS launches, agency credentials, creative reviews, brand redesigns. Also a strong unexpected pick for tech, finance, or research when the speaker wants to land as confident and contemporary rather than buttoned-up.

Avoid for

Contexts that require quiet institutional restraint or traditional weight (regulated disclosures, formal legal briefs).

Workflow

Clone example.html into the user's workspace as the working file.
Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
Preserve the design system. Never substitute fonts, recolor the palette, restructure the layout grid, or strip decorative elements (corner brackets, paper grain, geometric shapes, illustrated SVGs). They are part of the identity.
Adjust deck length by duplicating layouts. If the user has more content than the demo holds, duplicate an existing slide of the most appropriate layout. If less, drop slides from the bottom. Update page-number labels.
Designing missing layouts: if a slide needs a layout the template doesn't have, design it from scratch using the same fonts, palette, decorative vocabulary, spacing rhythm, and component grammar — never bail to a different template.
Keep the navigation runtime as shipped. If the deck ships an assets/deck-stage.js or inline keyboard handler, leave it intact.

Output contract

Emit between <artifact> tags:

<artifact identifier="zhangzara-block-frame" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

Source & license

Vendored from upstream MIT-licensed zarazhangrui/beautiful-html-templates.

The full upstream MIT license text — including the original copyright notice — ships in this skill at LICENSE and must be redistributed alongside any copy of example.html, template.json, or any vendored assets/ runtime. See template.json for the upstream metadata snapshot.

评价

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

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

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

同一仓库的技能