GitHub 热门

rubenhassid1/grenade

AI编程工具 在 GitHub 打开 ↗

让 Claude 生成 5 秒可读 HTML 页面的设计规则集

Star215
24h 新增+18
7 天新增—
Fork40
Issue0
语言—

项目介绍

更新于 1 天前

这是一套给 Claude 用的提示词规则集,专门用来生成「别人 5 秒就能看懂」的 HTML artifact。它不是代码工具,而是一份设计规范:先问清读者是谁、看完要做什么、会不会反复看,再决定做成决策页、周报、仪表盘、分步指南、幻灯片、计算器还是速查表,每种形态都有具体的版式要求。核心原则是「用视觉说话」——每个区块先给大数字、图表或卡片,文字只做标注;页面顶部必须用一句话说清这是什么、发给谁、需要对方在什么时候做什么。作者是 How to AI newsletter 的 Ruben Hassid。如果你经常让 Claude 生成汇报页、方案对比、流程指引这类要转发给同事或老板的材料,这套规则能显著提升产出质量;如果你不用 Claude artifacts,或只写代码不做面向人的页面,关系不大。

上手成本:中

Star 趋势

记录 5 个数据点 · 期间增长 +18

仓库信息

LicenseOther
创建时间2026-10-30
最后推送2 天前
热度分62.0