rubenhassid1/grenade

项目介绍

Grenade 是一份只包含 README 的提示词指南，用来让 Claude 生成普通 HTML 产物，而不是文档、仪表盘模板或聊天回复。它要求先确认读者是谁、读完要做什么，再按任务选形式：决策页、报告、仪表盘、分步指南、幻灯片、工具页或单页速查表。目标用户是需要把 Claude 输出发给同事、上级或客户，并希望页面脱离上下文也能看懂的人。

仓库本身没有应用代码，交付物就是这套指令、样式规范和示例页面 README。

快速使用

不需要安装。在 Claude 对话中加入你的笔记或文件，然后发送指向该指南的提示词：

Make an HTML page about [YOUR TOPIC] for [WHO WILL READ IT]. Follow github.com/rubenhassid1/grenade

Claude 会按规则生成普通 HTML 产物：先确定读者和任务，选择匹配的布局，用可视化承载数据，第一屏独立成立，并避开列出的“垃圾”模式。要明确说 “HTML page”，否则 Claude 可能生成普通文档 提示词示例。修复已有页面时，把页面附上，让 Claude 按同一指南修复 修复提示词。

README 还定义了 Web 版：Vite、React、TypeScript、Tailwind、shadcn/ui，部署到 Vercel 并加密码门禁 Web 版说明。这条路会要求 Claude 推送到私有 GitHub 仓库并部署，需要免费的 GitHub 和 Vercel 账号 账号要求。

产出内容

README 包含具体的样式规范（类似 Claude 的配色、五种字号、卡片和按钮样式）、形式选择表、设计规则、反模式清单和交付前检查。七个示例页面展示预期效果，包括决策页、月报、仪表盘、分步指南、幻灯片、工具页和速查表，另有仪表盘修复前后对比：修复前与修复后。

使用约束

指南是写给 Claude 的，效果取决于模型是否遵守这些长而细的指令，也取决于你的提示词。Web 版假定可以使用 Claude Code、GitHub CLI 和 Vercel CLI，密码放在环境变量里。README 声明可免费使用、MIT 许可证，但 GitHub 显示的许可证是 NOASSERTION README。项目没有可集成到其他软件里的包、库或 API。

HotRepo 点评

Grenade 在 2026-11-03 进入 HotRepo 新项目榜，在 13:45 至 14:45 UTC 约一小时的观察窗口内新增 15 个 Star 和 1 个 Fork，总数达到 117 个 Star、23 个 Fork。这只是单次短窗口快照，能说明早期有一波增长，不足以判断趋势。项目本质是提示词工程产物而非代码，价值集中在 README 规则和链接的示例页面，读者可以先看这些示例，再决定是否采用这套工作流。