Skip to content

loresun/100html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML Gemini Project - AI 内容创作套件

🎉 基于 HTML/JS + DeepSeek API 的轻量级 AI 内容创作工具集
专注于新媒体运营、文案写作、灵感激发与内容生产效率提升

🌟 核心亮点

特性 说明
纯前端架构 无需后端服务器,直接在浏览器运行 (单文件 HTML)
多模型支持 集成 DeepSeek Chat (V3) 与 Reasoner (R1) 模型
场景化工具 覆盖从灵感挖掘、大纲规划、正文写作、改写润色到视觉卡片生成的全流程
隐私安全 API Key 仅存储在浏览器本地 (localStorage),不上传任何服务器

📊 工具统计

  • 工具规模: 120+ 款可检索入口(另含二级演示页、扩展套件等,以首页导航为准)
  • 首页大类: 约 38 类(见 data/categories.js
  • 支持平台: 小红书、公众号、抖音/短视频、直播、知乎、电商、私域等

下文「完整工具列表」为功能导览,便于检索文件名与场景;与站内分类可能略有出入时,以 index.html 为准。

HTML AI 能力扩展套件(子目录)

进阶能力集中在 tools/html_ai_extensions/(门户:tools/html_ai_extensions/index.html):语音备忘、拍照解题、Pollinations 配图、浏览器/Edge 朗读、PDF 问答、Tavily 搜索报告等;说明见 tools/html_ai_extensions/README.md。主站首页「HTML AI 能力扩展」分类可一键进入各单页。


🛠 完整工具列表

💡 1. 用户研究与洞察 (Research & Insights)

深度分析用户画像、竞品策略,找到内容切入点

工具名称 文件 功能描述 适用平台
深度用户画像挖掘 persona_miner.html 利用 R1 推理模型深度挖掘目标用户的隐性痛点与心理 小红书、短视频、电商、私域
竞品拆解器 competitor_decoder.html 深度拆解竞品爆款逻辑、钩子结构及变现路径 小红书、短视频、公众号
竞品内容抓取与策略对比器 competitor_content_mapper.html 批量聚类竞品主题、钩子与情绪类型,输出策略矩阵与机会区间 小红书、短视频、公众号
选题拆解分析大师 xhs_topic_analyzer.html 拆解爆款内容,分析热词、钩子、情绪及痛点 小红书

🎨 2. IP 人设与定位 (Personal Branding)

打造差异化个人品牌,建立独特记忆点

工具名称 文件 功能描述 适用平台
人设打造师 persona_architect.html 交互式人设顾问,通过 3-5 轮深度问诊打造差异化定位 小红书、短视频、公众号、知乎
个人 IP 自我介绍生成器 self_intro.html 多场景自我介绍生成,支持导入人设打造师输出 小红书、短视频、公众号、知乎、私域

💭 3. 选题与创意 (Topic & Creativity)

激发灵感,生成高点击率的选题和标题

工具名称 文件 功能描述 适用平台
爆款选题专家 xhs_generator.html 批量生成具有点击欲的选题卡片 小红书
爆款标题实验室 viral_title_generator.html 生成多维度爆款标题并预测点击率得分 小红书、短视频、公众号
创意风暴 creative_storm.html 沉浸式灵感激发工具,视觉化创作体验 小红书、短视频、公众号
智能内容日历规划师 content_calendar_planner.html 自定义周期的内容排期生成与可视化日历 小红书、短视频、公众号
知识付费课程策划 course_planner.html 一键生成课程大纲、每节课卖点及朋友圈宣发文案 私域、知识付费

🛒 4. 产品与电商文案 (E-commerce Copywriting)

从卖点提炼到详情页,打造高转化产品文案

工具名称 文件 功能描述 适用平台
产品卖点提炼器 usp_miner.html AI 对比竞品挖掘差异化卖点,生成超级 Slogan 电商、直播
产品详情页文案生成器 product_detail.html 模块化详情页文案:痛点、卖点、场景、信任、促单 电商
FAQ 问答生成器 faq_generator.html 输入产品信息,自动生成高转化 FAQ 问答内容 电商
促销活动文案套装 promotion_kit.html 双 11/618/周年庆三阶段、多渠道促销文案 电商、私域、公众号
会员权益包装器 membership_packager.html 将会员福利包装成令人心动的卖点文案 电商、私域、会员

✍️ 5. 深度写作 (Creative Writing)

长文创作利器,适合公众号、知乎等深度内容

工具名称 文件 功能描述 适用平台
对话式写作助手 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 种艺术字体 情感表达、私域

🎬 6. 短视频与直播 (Video & Livestream)

分镜脚本、口播话术、直播带货全覆盖

工具名称 文件 功能描述 适用平台
短视频分镜脚本 video_script_generator.html 一键生成标准分镜脚本表格,支持导出 Excel 短视频、抖音
视频钩子优化器 video_hook.html 5 种黄金 3 秒开场钩子:悬念、痛点、反差、数据、故事 短视频、抖音、直播
直播/口播逐字稿专家 livestream_script.html 口播+直播带货话术(聚人 → 留人 → 逼单),书面语转口语 短视频、直播、抖音
播客/音频脚本 podcast_script_gen.html 生成结构化对谈脚本,含时间轴、话题引入及金句 播客

👥 7. 私域与社群运营 (Community Marketing)

朋友圈文案、社群 SOP、客服话术一站搞定

工具名称 文件 功能描述 适用平台
朋友圈/私域文案生成器 private_domain_copywriter.html 防折叠长文、剧本杀营销、生活化软广等多种文案 私域、朋友圈
社群 SOP 话术生成器 community_sop.html 拉新、激活、转化、促单、售后 5 大场景分时段话术 私域、社群
电商客服话术 ecommerce_cs_guide.html 催付、售后、好评等场景金牌客服话术 电商
智能神评论助手 comment_assistant.html 神吐槽、高情商、销售转化等多种风格回复 小红书、短视频、抖音

🔄 8. 改写与润色 (Rewriting & Polishing)

多平台适配、风格转换、内容升级

工具名称 文件 功能描述 适用平台
多平台内容改写 content_rewriter.html 一键改写为小红书、公众号、Twitter 等多平台风格 小红书、公众号、短视频
小红书改稿机器人 xhs_rewriter.html 模仿风格并改写成 4 篇全新小红书文案 小红书
小红书文案润色器 xhs_polisher.html 多选改写方向,自动优化排版、表情和标题 小红书
百变风格改写器 style_rewriter.html 内置 100+ 种文风,多选并行改写 小红书、公众号、短视频
知识碎片提取器 knowledge_distiller.html 长文提炼金句,拆解为小红书卡片大纲 小红书、短视频
语音转文字润色 voice_polisher.html 会议录音/口述转结构化文章,可发布到 Flomo 公众号、知乎、私域

📝 9. 编辑与排版 (Editing & Layout)

智能编辑器、表情优化、精美卡片生成

工具名称 文件 功能描述 适用平台
AI 智能编辑器 ai_editor.html 沉浸式写作,选中即时修改、Tab 智能续写 公众号、知乎
小红书 Emoji 编辑器 xhs_emoji_editor.html 智能镶嵌、关键词替换、多种氛围风格 小红书
HTML 卡片生成器 xhs_html_card_generator.html 文字转精美图片卡片,支持缩放预览和动画效果 小红书
公众号排版助手 wechat_editor.html 一键生成公众号风格排版,6 种模板可选 公众号

🎨 11. AI 图像生成 (AI Image Generation)

基于多模型 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 绘画、小红书

🧰 12. AI 工具箱 (AI Toolkit)

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 生成个性化答案 娱乐

🧠 13. 心理健康与情绪 (Mental Health & Wellness)

基于专业心理学框架(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 提供即时情绪价值,温暖治愈的夸奖 情绪价值

🤖 14. AI 基础知识 (AI Basics)

工具名称 文件 功能描述 适用平台
AI 全栈开发指南 llm-tutorials/api-guides/AI开发工具与流程指南.html 一站式了解 AI 模型、IDE 选型及全栈开发工作流 AI 学习、开发
个人 AI 网站实战 构建个人AI网站实战.html 零代码部署个人 AI 网站完整教程 (YouWare/Cloudflare) AI 学习、部署

🚀 快速开始

本地使用

  1. 克隆或下载本项目
  2. 浏览器打开 index.html 访问所有工具入口
  3. 在任意工具的 "设置" 中配置你的 DeepSeek API Key

在线体验


📁 项目结构

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               # 本文档

📋 项目状态与规划


📝 版本信息

  • 当前版本: v1.5.0
  • 最后更新: 2026-04-06
  • 工具总数: 120+ 款(以首页为准)

📜 开源协议(License)

本仓库采用 MIT License,全文见 LICENSE。使用、修改或再分发时请保留版权声明与许可全文。欢迎 Issue / PR。

API Key 等仅存储在浏览器本地(Local-first),请自行妥善保管。

© 2025-2026 loresun / HTML Gemini Project

About

100HTML.com - 600+ 免费开源 AI HTML 工具集 | DeepSeek 驱动的纯前端 AI 工具箱

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages