HTMX (Django)
将HTMX与Django结合，快速构建现代化动态Web应用。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTMX (Django)。 它的用途是：将HTMX与Django结合，快速构建现代化动态Web应用。 详细介绍见：https://321skill.com/skills/htmx-django/ 请根据该页面的说明完成安装。
使用示例
‘我需要为我的Django博客添加一个无刷新评论提交功能。’，它会指导你在模板的评论表单中添加`hx-post`属性指向处理视图，并创建返回包含新评论的HTML片段的Django视图。接着，你可以继续问：‘如何实现评论的实时点赞？’，它会教你使用`hx-get`和`hx-swap`来异步更新点赞计数。
介绍
这个Skill旨在解决传统Web开发中前后端分离带来的复杂性，帮助开发者利用HTMX的轻量级AJAX和HTML片段更新能力，直接在Django模板中构建动态交互，无需编写复杂的JavaScript框架代码。
使用方式非常简单，开发者只需在Django项目中引入HTMX库，并在模板中使用hx-开头的属性（如hx-get, hx-post）来定义异步请求和局部更新，即可实现类似单页应用的动态效果，如无刷新表单提交、实时搜索、分页加载等。
它非常适合希望提升开发效率、减少技术栈复杂度的全栈开发者和后端开发者，特别是那些熟悉Django但希望为应用添加现代交互功能，又不想深入前端框架的团队。
建议在项目初期就考虑引入，并充分利用Django的视图和模板系统来返回HTML片段。需要注意，HTMX主要处理中等复杂度的交互，对于需要复杂前端状态管理的场景，可能仍需结合少量JavaScript。
核心特点
与通用的前端框架技能不同，它深度聚焦于Django生态，提供了将HTMX无缝集成到Django模板和视图层的具体实践模式，而非泛泛介绍HTMX语法。
注意事项
不适合构建需要复杂客户端状态管理、高度动态可视化或游戏类的前端应用。
常见问题
HTMX能完全替代React或Vue吗？
不能完全替代，它更适合替代传统多页应用中的jQuery AJAX，用于构建中等复杂度的动态交互，复杂SPA仍需前端框架。
在Django中使用HTMX需要改变后端架构吗？
基本不需要，可以继续使用Django的视图和模板系统，只需让视图返回HTML片段而非完整页面即可。