Creator · zjp1997720
Last updated · Sep 5, 2026
把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。
Creator · zjp1997720
Last updated · Sep 5, 2026
把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。
Creator · zjp1997720
Last updated · Sep 5, 2026
把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。
Creator · zjp1997720
Last updated · Sep 5, 2026
把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。
Sandbox only
Install targets
Codex install prompt
Install the "html-express" agent skill from https://github.com/zjp1997720/zhijian-skills/tree/main/skills/html-express. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"zjp1997720-html-express","task":"Install html-express","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Document processing
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Agent fit
Claude Code + CLI + Codex
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add zjp1997720/zhijian-skills --skill html-express
Maintenance
fresh
Pushed today
Risk
Needs review
Permission surface may require sandboxing
GitHub quality
576
75/100 Quality · 72/100 Trust
Coverage tags
Review notes
Permission surface may require sandboxing · SKILL.md is written entirely in Chinese, which may limit accessibility for non-Chinese-speaking agents or users, but this is not a functional defect.
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
StrongSolid option that is likely worth shortlisting for production workflows.
Trust
Sandbox onlyUseful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Run only in a sandbox and compare close alternatives before using it for real work.
Stars
576 GitHub stars
Repo activity
576 stars, 61 forks
Maintenance
Pushed today
License
MIT
Install
npx skills add zjp1997720/zhijian-skills --skill html-express
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add zjp1997720/zhijian-skills --skill html-expressDo not use when
Agent safety v2
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
high
Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/zjp1997720-html-express/install
Agent should check
Copy prompt
Task: Use html-express in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/zjp1997720-html-express/install
Install command: npx skills add zjp1997720/zhijian-skills --skill html-express
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/zjp1997720-html-express/install
LLM text format
/api/skills/zjp1997720-html-express/install?format=text
Find alternatives
/api/skills/search?q=html-express&limit=3
Agent prompt
Use html-express for this task. Review https://www.openagentskill.com/api/skills/zjp1997720-html-express/install, then install with: npx skills add zjp1997720/zhijian-skills --skill html-expressRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/zjp1997720-html-express
LLM text
/api/registry/manifest/zjp1997720-html-express?format=text
Install alias
/api/registry/install/zjp1997720-html-express
Recommend
/api/registry/recommend?task=Use%20html-express%20in%20an%20agent%20workflow&limit=3
Agent fit
Document processing
Use-case tags
Platforms
Claude Code
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Role in stack
Primary pick
Primary fit
Document processing
Trust label
Production-ready
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Useful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
GitHub adoption
INFO576 GitHub stars
Stars/forks activity
INFO576 stars, 61 forks; issue activity unavailable in current metadata
Recent maintenance
PASSPushed today
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Run only in a sandbox and compare close alternatives before using it for real work.
Quality profile
Solid option that is likely worth shortlisting for production workflows.
Workflow fit
Parse messy files
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Build and ship code
I need a coding agent that can understand a repository, edit code, and review pull requests.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Turn skills into distribution
A workflow for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.
Inspect, patch, and verify code
A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
Alternative shortlist
Similar skills that may fit this task.
Run multimodal agents that operate desktop interfaces
Connect agents to hundreds of workflow automations
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
--- name: html-express description: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 ---
# html-express
Agent 的日常 HTML 表达层。当信息密度高、读者要费力扫读时，用**单个自包含 HTML** 代替 Markdown。
> 灵感：Anthropic《Using Claude Code: The unreasonable effectiveness of HTML》—— HTML 是 Agent 最好的表达介质。
## 为什么是 HTML 不是 Markdown
- **信息密度**：HTML 能做结构、对比、交互，Markdown 只能堆文本 - **可读性**：表格、指标、时间线用 Markdown 是灾难，用 HTML 是享受 - **自包含**：一个文件，双击即开，零运行环境，可分享 - **判断准则**：读者要「费力扫读」的，升 HTML；一句话能说清的，留 Markdown
## 路由：该不该用 html-express
| 信号 | 去哪 | |---|---| | 要 PDF / 简历 / PPT / 落地页 / 白皮书 | → `kami` | | 要视频 / 动画 / 字幕 / 转场 | → `hyperframes` | | 要把大段信息整理成一页可读的网页 | → **本 skill** | | 一句话能说清的结论 | → 直接回 Markdown |
## 组件清单（10 个）
| 组件 | 适合什么信息 | |---|---| | `metric-card` | 关键指标、数据看点（2-4 个并排） | | `comparison-table` | 多方案横向对比 | | `data-table` | 结构化数据罗列（非对比） | | `timeline` | 时间线、里程碑、路线图 | | `checklist` | 步骤、SOP、检查项 | | `quote-card` | 判断、原话、金句 | | `code-block` | 代码、命令、配置 | | `details` | 长内容折叠（零 JS） | | `badge` | 状态标签（成功/警示/中性） | | `columns` | 多视角并置、优劣势对照 |
源码在 `assets/components/`。骨架在 `assets/skeleton.html`，token 在 `assets/tokens.css`。10 个组件的完整效果见 `assets/demo-all.html`（双击打开）。
## 组装流程
1. **识别信息形态** → 对比？清单？指标？时间线？引用？决策？ 2. **选组件** → 从清单挑 2-5 个最配的，不强求全用 3. **套骨架** → 复制 `assets/skeleton.html`，把 `tokens.css` 完整内容粘进顶部 `<style>`（替换 `@import`） 4. **填内容** → 数据 > 形容词；不留占位符；缺数据标 `[数据待补：说明]` 5. **产出** → 单个 `.html`，双击即开
### 信息形态 → 组件 路由表
| 信息形态 | 推荐组件 | |---|---| | 多方案横向对比 | comparison-table + badge | | 关键指标 / 数据看点 | metric-card（2-4 个并排） | | 时间线 / 里程碑 / 路线图 | timeline | | 步骤 / SOP / 清单 | checklist | | 大段判断 / 原话 / 金句 | quote-card | | 代码 / 命令 / 配置 | code-block | | 长内容折叠 | details | | 结构化数据罗列 | data-table | | 多视角并置 | columns |
## 视觉契约（绑定 智见AI DESIGN.md）
token 已在 `assets/tokens.css` 抽好，组件一律引用变量，**不要写死颜色/字号字面值**。
- 背景永远暖纸 `#F5F4ED`，不纯白 - 主行动色暖陶 `#B85235`，结构色墨蓝 `#1B365D` - 正文链接用 `--accent-text`（`#A04A2E`，对比度安全） - **`--human`（`#C96442`）只做装饰或 ≥22px 大字，不可做正文小字**（对比度仅 3.7:1） - 字体靠 fallback，不嵌入字体文件
## 禁止（Agent 最容易犯的）
- ❌ 占位符残留（`[填这里]`、Lorem、TBD） - ❌ 编造数据、统计；缺数据标 `[数据待补：说明]` - ❌ 弱表格——该用对比矩阵却堆成清单 - ❌ 渐变、玻璃拟态、霓虹、强阴影（DESIGN.md 明令禁止） - ❌ 做成营销落地页（那是 kami 的事）
## 参考
- 品牌真源：`04_系统/品牌系统/DESIGN.md` - 组件速览：`assets/demo-all.html`（双击打开看全套效果）
Source provenance
Decision snapshot
576 GitHub stars
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for html-express, ready for a manual X post.
html-express: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HT... 576 stars https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x
Listing + install path for html-express: https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x Install: npx skills add zjp1997720/zhijian-skills --skill html-express
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to zjp1997720 but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express/audit)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)zjp1997720
@zjp1997720
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Sandbox only
UI-TARS Desktop
Run multimodal agents that operate desktop interfaces
37.0K Starsn8n
Connect agents to hundreds of workflow automations
194.1K StarsMoneyPrinterTurbo
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
88.5K StarsTasmota
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
24.7K StarsSandbox only
Install targets
Codex install prompt
Install the "html-express" agent skill from https://github.com/zjp1997720/zhijian-skills/tree/main/skills/html-express. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"zjp1997720-html-express","task":"Install html-express","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Document processing
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Agent fit
Claude Code + CLI + Codex
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add zjp1997720/zhijian-skills --skill html-express
Maintenance
fresh
Pushed today
Risk
Needs review
Permission surface may require sandboxing
GitHub quality
576
75/100 Quality · 72/100 Trust
Coverage tags
Review notes
Permission surface may require sandboxing · SKILL.md is written entirely in Chinese, which may limit accessibility for non-Chinese-speaking agents or users, but this is not a functional defect.
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
StrongSolid option that is likely worth shortlisting for production workflows.
Trust
Sandbox onlyUseful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Run only in a sandbox and compare close alternatives before using it for real work.
Stars
576 GitHub stars
Repo activity
576 stars, 61 forks
Maintenance
Pushed today
License
MIT
Install
npx skills add zjp1997720/zhijian-skills --skill html-express
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add zjp1997720/zhijian-skills --skill html-expressDo not use when
Agent safety v2
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
high
Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/zjp1997720-html-express/install
Agent should check
Copy prompt
Task: Use html-express in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/zjp1997720-html-express/install
Install command: npx skills add zjp1997720/zhijian-skills --skill html-express
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/zjp1997720-html-express/install
LLM text format
/api/skills/zjp1997720-html-express/install?format=text
Find alternatives
/api/skills/search?q=html-express&limit=3
Agent prompt
Use html-express for this task. Review https://www.openagentskill.com/api/skills/zjp1997720-html-express/install, then install with: npx skills add zjp1997720/zhijian-skills --skill html-expressRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/zjp1997720-html-express
LLM text
/api/registry/manifest/zjp1997720-html-express?format=text
Install alias
/api/registry/install/zjp1997720-html-express
Recommend
/api/registry/recommend?task=Use%20html-express%20in%20an%20agent%20workflow&limit=3
Agent fit
Document processing
Use-case tags
Platforms
Claude Code
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Role in stack
Primary pick
Primary fit
Document processing
Trust label
Production-ready
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Useful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
GitHub adoption
INFO576 GitHub stars
Stars/forks activity
INFO576 stars, 61 forks; issue activity unavailable in current metadata
Recent maintenance
PASSPushed today
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Run only in a sandbox and compare close alternatives before using it for real work.
Quality profile
Solid option that is likely worth shortlisting for production workflows.
Workflow fit
Parse messy files
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Build and ship code
I need a coding agent that can understand a repository, edit code, and review pull requests.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Turn skills into distribution
A workflow for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.
Inspect, patch, and verify code
A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
Alternative shortlist
Similar skills that may fit this task.
Run multimodal agents that operate desktop interfaces
Connect agents to hundreds of workflow automations
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
--- name: html-express description: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 ---
# html-express
Agent 的日常 HTML 表达层。当信息密度高、读者要费力扫读时，用**单个自包含 HTML** 代替 Markdown。
> 灵感：Anthropic《Using Claude Code: The unreasonable effectiveness of HTML》—— HTML 是 Agent 最好的表达介质。
## 为什么是 HTML 不是 Markdown
- **信息密度**：HTML 能做结构、对比、交互，Markdown 只能堆文本 - **可读性**：表格、指标、时间线用 Markdown 是灾难，用 HTML 是享受 - **自包含**：一个文件，双击即开，零运行环境，可分享 - **判断准则**：读者要「费力扫读」的，升 HTML；一句话能说清的，留 Markdown
## 路由：该不该用 html-express
| 信号 | 去哪 | |---|---| | 要 PDF / 简历 / PPT / 落地页 / 白皮书 | → `kami` | | 要视频 / 动画 / 字幕 / 转场 | → `hyperframes` | | 要把大段信息整理成一页可读的网页 | → **本 skill** | | 一句话能说清的结论 | → 直接回 Markdown |
## 组件清单（10 个）
| 组件 | 适合什么信息 | |---|---| | `metric-card` | 关键指标、数据看点（2-4 个并排） | | `comparison-table` | 多方案横向对比 | | `data-table` | 结构化数据罗列（非对比） | | `timeline` | 时间线、里程碑、路线图 | | `checklist` | 步骤、SOP、检查项 | | `quote-card` | 判断、原话、金句 | | `code-block` | 代码、命令、配置 | | `details` | 长内容折叠（零 JS） | | `badge` | 状态标签（成功/警示/中性） | | `columns` | 多视角并置、优劣势对照 |
源码在 `assets/components/`。骨架在 `assets/skeleton.html`，token 在 `assets/tokens.css`。10 个组件的完整效果见 `assets/demo-all.html`（双击打开）。
## 组装流程
1. **识别信息形态** → 对比？清单？指标？时间线？引用？决策？ 2. **选组件** → 从清单挑 2-5 个最配的，不强求全用 3. **套骨架** → 复制 `assets/skeleton.html`，把 `tokens.css` 完整内容粘进顶部 `<style>`（替换 `@import`） 4. **填内容** → 数据 > 形容词；不留占位符；缺数据标 `[数据待补：说明]` 5. **产出** → 单个 `.html`，双击即开
### 信息形态 → 组件 路由表
| 信息形态 | 推荐组件 | |---|---| | 多方案横向对比 | comparison-table + badge | | 关键指标 / 数据看点 | metric-card（2-4 个并排） | | 时间线 / 里程碑 / 路线图 | timeline | | 步骤 / SOP / 清单 | checklist | | 大段判断 / 原话 / 金句 | quote-card | | 代码 / 命令 / 配置 | code-block | | 长内容折叠 | details | | 结构化数据罗列 | data-table | | 多视角并置 | columns |
## 视觉契约（绑定 智见AI DESIGN.md）
token 已在 `assets/tokens.css` 抽好，组件一律引用变量，**不要写死颜色/字号字面值**。
- 背景永远暖纸 `#F5F4ED`，不纯白 - 主行动色暖陶 `#B85235`，结构色墨蓝 `#1B365D` - 正文链接用 `--accent-text`（`#A04A2E`，对比度安全） - **`--human`（`#C96442`）只做装饰或 ≥22px 大字，不可做正文小字**（对比度仅 3.7:1） - 字体靠 fallback，不嵌入字体文件
## 禁止（Agent 最容易犯的）
- ❌ 占位符残留（`[填这里]`、Lorem、TBD） - ❌ 编造数据、统计；缺数据标 `[数据待补：说明]` - ❌ 弱表格——该用对比矩阵却堆成清单 - ❌ 渐变、玻璃拟态、霓虹、强阴影（DESIGN.md 明令禁止） - ❌ 做成营销落地页（那是 kami 的事）
## 参考
- 品牌真源：`04_系统/品牌系统/DESIGN.md` - 组件速览：`assets/demo-all.html`（双击打开看全套效果）
Source provenance
Decision snapshot
576 GitHub stars
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for html-express, ready for a manual X post.
html-express: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HT... 576 stars https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x
Listing + install path for html-express: https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x Install: npx skills add zjp1997720/zhijian-skills --skill html-express
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to zjp1997720 but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express/audit)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)zjp1997720
@zjp1997720
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Sandbox only
UI-TARS Desktop
Run multimodal agents that operate desktop interfaces
37.0K Starsn8n
Connect agents to hundreds of workflow automations
194.1K StarsMoneyPrinterTurbo
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
88.5K StarsTasmota
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
24.7K StarsSandbox only
Install targets
Codex install prompt
Install the "html-express" agent skill from https://github.com/zjp1997720/zhijian-skills/tree/main/skills/html-express. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"zjp1997720-html-express","task":"Install html-express","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Document processing
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Agent fit
Claude Code + CLI + Codex
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add zjp1997720/zhijian-skills --skill html-express
Maintenance
fresh
Pushed today
Risk
Needs review
Permission surface may require sandboxing
GitHub quality
576
75/100 Quality · 72/100 Trust
Coverage tags
Review notes
Permission surface may require sandboxing · SKILL.md is written entirely in Chinese, which may limit accessibility for non-Chinese-speaking agents or users, but this is not a functional defect.
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
StrongSolid option that is likely worth shortlisting for production workflows.
Trust
Sandbox onlyUseful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Run only in a sandbox and compare close alternatives before using it for real work.
Stars
576 GitHub stars
Repo activity
576 stars, 61 forks
Maintenance
Pushed today
License
MIT
Install
npx skills add zjp1997720/zhijian-skills --skill html-express
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add zjp1997720/zhijian-skills --skill html-expressDo not use when
Agent safety v2
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
high
Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/zjp1997720-html-express/install
Agent should check
Copy prompt
Task: Use html-express in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/zjp1997720-html-express/install
Install command: npx skills add zjp1997720/zhijian-skills --skill html-express
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/zjp1997720-html-express/install
LLM text format
/api/skills/zjp1997720-html-express/install?format=text
Find alternatives
/api/skills/search?q=html-express&limit=3
Agent prompt
Use html-express for this task. Review https://www.openagentskill.com/api/skills/zjp1997720-html-express/install, then install with: npx skills add zjp1997720/zhijian-skills --skill html-expressRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/zjp1997720-html-express
LLM text
/api/registry/manifest/zjp1997720-html-express?format=text
Install alias
/api/registry/install/zjp1997720-html-express
Recommend
/api/registry/recommend?task=Use%20html-express%20in%20an%20agent%20workflow&limit=3
Agent fit
Document processing
Use-case tags
Platforms
Claude Code
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Role in stack
Primary pick
Primary fit
Document processing
Trust label
Production-ready
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Useful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
GitHub adoption
INFO576 GitHub stars
Stars/forks activity
INFO576 stars, 61 forks; issue activity unavailable in current metadata
Recent maintenance
PASSPushed today
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Run only in a sandbox and compare close alternatives before using it for real work.
Quality profile
Solid option that is likely worth shortlisting for production workflows.
Workflow fit
Parse messy files
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Build and ship code
I need a coding agent that can understand a repository, edit code, and review pull requests.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Turn skills into distribution
A workflow for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.
Inspect, patch, and verify code
A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
Alternative shortlist
Similar skills that may fit this task.
Run multimodal agents that operate desktop interfaces
Connect agents to hundreds of workflow automations
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
--- name: html-express description: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 ---
# html-express
Agent 的日常 HTML 表达层。当信息密度高、读者要费力扫读时，用**单个自包含 HTML** 代替 Markdown。
> 灵感：Anthropic《Using Claude Code: The unreasonable effectiveness of HTML》—— HTML 是 Agent 最好的表达介质。
## 为什么是 HTML 不是 Markdown
- **信息密度**：HTML 能做结构、对比、交互，Markdown 只能堆文本 - **可读性**：表格、指标、时间线用 Markdown 是灾难，用 HTML 是享受 - **自包含**：一个文件，双击即开，零运行环境，可分享 - **判断准则**：读者要「费力扫读」的，升 HTML；一句话能说清的，留 Markdown
## 路由：该不该用 html-express
| 信号 | 去哪 | |---|---| | 要 PDF / 简历 / PPT / 落地页 / 白皮书 | → `kami` | | 要视频 / 动画 / 字幕 / 转场 | → `hyperframes` | | 要把大段信息整理成一页可读的网页 | → **本 skill** | | 一句话能说清的结论 | → 直接回 Markdown |
## 组件清单（10 个）
| 组件 | 适合什么信息 | |---|---| | `metric-card` | 关键指标、数据看点（2-4 个并排） | | `comparison-table` | 多方案横向对比 | | `data-table` | 结构化数据罗列（非对比） | | `timeline` | 时间线、里程碑、路线图 | | `checklist` | 步骤、SOP、检查项 | | `quote-card` | 判断、原话、金句 | | `code-block` | 代码、命令、配置 | | `details` | 长内容折叠（零 JS） | | `badge` | 状态标签（成功/警示/中性） | | `columns` | 多视角并置、优劣势对照 |
源码在 `assets/components/`。骨架在 `assets/skeleton.html`，token 在 `assets/tokens.css`。10 个组件的完整效果见 `assets/demo-all.html`（双击打开）。
## 组装流程
1. **识别信息形态** → 对比？清单？指标？时间线？引用？决策？ 2. **选组件** → 从清单挑 2-5 个最配的，不强求全用 3. **套骨架** → 复制 `assets/skeleton.html`，把 `tokens.css` 完整内容粘进顶部 `<style>`（替换 `@import`） 4. **填内容** → 数据 > 形容词；不留占位符；缺数据标 `[数据待补：说明]` 5. **产出** → 单个 `.html`，双击即开
### 信息形态 → 组件 路由表
| 信息形态 | 推荐组件 | |---|---| | 多方案横向对比 | comparison-table + badge | | 关键指标 / 数据看点 | metric-card（2-4 个并排） | | 时间线 / 里程碑 / 路线图 | timeline | | 步骤 / SOP / 清单 | checklist | | 大段判断 / 原话 / 金句 | quote-card | | 代码 / 命令 / 配置 | code-block | | 长内容折叠 | details | | 结构化数据罗列 | data-table | | 多视角并置 | columns |
## 视觉契约（绑定 智见AI DESIGN.md）
token 已在 `assets/tokens.css` 抽好，组件一律引用变量，**不要写死颜色/字号字面值**。
- 背景永远暖纸 `#F5F4ED`，不纯白 - 主行动色暖陶 `#B85235`，结构色墨蓝 `#1B365D` - 正文链接用 `--accent-text`（`#A04A2E`，对比度安全） - **`--human`（`#C96442`）只做装饰或 ≥22px 大字，不可做正文小字**（对比度仅 3.7:1） - 字体靠 fallback，不嵌入字体文件
## 禁止（Agent 最容易犯的）
- ❌ 占位符残留（`[填这里]`、Lorem、TBD） - ❌ 编造数据、统计；缺数据标 `[数据待补：说明]` - ❌ 弱表格——该用对比矩阵却堆成清单 - ❌ 渐变、玻璃拟态、霓虹、强阴影（DESIGN.md 明令禁止） - ❌ 做成营销落地页（那是 kami 的事）
## 参考
- 品牌真源：`04_系统/品牌系统/DESIGN.md` - 组件速览：`assets/demo-all.html`（双击打开看全套效果）
Source provenance
Decision snapshot
576 GitHub stars
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for html-express, ready for a manual X post.
html-express: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HT... 576 stars https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x
Listing + install path for html-express: https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x Install: npx skills add zjp1997720/zhijian-skills --skill html-express
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to zjp1997720 but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express/audit)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)zjp1997720
@zjp1997720
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Sandbox only
UI-TARS Desktop
Run multimodal agents that operate desktop interfaces
37.0K Starsn8n
Connect agents to hundreds of workflow automations
194.1K StarsMoneyPrinterTurbo
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
88.5K StarsTasmota
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
24.7K StarsSandbox only
Install targets
Codex install prompt
Install the "html-express" agent skill from https://github.com/zjp1997720/zhijian-skills/tree/main/skills/html-express. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"zjp1997720-html-express","task":"Install html-express","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Document processing
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Agent fit
Claude Code + CLI + Codex
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add zjp1997720/zhijian-skills --skill html-express
Maintenance
fresh
Pushed today
Risk
Needs review
Permission surface may require sandboxing
GitHub quality
576
75/100 Quality · 72/100 Trust
Coverage tags
Review notes
Permission surface may require sandboxing · SKILL.md is written entirely in Chinese, which may limit accessibility for non-Chinese-speaking agents or users, but this is not a functional defect.
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
StrongSolid option that is likely worth shortlisting for production workflows.
Trust
Sandbox onlyUseful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Run only in a sandbox and compare close alternatives before using it for real work.
Stars
576 GitHub stars
Repo activity
576 stars, 61 forks
Maintenance
Pushed today
License
MIT
Install
npx skills add zjp1997720/zhijian-skills --skill html-express
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add zjp1997720/zhijian-skills --skill html-expressDo not use when
Agent safety v2
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
high
Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/zjp1997720-html-express/install
Agent should check
Copy prompt
Task: Use html-express in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20html-express%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/zjp1997720-html-express/install
Install command: npx skills add zjp1997720/zhijian-skills --skill html-express
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/zjp1997720-html-express/install
LLM text format
/api/skills/zjp1997720-html-express/install?format=text
Find alternatives
/api/skills/search?q=html-express&limit=3
Agent prompt
Use html-express for this task. Review https://www.openagentskill.com/api/skills/zjp1997720-html-express/install, then install with: npx skills add zjp1997720/zhijian-skills --skill html-expressRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/zjp1997720-html-express
LLM text
/api/registry/manifest/zjp1997720-html-express?format=text
Install alias
/api/registry/install/zjp1997720-html-express
Recommend
/api/registry/recommend?task=Use%20html-express%20in%20an%20agent%20workflow&limit=3
Agent fit
Document processing
Use-case tags
Platforms
Claude Code
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Role in stack
Primary pick
Primary fit
Document processing
Trust label
Production-ready
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Useful candidate with missing or mixed trust signals. Keep it in an isolated workspace until the outcome loop proves task fit.
GitHub adoption
INFO576 GitHub stars
Stars/forks activity
INFO576 stars, 61 forks; issue activity unavailable in current metadata
Recent maintenance
PASSPushed today
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Run only in a sandbox and compare close alternatives before using it for real work.
Quality profile
Solid option that is likely worth shortlisting for production workflows.
Workflow fit
Parse messy files
I need my agent to read PDFs, extract tables, and turn documents into structured data.
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Build and ship code
I need a coding agent that can understand a repository, edit code, and review pull requests.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Turn skills into distribution
A workflow for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.
Inspect, patch, and verify code
A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
Alternative shortlist
Similar skills that may fit this task.
Run multimodal agents that operate desktop interfaces
Connect agents to hundreds of workflow automations
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
--- name: html-express description: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HTML 报告」时触发。产物是单个可双击打开的 .html 文件。郑重 PDF/简历/PPT/落地页交付请用 kami；视频/动画用 hyperframes；上线部署不在本 skill 范围。 ---
# html-express
Agent 的日常 HTML 表达层。当信息密度高、读者要费力扫读时，用**单个自包含 HTML** 代替 Markdown。
> 灵感：Anthropic《Using Claude Code: The unreasonable effectiveness of HTML》—— HTML 是 Agent 最好的表达介质。
## 为什么是 HTML 不是 Markdown
- **信息密度**：HTML 能做结构、对比、交互，Markdown 只能堆文本 - **可读性**：表格、指标、时间线用 Markdown 是灾难，用 HTML 是享受 - **自包含**：一个文件，双击即开，零运行环境，可分享 - **判断准则**：读者要「费力扫读」的，升 HTML；一句话能说清的，留 Markdown
## 路由：该不该用 html-express
| 信号 | 去哪 | |---|---| | 要 PDF / 简历 / PPT / 落地页 / 白皮书 | → `kami` | | 要视频 / 动画 / 字幕 / 转场 | → `hyperframes` | | 要把大段信息整理成一页可读的网页 | → **本 skill** | | 一句话能说清的结论 | → 直接回 Markdown |
## 组件清单（10 个）
| 组件 | 适合什么信息 | |---|---| | `metric-card` | 关键指标、数据看点（2-4 个并排） | | `comparison-table` | 多方案横向对比 | | `data-table` | 结构化数据罗列（非对比） | | `timeline` | 时间线、里程碑、路线图 | | `checklist` | 步骤、SOP、检查项 | | `quote-card` | 判断、原话、金句 | | `code-block` | 代码、命令、配置 | | `details` | 长内容折叠（零 JS） | | `badge` | 状态标签（成功/警示/中性） | | `columns` | 多视角并置、优劣势对照 |
源码在 `assets/components/`。骨架在 `assets/skeleton.html`，token 在 `assets/tokens.css`。10 个组件的完整效果见 `assets/demo-all.html`（双击打开）。
## 组装流程
1. **识别信息形态** → 对比？清单？指标？时间线？引用？决策？ 2. **选组件** → 从清单挑 2-5 个最配的，不强求全用 3. **套骨架** → 复制 `assets/skeleton.html`，把 `tokens.css` 完整内容粘进顶部 `<style>`（替换 `@import`） 4. **填内容** → 数据 > 形容词；不留占位符；缺数据标 `[数据待补：说明]` 5. **产出** → 单个 `.html`，双击即开
### 信息形态 → 组件 路由表
| 信息形态 | 推荐组件 | |---|---| | 多方案横向对比 | comparison-table + badge | | 关键指标 / 数据看点 | metric-card（2-4 个并排） | | 时间线 / 里程碑 / 路线图 | timeline | | 步骤 / SOP / 清单 | checklist | | 大段判断 / 原话 / 金句 | quote-card | | 代码 / 命令 / 配置 | code-block | | 长内容折叠 | details | | 结构化数据罗列 | data-table | | 多视角并置 | columns |
## 视觉契约（绑定 智见AI DESIGN.md）
token 已在 `assets/tokens.css` 抽好，组件一律引用变量，**不要写死颜色/字号字面值**。
- 背景永远暖纸 `#F5F4ED`，不纯白 - 主行动色暖陶 `#B85235`，结构色墨蓝 `#1B365D` - 正文链接用 `--accent-text`（`#A04A2E`，对比度安全） - **`--human`（`#C96442`）只做装饰或 ≥22px 大字，不可做正文小字**（对比度仅 3.7:1） - 字体靠 fallback，不嵌入字体文件
## 禁止（Agent 最容易犯的）
- ❌ 占位符残留（`[填这里]`、Lorem、TBD） - ❌ 编造数据、统计；缺数据标 `[数据待补：说明]` - ❌ 弱表格——该用对比矩阵却堆成清单 - ❌ 渐变、玻璃拟态、霓虹、强阴影（DESIGN.md 明令禁止） - ❌ 做成营销落地页（那是 kami 的事）
## 参考
- 品牌真源：`04_系统/品牌系统/DESIGN.md` - 组件速览：`assets/demo-all.html`（双击打开看全套效果）
Source provenance
Decision snapshot
576 GitHub stars
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for html-express, ready for a manual X post.
html-express: 把信息密集的内容做成结构化、可读的自包含 HTML——调研报告、对比矩阵、清单、数据看板、决策页。当 Agent 要输出大段信息、对比、指标、时间线，或用户说「做成网页/可视化报告/HT... 576 stars https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x
Listing + install path for html-express: https://www.openagentskill.com/skills/zjp1997720-html-express?ref=x Install: npx skills add zjp1997720/zhijian-skills --skill html-express
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to zjp1997720 but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/zjp1997720-html-express/audit)
[](https://www.openagentskill.com/skills/zjp1997720-html-express?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)zjp1997720
@zjp1997720
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Sandbox only
UI-TARS Desktop
Run multimodal agents that operate desktop interfaces
37.0K Starsn8n
Connect agents to hundreds of workflow automations
194.1K StarsMoneyPrinterTurbo
利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.
88.5K StarsTasmota
Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at
24.7K StarsPermission surface
secrets or environment access, filesystem or document access
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness
Permission surface
secrets or environment access, filesystem or document access
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness
Permission surface
secrets or environment access, filesystem or document access
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness
Permission surface
secrets or environment access, filesystem or document access
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness