🎉 基于 HTML/JS + DeepSeek API 的轻量级 AI 内容创作工具集
专注于新媒体运营、文案写作、灵感激发与内容生产效率提升
| 特性 | 说明 |
|---|---|
| 纯前端架构 | 无需后端服务器,直接在浏览器运行 (单文件 HTML) |
| 多模型支持 | 集成 DeepSeek Chat (V3) 与 Reasoner (R1) 模型 |
| 场景化工具 | 覆盖从灵感挖掘、大纲规划、正文写作、改写润色到视觉卡片生成的全流程 |
| 隐私安全 | API Key 仅存储在浏览器本地 (localStorage),不上传任何服务器 |
- 工具规模: 120+ 款可检索入口(另含二级演示页、扩展套件等,以首页导航为准)
- 首页大类: 约 38 类(见
data/categories.js) - 支持平台: 小红书、公众号、抖音/短视频、直播、知乎、电商、私域等
下文「完整工具列表」为功能导览,便于检索文件名与场景;与站内分类可能略有出入时,以
index.html为准。
进阶能力集中在 tools/html_ai_extensions/(门户:tools/html_ai_extensions/index.html):语音备忘、拍照解题、Pollinations 配图、浏览器/Edge 朗读、PDF 问答、Tavily 搜索报告等;说明见 tools/html_ai_extensions/README.md。主站首页「HTML AI 能力扩展」分类可一键进入各单页。
深度分析用户画像、竞品策略,找到内容切入点
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 深度用户画像挖掘 | persona_miner.html |
利用 R1 推理模型深度挖掘目标用户的隐性痛点与心理 | 小红书、短视频、电商、私域 |
| 竞品拆解器 | competitor_decoder.html |
深度拆解竞品爆款逻辑、钩子结构及变现路径 | 小红书、短视频、公众号 |
| 竞品内容抓取与策略对比器 | competitor_content_mapper.html |
批量聚类竞品主题、钩子与情绪类型,输出策略矩阵与机会区间 | 小红书、短视频、公众号 |
| 选题拆解分析大师 | xhs_topic_analyzer.html |
拆解爆款内容,分析热词、钩子、情绪及痛点 | 小红书 |
打造差异化个人品牌,建立独特记忆点
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 人设打造师 | persona_architect.html |
交互式人设顾问,通过 3-5 轮深度问诊打造差异化定位 | 小红书、短视频、公众号、知乎 |
| 个人 IP 自我介绍生成器 | self_intro.html |
多场景自我介绍生成,支持导入人设打造师输出 | 小红书、短视频、公众号、知乎、私域 |
激发灵感,生成高点击率的选题和标题
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 爆款选题专家 | xhs_generator.html |
批量生成具有点击欲的选题卡片 | 小红书 |
| 爆款标题实验室 | viral_title_generator.html |
生成多维度爆款标题并预测点击率得分 | 小红书、短视频、公众号 |
| 创意风暴 | creative_storm.html |
沉浸式灵感激发工具,视觉化创作体验 | 小红书、短视频、公众号 |
| 智能内容日历规划师 | content_calendar_planner.html |
自定义周期的内容排期生成与可视化日历 | 小红书、短视频、公众号 |
| 知识付费课程策划 | course_planner.html |
一键生成课程大纲、每节课卖点及朋友圈宣发文案 | 私域、知识付费 |
从卖点提炼到详情页,打造高转化产品文案
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 产品卖点提炼器 | usp_miner.html |
AI 对比竞品挖掘差异化卖点,生成超级 Slogan | 电商、直播 |
| 产品详情页文案生成器 | product_detail.html |
模块化详情页文案:痛点、卖点、场景、信任、促单 | 电商 |
| FAQ 问答生成器 | faq_generator.html |
输入产品信息,自动生成高转化 FAQ 问答内容 | 电商 |
| 促销活动文案套装 | promotion_kit.html |
双 11/618/周年庆三阶段、多渠道促销文案 | 电商、私域、公众号 |
| 会员权益包装器 | membership_packager.html |
将会员福利包装成令人心动的卖点文案 | 电商、私域、会员 |
长文创作利器,适合公众号、知乎等深度内容
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 对话式写作助手 | chat_writer.html |
像 ChatGPT 一样多轮对话,逐步打磨文章 | 公众号、知乎、小红书 |
| DeepWriter 写作专家 | deep_writer.html |
全能型长文写作:大纲生成、分段扩写、润色优化 | 公众号、知乎 |
| AI 批量内容生成器 | multi_article_generator.html |
基于表格的批量内容生产,支持 JSON 结构化输出 | 小红书、公众号、电商 |
| 知乎专业回答生成器 | zhihu_answer.html |
4 种风格专业回答:干货型、故事型、观点型、科普型 | 知乎 |
| 同人小说生成器 | fanfic_dialogue_generator.html |
对话体同人小说创作,支持续写和导出 | 小说、创意写作 |
| 商务邮件写作助手 | business_email_writer.html |
12 种邮件类型模板,7 种收件人身份,一键生成专业邮件 | 职场、邮件 |
| 情书/表白文案生成器 | love_letter_generator.html |
多风格情感表达,精美信纸渲染,6 种艺术字体 | 情感表达、私域 |
分镜脚本、口播话术、直播带货全覆盖
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 短视频分镜脚本 | video_script_generator.html |
一键生成标准分镜脚本表格,支持导出 Excel | 短视频、抖音 |
| 视频钩子优化器 | video_hook.html |
5 种黄金 3 秒开场钩子:悬念、痛点、反差、数据、故事 | 短视频、抖音、直播 |
| 直播/口播逐字稿专家 | livestream_script.html |
口播+直播带货话术(聚人 → 留人 → 逼单),书面语转口语 | 短视频、直播、抖音 |
| 播客/音频脚本 | podcast_script_gen.html |
生成结构化对谈脚本,含时间轴、话题引入及金句 | 播客 |
朋友圈文案、社群 SOP、客服话术一站搞定
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 朋友圈/私域文案生成器 | private_domain_copywriter.html |
防折叠长文、剧本杀营销、生活化软广等多种文案 | 私域、朋友圈 |
| 社群 SOP 话术生成器 | community_sop.html |
拉新、激活、转化、促单、售后 5 大场景分时段话术 | 私域、社群 |
| 电商客服话术 | ecommerce_cs_guide.html |
催付、售后、好评等场景金牌客服话术 | 电商 |
| 智能神评论助手 | comment_assistant.html |
神吐槽、高情商、销售转化等多种风格回复 | 小红书、短视频、抖音 |
多平台适配、风格转换、内容升级
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 多平台内容改写 | content_rewriter.html |
一键改写为小红书、公众号、Twitter 等多平台风格 | 小红书、公众号、短视频 |
| 小红书改稿机器人 | xhs_rewriter.html |
模仿风格并改写成 4 篇全新小红书文案 | 小红书 |
| 小红书文案润色器 | xhs_polisher.html |
多选改写方向,自动优化排版、表情和标题 | 小红书 |
| 百变风格改写器 | style_rewriter.html |
内置 100+ 种文风,多选并行改写 | 小红书、公众号、短视频 |
| 知识碎片提取器 | knowledge_distiller.html |
长文提炼金句,拆解为小红书卡片大纲 | 小红书、短视频 |
| 语音转文字润色 | voice_polisher.html |
会议录音/口述转结构化文章,可发布到 Flomo | 公众号、知乎、私域 |
智能编辑器、表情优化、精美卡片生成
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| AI 智能编辑器 | ai_editor.html |
沉浸式写作,选中即时修改、Tab 智能续写 | 公众号、知乎 |
| 小红书 Emoji 编辑器 | xhs_emoji_editor.html |
智能镶嵌、关键词替换、多种氛围风格 | 小红书 |
| HTML 卡片生成器 | xhs_html_card_generator.html |
文字转精美图片卡片,支持缩放预览和动画效果 | 小红书 |
| 公众号排版助手 | wechat_editor.html |
一键生成公众号风格排版,6 种模板可选 | 公众号 |
基于多模型 API 的 AI 图像生成工具集
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 多模型图片生成器 | multi_model_image_generator.html |
支持豆包 Seedream、谷歌 Imagen、OpenRouter(DALL-E/SD/FLUX)多模型切换,一键生成高质量 AI 图像 | AI 绘画、小红书 |
| 小红书封面生成器 | xhs_cover_generator.html |
AI 生成高点击率小红书封面。支持 6 种风格模板(对比/明亮/粉彩/极简/渐变/暗黑),可选择豆包/谷歌/OpenRouter 多模型 | 小红书 |
| 产品场景图生成器 | product_scene_generator.html |
上传产品图,AI 自动生成多种场景展示图(生活场景/棚拍/户外/室内/极简/创意),支持多模型切换 | 电商 |
| AI 图像生成工作台 | ai_image_studio.html |
专业 AI 图像创作助手。支持文生图、图生图、批量生成、连续创作(故事板)等多种模式 | AI 绘画、创意 |
| AI 绘图提示词生成器 | ai_art_prompt.html |
中文描述转专业英文 Prompt (MJ/SD/DALL-E) | AI 绘画、小红书 |
Prompt 优化、翻译、SEO、模型对比等实用工具
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| LLM 交互原理实验室 | llm_playground.html |
12 个交互式实验深入理解大模型工作原理 | AI 学习 |
| Prompt 优化工坊 | prompt_optimizer.html |
AI 诊断并生成简洁版、详细版、COT 版多个优化版本 | AI 学习 |
| AI 绘图提示词生成器 | ai_art_prompt.html |
中文描述转专业英文 Prompt (MJ/SD/DALL-E) | AI 绘画、小红书 |
| Prompt 资产管理库 | prompt_asset_manager.html |
Prompt 版本沉淀、评分备注、检索与备份导入,并支持对话测试 | AI 学习、团队协作 |
| AI 翻译助手 | ai_translator.html |
12+ 语言并行翻译,直译/意译/营销风格 | 跨境电商 |
| 运营周报/月报生成器 | ops_report_generator.html |
多版本汇报(日报/周报/月报),多视角输出 | 运营 |
| SEO 标题/描述优化器 | seo_optimizer.html |
针对百度/Google/微信搜一搜优化并评分 | 公众号、知乎 |
| 多模型对比测试器 | model_arena.html |
并行对比 V3 vs R1,评分打分找出最佳模型 | AI 学习 |
| 内容合规审查助手 | content_review.html |
基于自定义违规词库审查文案合规性 | 小红书、公众号、短视频 |
| AI 模拟对练场 | ai_roleplay_arena.html |
AI 扮演杠精/甲方/小白进行文案压力测试 | 小红书、公众号 |
| 体感文案编辑器 | gesture_copy_editor.html |
通过头部动作选择 AI 文案走向 | AI 学习 |
| 思维导图生成器 | mindmap_generator.html |
文字内容一键转可视化思维导图 | AI 学习、知识管理 |
| Mermaid 图表生成器 | mermaid_generator.html |
AI 生成流程图/时序图/类图,实时预览导出 | AI 学习、技术文档 |
| 智能求职招聘助手 | job_assistant.html |
HR 端 JD 生成 + 求职者简历匹配、面试准备 | HR、求职、简历 |
| 智能新闻搜索 | news_search.html |
Tavily API 搜索 + DeepSeek 智能总结 | AI 学习、信息检索 |
| SVG 绘制专家 | svg_expert.html |
AI 驱动的矢量图形创作,支持导出 PNG/SVG | AI 学习、设计 |
| 答案之书 | bookofanswer.html |
趣味占卜工具,AI 生成个性化答案 | 娱乐 |
基于专业心理学框架(CBT/ACT/IFS 等)的自我探索与疗愈工具
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| 情绪日记分析师 | emotion_diary.html |
记录情绪并自动分析触发点,CBT 认知重构辅助 | 心理、日记 |
| 焦虑情绪对话室 | anxiety_chat.html |
3 种模式对话缓解焦虑,内置呼吸练习 | 心理、自我疗愈 |
| 内在小孩对话 | inner_child.html |
基于 IFS 疗法,与不同年龄段的自己对话 | 心理、疗愈 |
| 人生剧本改写师 | life_script_rewriter.html |
识别重复人生模式,改写核心信念 (TA 交互分析) | 心理、自我成长 |
| 价值观罗盘 | values_compass.html |
厘清核心价值观,生成行动一致性检查 (ACT 疗法) | 人生规划 |
| 情绪艺术生成器 | emotion_art.html |
将情绪转化为独特的视觉艺术作品 | 艺术疗愈 |
| 道歉信生成器 | apology_writer.html |
基于非暴力沟通(NVC)框架生成真诚的道歉文案 | 情感修复、心理 |
| 夸夸生成器 | compliment_gen.html |
提供即时情绪价值,温暖治愈的夸奖 | 情绪价值 |
| 工具名称 | 文件 | 功能描述 | 适用平台 |
|---|---|---|---|
| AI 全栈开发指南 | llm-tutorials/api-guides/AI开发工具与流程指南.html |
一站式了解 AI 模型、IDE 选型及全栈开发工作流 | AI 学习、开发 |
| 个人 AI 网站实战 | 构建个人AI网站实战.html |
零代码部署个人 AI 网站完整教程 (YouWare/Cloudflare) | AI 学习、部署 |
- 克隆或下载本项目
- 浏览器打开
index.html访问所有工具入口 - 在任意工具的 "设置" 中配置你的 DeepSeek API Key
- 配置会自动保存在浏览器本地 localStorage 中
- 👉 前往 DeepSeek 开放平台获取 Key
- 主站:https://100html.com
- Cloudflare Pages:https://html-gemini-project-new.pages.dev(若与主站不同步,以主站为准)
html-gemini-project-new/
├── LICENSE # MIT License
├── index.html # 工具导航首页
├── project_for_agents.html # Agent 导读
├── data/ # 分类与工具注册(categories.js 等)
├── tools/ # 各分类工具 HTML 与 tools.js
├── learn/ assets/ help/ # 教程、静态资源、帮助文档
├── specs/ # 项目规范与架构文档
├── docs/ # 进展、更新日志、说明文档
├── deploy/ # 辅助资源(如 public-site-overlay)
├── dist/ # 线上静态站点目录(可与公开仓库 100html 对应,可独立维护)
└── README.md # 本文档
- 📊 项目进展: 查看 docs/project_status.md
- 🔮 未来功能: 查看 docs/future_features.md
- 🎯 下一阶段重点: 查看 specs/roadmap-phase2.md
- 当前版本: v1.5.0
- 最后更新: 2026-04-06
- 工具总数: 120+ 款(以首页为准)
本仓库采用 MIT License,全文见 LICENSE。使用、修改或再分发时请保留版权声明与许可全文。欢迎 Issue / PR。
API Key 等仅存储在浏览器本地(Local-first),请自行妥善保管。
© 2025-2026 loresun / HTML Gemini Project