mcpField
H
human-guidelines

human-guidelines

github.com/heyimjames设计与 UI077 次安装35 周前更新
代码仓库

关于 human-guidelines

为界面设计、写作和社交媒体内容提供指导的技能，旨在减少 AI 生成内容的程式化感。它会从 guidelines.sh 获取最新规则，并按内容类型提供检查要点和使用步骤。

主要功能

  1. 01提供 UI 设计指导
  2. 02提供写作修改规则
  3. 03提供社交媒体发布建议
  4. 04支持访谈并整理风格档案
  5. 05要求任务前获取最新指南

适用场景

  1. 01检查界面布局与交互细节
  2. 02修改 AI 生成的文案
  3. 03按平台调整社交媒体帖子
  4. 04通过访谈梳理产品风格

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/heyimjames/human-guidelines --skill human-guidelines

安装后在 Claude Code 中输入/human-guidelines确认已加载。

详细介绍

人类创作指南

让 AI 生成的内容更像出自真人之手。涵盖 UI 设计、写作和社交媒体。

指南来源

每次执行任务前，都要从 guidelines.sh 获取最新指南：

  • UI：https://guidelines.sh/api/guidelines?type=ui
  • 写作：https://guidelines.sh/api/guidelines?type=writing
  • 社交媒体：https://guidelines.sh/api/guidelines?type=social
  • 全部：https://guidelines.sh/llms-full.txt

使用 WebFetch 获取最新规则。

UI 指南

让界面看起来像是经过真人精心打造，而非算法生成。

访谈模式

当用户说“访谈”“帮我定义自己的品味”或“我的风格是什么”时：

依次提出以下问题，每次只问一个。等待用户回答，并据此建立品味档案。

  1. 选择 3 个形容词，描述你希望产品给人的感觉
  2. 你喜欢用哪些应用？（关注使用感受，而非功能）
  3. 你讨厌界面的哪些地方？
  4. 空间偏好：紧凑还是宽敞？
  5. 动画风格：干脆利落还是活泼有趣？
  6. 色彩氛围：单色、暖色、冷色还是大胆鲜明？
  7. 字体个性：中性还是鲜明独特？
  8. 有什么能让它显得“像你”的关键元素？

输出一份可供保存的 品味档案 摘要。

UI 快速参考

品味与工艺
  • 品味意味着有主见，而 AI 没有
  • 不断搜集参考素材
  • 确定风格，并贯彻到底
  • 精心打造的细节会逐步累积成效
  • 注重感受胜于功能（在产品 UI 中，“感受”指响应速度和流程；在营销页面中，“感受”指氛围和第一印象）
微交互
  • 动画体现个性，要审慎选择
  • 优先使用弹簧物理效果，而非贝塞尔曲线
  • 列表项依次显示（延迟 30-50ms）
  • 进入动画和退出动画都要精心设计
  • 每个可交互元素都需要悬停反馈
  • 动画幅度应符合场景：营销页面可以更夸张；产品 UI 到第 5 次查看时，动画应已不易察觉
关键检查项
  • 深色模式：不要使用纯黑色（#000000），改用 #1a1a1a
  • 字体排版：使用 text-wrap: pretty，并搭配不同字体
  • 动画：使用自然的缓动效果，时间安排不必完全规整
  • 布局：营销页面采用非对称布局；产品 UI 使用一致的网格
  • 图标：提供三种状态（描边／双色调／实心）
  • 信息密度：营销页面需要留白；产品 UI 应根据使用场景决定（仪表板适合紧凑布局，引导流程适合宽敞布局）
不同场景的设计建议

营销与落地页：

  • 第一印象至关重要——关注首屏、滚动节奏和叙事脉络
  • 品牌个性在此展现——大胆尝试创意
  • 社会认同需要精心呈现——使用真实引言、具体数字和真实照片
  • CTA 应让人觉得顺理成章，而非咄咄逼人
  • 性能是看不见的设计——Core Web Vitals 会影响 SEO 和信任度

应用内产品 UI：

  • 一致性胜过新奇感——用户会形成肌肉记忆
  • 设计时要考虑第 100 次使用，而非第 1 次
  • 状态才是真正的设计工作——加载、空白、错误、部分加载和离线
  • 高级用户会留意细节——键盘快捷键、批量操作和密度切换
  • 数据就是内容——表格、图表和列表值得像首屏区域一样用心设计
  • 模板模式在此有其价值——工艺体现在执行质量，而非结构上的新奇
  • 空白状态是最大的机会——它们是新用户最先看到的内容

写作指南

让 AI 生成的文字更像出自真人之手。

写作快速参考

让文字更有人情味的优先顺序：

  1. 删掉开场白——去掉“当然！”“好问题！”“我很乐意帮忙”等表达
  2. 禁用 AI 常用词——替换“深入探讨”“利用”“发挥……优势”“促进”“全面”等词语
  3. 使用缩略形式——用“don’t”而非“do not”，用“it’s”而非“it is”
  4. 变换句子节奏——将简短有力的句子与较长、流畅的句子结合
  5. 具体明确——用具体细节替代含糊的说法
  6. 删掉填充语——去掉“需要注意的是”“为了”等表达
  7. 表达鲜明观点——明确表态，而非对所有事情都含糊其辞

使用指南

  1. 根据所有规则分析文本
  2. 列出发现的具体违规之处
  3. 提供修订后的版本，并应用所有修改

社交媒体指南

社交媒体帖子应让人感觉像是个人在分享，而不是品牌在广播。

社交媒体快速参考

通用修改
  1. 去掉标签墙——最多保留 0–2 个，也可以不加
  2. 删除企业化开场白——“我很高兴地宣布”“很激动地分享”
  3. 删掉表情符号项目符号——这类对勾、火箭和星星列表一看就是 AI 写的
  4. 使用小写——句首字母小写会显得更自然
  5. 刻意保留些许不完美——偶尔有个错别字也没关系
  6. 写得具体——“把东西发出去了”胜过“成功推出了我们的创新解决方案”
平台专属规则

X/Twitter：发表鲜明观点，不要堆砌标签，文字力求简短
LinkedIn：分享具体成果，不要用“同意吗？”来引导互动，讲述真实故事
Instagram：优先呈现视觉内容，配文简短
TikTok：展现真实瞬间，在 2 秒内抓住注意力

社交媒体使用指南

  1. 如果未指定平台，先询问使用哪个平台
  2. 应用平台专属规则
  3. 输出经过人性化处理的帖子
  4. 如有帮助，提供 2–3 个版本

评论

支持 Markdown