feat(dev): 新增组件样式与表单辅助 Skill
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
# 样式输出约定
|
||||
|
||||
## 规范内容
|
||||
|
||||
按任务需要选择以下部分,不为凑齐章节虚构规则:
|
||||
|
||||
- 颜色与语义状态
|
||||
- 字体、字号、行高和字重
|
||||
- 间距、尺寸、圆角和阴影
|
||||
- 页面层级和背景
|
||||
- 断点、目标设备和响应行为
|
||||
- 悬停、焦点、禁用、错误和加载状态
|
||||
- 对比度、缩放、减少动画等可访问性要求
|
||||
|
||||
## 代码要求
|
||||
|
||||
- 复用已有 CSS 变量、预处理器变量或主题令牌。
|
||||
- 新增令牌时说明命名、作用域、默认值和兼容影响。
|
||||
- 避免无来源的魔法数、过深选择器和不必要的强制覆盖。
|
||||
- 明确样式是否经过构建、页面渲染、视口和主题验证。
|
||||
|
||||
输出末尾列出继承项、新增项、覆盖项、验证证据和剩余风险。
|
||||
@@ -0,0 +1,12 @@
|
||||
# 样式来源优先级
|
||||
|
||||
按以下顺序判断设计依据:
|
||||
|
||||
1. 当前项目的设计令牌、主题、全局样式和稳定页面。
|
||||
2. 用户提供的设计稿、截图、品牌约束或参考项目。
|
||||
3. `.craftkit/standards/frontend/` 中的项目规范。
|
||||
4. 项目所用公共框架与组件库对应版本的官方资料。
|
||||
|
||||
参考项目只用于用户授权的范围。若参考内容与当前项目冲突,列出冲突及合并方案,由用户决定继承还是覆盖。
|
||||
|
||||
框架版本应从依赖清单、锁文件或 `.craftkit/project.json` 核实;不要用其他主版本的主题接口、选择器或构建方式替代当前版本。
|
||||
Reference in New Issue
Block a user