plannotator/effective-html

解决的问题

提供一组专为 AI 代理设计的技能，使其能够创建高质量、自包含的 HTML 资产。这使得代理能够超越文本响应，转而生成视觉工具，如线框图、原型和图表，为开发人员和设计师提供更好的上下文和清晰度。

工作原理

该项目将功能组织为六个不同的技能，将创意方向与技术可靠性分离。通用的 html 技能负责路由和广泛请求，而专门的技能则管理特定保真度级别：html-wireframe 用于低保真布局，html-prototype 用于交互行为，html-diagram 用于系统可视化，html-plan 用于路线图。一个独立的 design-artifact 技能提供设计流程，但不强制特定视觉风格。

适用人群

专为使用 AI 编码代理（如 Claude Code 或 Codex）的用户设计，希望其代理不仅能生成代码或文本，还能生成视觉文档、交互式原型和架构图。

主要亮点

• 专业化资产：支持从低保真线框图到完全交互式原型的多种输出。
• 自包含：每个生成的资产都是响应式的、可访问的，并在浏览器中经过验证。
• 模块化安装：可通过 CLI 工具作为集合或单独安装技能。
• 代理集成：原生支持 Claude Code 和 Codex 的插件。