Design Rules Companion

Kotelberg/design-rules-companion-skill

用间距、排版、色彩、层次、图标与交互的实用启发式,把模糊界面反馈转成具体改进。

最近更新于:

查看 GitHub 项目
npx skills add Kotelberg/design-rules-companion-skill --skill design-rules-companion
1Stars0Forks仓库最近推送

关于这个 Skill

用间距、排版、色彩、层次、图标与交互的实用启发式,把模糊界面反馈转成具体改进。

为什么推荐

作为设计审查助手按需读取参考并说明取舍;这些独立整理的启发式用于辅助判断,不能据此证明无障碍合规。

适合用来做什么

  • 解释界面为何拥挤、不清楚或不一致。
  • 在实现后进行一次有范围的细节改进。

工作流程与预期结果

  1. 第 1 步

    识别可见问题属于层次、间距、排版、色彩还是交互。

  2. 第 2 步

    读取相关参考,为每个问题对应具体启发式。

  3. 第 3 步

    提出最小有效改动,并说明规则可能不适用的情境。

已核对的上游任务指令

来源核对

已核对提交 ed7662cab4d8 的任务指令及仓库清单。本条目介绍上游工作流程,不表示收录时已执行完整产品制作或无障碍审计。

已核对的上游任务指令官方仓库与安装说明

使用前需要了解

  • 需要可访问本地文件的编程助手,安装器需要 Node.js;使用前检查安装后的指令。
  • 安装时保留七份参考文件;涉及正式无障碍要求时另查原始规范。

支持的 Agent

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。