一句话介绍
粘贴一段英语文章，一键生成带双语翻译、生词悬浮提示、阅读进度追踪的精美单页阅读应用——零依赖，打开即用。
例如：
得到
github：https://github.com/totdaretodo-TOT/English-Reading-Assistant-skill
支持复制文字，英文截图，word和pdf，目前支持纯文字阅读，文献翻译没做到（保持排版什么的），如果各位有好的思路，可以在下面留言！
英语学习者每天面对大量英文材料：新闻、论文、小说、技术文档……但阅读体验总是割裂的——
- 遇到生词要切到词典 App，思路被打断
- 想看翻译要来回对照，眼花缭乱
- 生词记了就忘，没有结构化整理
- 排版粗糙，长文读不下去
English Reading Assistant 的核心理念是：阅读不该被打断，理解应该触手可及。
核心功能
智能生词高亮 + 悬浮释义
根据文章长度动态提取核心生词（短文 5-8 个，长文可达 25 个），在正文中自动高亮。鼠标一悬，音标、释义、CEFR 等级一目了然。移动端点击同样触发，点击空白关闭。
不用切 App，不用中断阅读，一个悬浮框搞定一切。
点击段落 · 平滑展开翻译
中文翻译默认隐藏，保持沉浸式英文阅读。点击任意段落，翻译平滑展开——读得懂就跳过，读不懂就点开。段落右侧有 › 箭头暗示可交互，首次加载还有淡出提示引导。
生词本面板
桌面端右侧固定侧边栏，移动端底部抽屉式拉起。所有核心生词集中展示，带音标、释义、CEFR 等级，方便复习。
阅读进度条
页面顶部 2px 进度条，随滚动实时显示阅读进度——读到哪里，心中有数。
字号调节 (A- / A+)
14px 到 22px 自由调节，设置自动保存到 localStorage，下次打开还是你习惯的大小。
暗色模式
深色背景 + 暖色文字，夜间阅读不伤眼。切换时全局平滑过渡，细节拉满。
设计哲学：经典书籍排版
不是又一个白底黑字的阅读器。我们追求的是翻开一本精装书的感觉——
- 护眼纸张色背景（
#f4f1ea），不是刺眼的纯白 - Playfair Display 衬线体，优雅的英文排版
- 首字母下沉（Drop-caps），经典读物质感
- 完整的字体 fallback 栈，离线也不崩
技术亮点
| 特性 | 实现 |
|---|---|
| 零依赖 | 单 HTML 文件，无框架、无构建、无 CDN（Google Fonts 除外） |
| 响应式 | 桌面端侧边栏 / 移动端底部抽屉，布局自适应 |
| 无障碍 | ARIA 属性、键盘导航（Tab + Enter）、WCAG AA 对比度 |
| 离线可用 | 字体 fallback 栈确保无网络环境正常阅读 |
| 语义化 HTML | <article>, <section>, <header> 结构清晰 |
| 状态持久化 | 字号、暗色模式偏好保存至 localStorage |
使用方式
- 把你的英语文章粘贴给 AI
- AI 自动解析生词、生成双语翻译
- 输出一个完整的
index.html - 浏览器打开，开始沉浸阅读
就这么简单。
适用场景
每日英语新闻精读
经典文学片段赏析
学术论文辅助阅读
英语教学材料制作
写作范文学习
为什么做这个 Skill？
市面上的英语阅读工具要么功能臃肿，要么排版粗糙，要么必须联网注册。最好的阅读工具，排版舒服，阅读轻松，沉浸式的阅读非常关键，不要因为一些翻译问题，排版问题打断心流，最重要的是完全免费，依靠trae自带的ai就能完成这些，可以用来长期的学习，生成的文件都可以改名保存在本地
English Reading Assistant 把"理解"嵌入阅读本身，而不是把阅读打断去理解。
让每一篇英语文章，都成为一次美好的阅读体验。
有什么问题都在下面留言，我会修改达到最佳
trea solo的使用截图
