正在打开每日关注
正在打开每日关注
开源设计技能把生成、审计、重设计与案例学习接入 Claude Code、Cursor 和 Codex，减少界面同质化。
UI TASARIMLARINDA SLOP GÖRÜNME DEVRİ BİTTİ! Hallmark diye açık kaynak bir design skill çıkmış. Claude Code, Cursor veya Codex'e ekleyip kullanabiliyorsun. UI ve landing page'leri baştan itibaren tasarım duyarlılığıyla ürettiriyor. Kurulumu tek satır. Şunu yazman yeterli: npx skills add nutlope/hallmark Sadece kodlamayı AI'a bırakırsan çalışan ama görsel olarak sönük ekranlar çıkıyor. Diğer tüm AI ile yapılan sitelerin birebir kopyası gibi görünüyor ve işe yaramaz oluyor, zaten buna da slop design diyoruz. Bu skill'i verince iş baştan daha profesyonel görünüyor. Skill'e tasarım kurallarını, arayüz prensiplerini baştan sona öğretmişler. Claude Code veya Codex ile UI üretenler için denemeye değer. Örnekler videoda var.
是什么
这条推文介绍 Hallmark：一个可通过 npx skills add nutlope/hallmark 安装的开源 design skill，目标是让 Claude Code、Cursor、Codex 在生成 UI 或落地页时先遵守设计规则与界面原则。现有材料没有给出仓库 README、规则文件或实现细节，因此只能确认其定位与示例，不能推断内部架构。
核心设计
视频把工作流拆成 /build、/audit、/redesign、/study 四种模式。审计界面用 41/55 评分、通过失败清单和 Priority fixes 把“好不好看”变成可执行反馈，检查字体配对、数据是否有意义、定价权衡、引文归属、装饰性分隔和 CTA 层级。Tally 计费自动化 SaaS 示例则用编辑感排版、衬线斜体、轻量导航和 dashboard 预览展示生成结果。
关键洞察 它的价值不只在生成更漂亮的代码，而在于为 Agent 增加设计意图、批评环节和可重复的质量门槛；对前端工程师而言，这能减少“能运行但像模板”的返工。
边界与风险 设计清单可能把审美固化成另一种模板，也不能替代真实用户、可访问性、响应式和转化验证。应进一步核对规则是否可解释、评分是否稳定、重设计是否真的修改代码，以及其效果是否超出提示词包装。