Community写作与编辑github.com

liush2yuxjtu/html-artifacts

Claude 技能:构建自包含的交互式 HTML 工件(报表/演示文稿/流程图/原型/编辑器 UI),保存至 ~/.claude/artifacts 并一键打开。内含 20 个来自 ThariqS/html-effectiveness 的 Apache-2.0 示例。

html-artifacts 是什么?

这是一个专为 Claude 设计的技能,帮助开发者快速创建自包含的交互式 HTML 工件,包括数据报表、演示文稿、流程图、用户界面原型以及编辑器 UI 等。生成的 HTML 文件会自动保存到 `~/.claude/artifacts` 目录下,并支持一键打开查看。该技能捆绑了 20 个来自 ThariqS/html-effectiveness 仓库的 Apache-2.0 开源示例,涵盖多种常见交互模式,便于开发者参考和快速定制。适用于 Claude 桌面版或支持 Claude 技能的平台,通过简化 HTML 工件的创建和存储流程,提升开发效率和原型迭代速度。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add liush2yuxjtu/html-artifacts

Installed? Explore more 写作与编辑 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

html-artifacts 是做什么的?

Claude 技能:构建自包含的交互式 HTML 工件(报表/演示文稿/流程图/原型/编辑器 UI),保存至 ~/.claude/artifacts 并一键打开。内含 20 个来自 ThariqS/html-effectiveness 的 Apache-2.0 示例。

相关技能