用途:让应用看起来像真实产品而非AI在20分钟内生成,任何UI决策都适用该规则。
两种模式:存在DESIGN.md时先读取并执行项目令牌(颜色、字体、间距、圆角、深色模式偏好)及全部通用规则;无DESIGN.md时套用通用规则与希伯来语优先默认值,并提示用户缺失、建议创建。需随时消除界面与设计系统之间的漂移。
主要能力与规则要点:
- AI痕迹检测(硬性禁止):紫/粉/青渐变与渐变按钮文字、玻璃拟态默认卡片、粒子/浮球/动态背景、Buzzword文案、弹跳缓动、AI工具页脚、英雄数字模板、侧边彩条、可爱加载语、全角破折号、彩虹配色、通用素材插画、彩屑庆祝动画。
- 卡片节制:不要什么都包卡片,禁止卡片嵌套,单视口分区最多3-4张,拒绝重复的同构卡片网格;最小内边距24px。
- 图标:禁用默认粗描边图标;Lucide全局strokeWidth=1.5;每按钮最多1个图标且不装饰;尺寸与颜色统一。
- 希伯来语RTL:显式声明方向(web:<html lang="he" dir="rtl">,mobile:I18nManager.forceRTL(true));用CSS逻辑属性(margin-inline-start等);方向性箭头镜像、进度条从右往左、面包屑指向左、轮播方向反转;电话、URL、邮箱、代码保持LTR并用<span dir="ltr">包裹;避免flex-row-reverse双重翻转;表单标签右对齐;表格首列在右。
- 希伯来语排版:核准字体列表(Heebo、Assistant、Rubik等),正文最小16px、行高1.7,禁止加letter-spacing,word-spacing 0.05em;无DESIGN.md时正文Heebo、标题Rubik。
- 排版反模式:回避Inter、Arial、Roboto等;最多2个字体家族、2-3个字重;正文行宽65-75字符;标题不设400字重;希伯来与拉丁同字重会显得更重需补偿。
- 间距布局:web分区最小py-24、容器1200px、标题与正文间距最小mb-6、卡片间距gap-6;移动端左右px-4、点按区最小44x44px、尊重安全区。
- 颜色:80%中性色,不用纯黑纯白,一个强调色(最多两个),不用紫色作主accent,错误/成功用柔和红绿,边框极淡。
- 深色模式:深色优先时按此构建;不用纯黑背景(#0a0a0a或带色暗调),卡片用略亮背景加淡边框而非阴影,文字不用纯白。
- 发布前Sniff Test:逐条检查是否像AI生成、是否千篇一律、去掉卡片边框是否仍成立、是否残留紫色/渐变/玻璃/弹跳动画、是否有Buzzword、间距字号是否专业。
适用场景:网页与移动端SaaS类产品界面打磨,尤其面向希伯来语RTL市场。
限制:平台特定实现参见ncode-web-design或ncode-mobile-design;官方来源未提供具体安装命令与许可信息。