@deernova/style 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -1
- package/package.json +1 -1
- package/skill/manifest.json +2 -2
- package/skill/references/scenes/web-marketing.md +3 -1
package/README.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Install the Deernova design skill into an existing repository, so AI agents follow Deernova when they build or review interfaces there. Requires Node.js 22+. No runtime dependencies.
|
|
4
4
|
|
|
5
|
+
In a project (run inside it, or pass `--repo <path>`):
|
|
6
|
+
|
|
5
7
|
```sh
|
|
6
8
|
npx @deernova/style@latest install # writes .agents/skills/deernova-style/
|
|
7
9
|
npx @deernova/style@latest install --agent claude # writes .claude/skills/deernova-style/
|
|
@@ -9,7 +11,16 @@ npx @deernova/style@latest update
|
|
|
9
11
|
npx @deernova/style@latest doctor
|
|
10
12
|
```
|
|
11
13
|
|
|
12
|
-
|
|
14
|
+
For every project on your machine, install into your user directory:
|
|
15
|
+
|
|
16
|
+
```sh
|
|
17
|
+
npx @deernova/style@latest install --global --agent claude # writes ~/.claude/skills/deernova-style/
|
|
18
|
+
npx @deernova/style@latest install --global # Codex: writes $CODEX_HOME/skills/deernova-style/
|
|
19
|
+
npx @deernova/style@latest update --global --agent claude
|
|
20
|
+
npx @deernova/style@latest doctor --global --agent claude
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
The CLI writes only the skill directory. It does not add application code, CSS imports or package dependencies.
|
|
13
24
|
|
|
14
25
|
The skill is guidance, not a component library: `SKILL.md` picks the scene (macOS, iOS, iPadOS, web app, website) and routes to `references/` (`foundations/`, `components/` with size tables and reference CSS/SwiftUI, `scenes/`, the token table and a review checklist). `assets/` holds `tokens.json` and the files generated from it — `tokens.css` (themes × densities), `tailwind.css` (Tailwind v4) and `DeernovaTokens.swift` — plus reference screenshots. Agents apply it through the project's existing framework and components.
|
|
15
26
|
|
package/package.json
CHANGED
package/skill/manifest.json
CHANGED
|
@@ -25,8 +25,10 @@
|
|
|
25
25
|
|
|
26
26
|
品牌展示页可以有叙事动效（首页的麋鹿），但要能暂停、不妨碍阅读；减弱动态效果时保持静止。打字效果、滚动视差这类装饰只用一次，不要每个区块都动。
|
|
27
27
|
|
|
28
|
+
插画默认是黑白的。颜色只能作为用户触发、几秒后自行褪回黑白的插画效果出现（首页点鹿后场景上色）；页眉、文字、按钮和链接始终用黑白设计变量，不跟着变色。
|
|
29
|
+
|
|
28
30
|
## 不要
|
|
29
31
|
|
|
30
32
|
- 把这里的 44px 胶囊按钮和大字号搬进应用界面。
|
|
31
|
-
-
|
|
33
|
+
- 为了“高级感”加渐变、常驻的彩色插画或大面积阴影；让颜色进入页眉、文字和按钮。
|
|
32
34
|
- 把给 agent 或开发者看的安装说明放在首屏；放到页面末尾或单独的资源页。
|