Effective HTML
一组用于生成报告、线框图、交互原型、计划和架构图的 HTML Agent Skills，强调自包含与可验证输出。
来源可核验
公开 GitHub 仓库
本站内容对应原作者公开仓库；Stars、Forks 与活跃时间来自可追溯的仓库快照，安装前请回到原仓库核对最新说明。
查看原仓库 ↗先判断是否适合你
快速了解这个资源
解决什么问题
一组用于生成报告、线框图、交互原型、计划和架构图的 HTML Agent Skills，强调自包含与可验证输出。
适合谁
设计师、产品经理
核心能力
文档、规划与决策、Web 开发、可视化、效率工具
包含内容
一套可复用、可按需加载的 AI 工作方法
资源类型说明
这是一个 Skill
一套可复用、可按需加载的 AI 工作方法。三种资源解决的问题不同，选择时以你的目标为准。
- Skill
把一套可复用的任务方法交给 AI 按需执行。
- MCP
让 AI 安全连接外部工具、数据和服务。
- Plugin
为 AI 工具增加打包的功能、工作流或界面。
选择你正在使用的工具
快速安装
优先显示原项目提供的内容；没有统一命令时，只复制一条简短提示词交给当前 AI 工具。
Codex 提示词
简短提示词发送给 Codex，让内置 Skill Installer 从 GitHub 检查并安装。
$skill-installer https://github.com/plannotator/effective-html详细介绍
由社区根据原仓库资料整理，完整信息与最新变化请以原仓库为准。
Effective HTML
本页依据 Effective HTML 原仓库 整理；Skill 清单与示例以原仓库为准。
它解决什么问题
Effective HTML 提供一组生成自包含 HTML 成果物的 Agent Skills，让报告、线框图、交互原型、计划和架构图既可直接查看，也便于验证和分享。
核心能力
- 生成结构清晰的报告与计划页面
- 构建线框图和可交互原型
- 用 HTML 表达架构、流程和复杂关系
- 强调单文件、自包含与可验证输出
适合谁
适合需要快速产出可视化方案的设计师、产品经理、开发者，以及希望把 AI 结果交给他人审阅的团队。
使用前要知道
生成页面仍需检查可访问性、响应式布局和浏览器兼容性。涉及真实产品时，不应把原型直接当作生产代码发布。
上游明确提供的接入方式
上游提供 Claude Code 和 Codex 的插件市场方式，也保留独立 SKILL.md 的安装路径。