关于 principle-tagging
principle-tagging 是一项设计技能，指导用户按视觉参考所体现的设计原则而非审美风格进行标记，并说明保存原因、限制标签数量。
主要功能
- 01按设计原则标记参考
- 02涵盖六类设计原则
- 03每个参考最多三个标签
- 04为保存的参考说明理由
适用场景
- 01整理设计参考库
- 02记录视觉参考的价值
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/principle-tagging确认已加载。
详细介绍
原则标记
根据它传达的内容标记，而非它的外观。
使用方法
/principle-tagging对本次对话中的参考案例应用基于原则的标记。
约束
标记规则
- 必须按原则标记：“hierarchy-through-scale-contrast”，而不是“dark UI”
- 每个参考案例都必须补全这句话：“这是一个很好的 ___ 示例”
- 绝不能只按美学风格标记：“gradient”“minimal”“dark mode”都是无用的标记
- 应写一句话说明保存此参考案例的原因
原则标记类别
- 层级：hierarchy-through-scale、hierarchy-through-color、hierarchy-through-weight、hierarchy-through-space
- 空间：density-with-clarity、generous-whitespace、rhythm-through-spacing、vertical-rhythm
- 字体：type-as-primary-texture、type-scale-contrast、type-restraint
- 颜色：restrained-palette、color-as-wayfinding、neutrals-with-accent、color-meaning
- 动效：motion-as-feedback、subtle-transitions、spatial-continuity、motion-restraint
- 交互：progressive-disclosure、direct-manipulation、keyboard-first、smart-defaults
反面模式
- 保存参考案例时不添加任何标记
- 每个参考案例使用超过 3 个标记（如果什么都适用，就说明标记不够具体）
- 使用趋势名称而非原则名称进行标记
评论
支持 Markdown