hyperframes 0.4.40 → 0.4.42
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/dist/cli.js +4639 -4198
- package/dist/commands/contrast-audit.browser.js +2 -0
- package/dist/hyperframe-runtime.js +8 -8
- package/dist/hyperframe.manifest.json +1 -1
- package/dist/hyperframe.runtime.iife.js +8 -8
- package/dist/skills/hyperframes/scripts/contrast-report.mjs +10 -0
- package/dist/skills/hyperframes-cli/SKILL.md +3 -0
- package/dist/studio/assets/{index-D4-n3yWG.js → index-Dzq4sUj7.js} +21 -21
- package/dist/studio/index.html +1 -1
- package/dist/templates/_shared/AGENTS.md +7 -7
- package/dist/templates/_shared/CLAUDE.md +8 -6
- package/package.json +1 -1
package/dist/studio/index.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
6
6
|
<title>HyperFrames Studio</title>
|
|
7
|
-
<script type="module" crossorigin src="/assets/index-
|
|
7
|
+
<script type="module" crossorigin src="/assets/index-Dzq4sUj7.js"></script>
|
|
8
8
|
<link rel="stylesheet" crossorigin href="/assets/index-BLrgRQSu.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
@@ -8,15 +8,15 @@ This project uses AI agent skills for framework-specific patterns. Install them
|
|
|
8
8
|
npx skills add heygen-com/hyperframes
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
Skills encode patterns like `window.__timelines` registration, `data-*` attribute semantics, and shader-compatible CSS rules that are not in generic web docs. Using them produces correct compositions from the start.
|
|
11
|
+
Skills encode patterns like `window.__timelines` registration, `data-*` attribute semantics, Tailwind v4 browser-runtime styling for `--tailwind` projects, and shader-compatible CSS rules that are not in generic web docs. Using them produces correct compositions from the start.
|
|
12
12
|
|
|
13
13
|
## Commands
|
|
14
14
|
|
|
15
15
|
```bash
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
npm run dev # preview in browser (studio editor)
|
|
17
|
+
npm run check # lint + validate + inspect
|
|
18
|
+
npm run render # render to MP4
|
|
19
|
+
npm run publish # publish and get a shareable link
|
|
20
20
|
npx hyperframes docs <topic> # reference docs in terminal
|
|
21
21
|
```
|
|
22
22
|
|
|
@@ -30,10 +30,10 @@ npx hyperframes docs <topic> # reference docs in terminal
|
|
|
30
30
|
|
|
31
31
|
## Linting — Always Run After Changes
|
|
32
32
|
|
|
33
|
-
After creating or editing any `.html` composition, run the
|
|
33
|
+
After creating or editing any `.html` composition, run the full check before considering the task complete:
|
|
34
34
|
|
|
35
35
|
```bash
|
|
36
|
-
|
|
36
|
+
npm run check
|
|
37
37
|
```
|
|
38
38
|
|
|
39
39
|
Fix all errors before presenting the result.
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
| **hyperframes-cli** | `/hyperframes-cli` | CLI commands: init, lint, preview, render, transcribe, tts |
|
|
11
11
|
| **hyperframes-registry** | `/hyperframes-registry` | Installing blocks and components via `hyperframes add` |
|
|
12
12
|
| **website-to-hyperframes** | `/website-to-hyperframes` | Capturing a URL and turning it into a video — full website-to-video pipeline |
|
|
13
|
+
| **tailwind** | `/tailwind` | Tailwind v4 browser-runtime styles for projects created with `hyperframes init --tailwind` |
|
|
13
14
|
| **gsap** | `/gsap` | GSAP animations for HyperFrames — tweens, timelines, easing, performance |
|
|
14
15
|
| **animejs** | `/animejs` | Anime.js animations registered on `window.__hfAnime` |
|
|
15
16
|
| **css-animations** | `/css-animations` | CSS keyframes that HyperFrames can pause and seek |
|
|
@@ -23,9 +24,10 @@
|
|
|
23
24
|
## Commands
|
|
24
25
|
|
|
25
26
|
```bash
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
npm run dev # preview in browser (studio editor)
|
|
28
|
+
npm run check # lint + validate + inspect
|
|
29
|
+
npm run render # render to MP4
|
|
30
|
+
npm run publish # publish and get a shareable link
|
|
29
31
|
npx hyperframes lint --verbose # include info-level findings
|
|
30
32
|
npx hyperframes lint --json # machine-readable output for CI
|
|
31
33
|
npx hyperframes docs <topic> # reference docs in terminal
|
|
@@ -56,13 +58,13 @@ https://hyperframes.heygen.com/llms.txt
|
|
|
56
58
|
|
|
57
59
|
## Linting — ALWAYS RUN AFTER CHANGES
|
|
58
60
|
|
|
59
|
-
After creating or editing any `.html` composition, **always** run the
|
|
61
|
+
After creating or editing any `.html` composition, **always** run the full check before considering the task complete:
|
|
60
62
|
|
|
61
63
|
```bash
|
|
62
|
-
|
|
64
|
+
npm run check
|
|
63
65
|
```
|
|
64
66
|
|
|
65
|
-
Fix all errors before presenting the result.
|
|
67
|
+
Fix all errors before presenting the result. Inspect warnings should be reviewed before rendering.
|
|
66
68
|
|
|
67
69
|
## Key Rules
|
|
68
70
|
|