hyperframes 0.7.3 → 0.7.5

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.
@@ -21,8 +21,8 @@ The domain skills (`/hyperframes-core`, `/hyperframes-animation`, `/hyperframes-
21
21
 
22
22
  > **Tailwind v4 projects** (`hyperframes init --tailwind`): see `/hyperframes-core` → `references/tailwind.md`.
23
23
 
24
- > **Skills not available?** Ask the user to run `npx hyperframes skills` and restart their
25
- > agent session, or install manually: `npx skills add heygen-com/hyperframes`.
24
+ > **Skills not available or need updating?** Run `npx skills add heygen-com/hyperframes`
25
+ > and restart the agent session so the new skills load.
26
26
 
27
27
  ## Commands
28
28
 
@@ -21,8 +21,8 @@ The domain skills (`/hyperframes-core`, `/hyperframes-animation`, `/hyperframes-
21
21
 
22
22
  > **Tailwind v4 projects** (`hyperframes init --tailwind`): see `/hyperframes-core` → `references/tailwind.md`.
23
23
 
24
- > **Skills not available?** Ask the user to run `npx hyperframes skills` and restart their
25
- > agent session, or install manually: `npx skills add heygen-com/hyperframes`.
24
+ > **Skills not available or need updating?** Run `npx skills add heygen-com/hyperframes`
25
+ > and restart the agent session so the new skills load.
26
26
 
27
27
  ## Commands
28
28
 
@@ -51,9 +51,8 @@
51
51
  height: 500px;
52
52
  background-color: #3b5e3a;
53
53
  border-radius: 50%;
54
- left: 1400px;
55
- top: 540px;
56
- transform: translate(-50%, -50%);
54
+ left: 1150px;
55
+ top: 290px;
57
56
  }
58
57
 
59
58
  [data-composition-id="graphics"] .stat-content {
@@ -77,9 +76,8 @@
77
76
  height: 220px;
78
77
  background-color: #cc8832;
79
78
  border-radius: 110px;
80
- left: 960px;
81
- top: 200px;
82
- transform: translate(-50%, -50%);
79
+ left: 710px;
80
+ top: 90px;
83
81
  }
84
82
 
85
83
  /* Moment 3: Terracotta Rounded Rect */
@@ -88,9 +86,8 @@
88
86
  height: 180px;
89
87
  background-color: #c45d3e;
90
88
  border-radius: 40px;
91
- left: 400px;
92
- top: 540px;
93
- transform: translate(-50%, -50%);
89
+ left: 85px;
90
+ top: 450px;
94
91
  padding: 0 40px;
95
92
  justify-content: center;
96
93
  gap: 30px;
@@ -26,7 +26,6 @@
26
26
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
27
27
  text-align: left;
28
28
  opacity: 0;
29
- transform: translateX(-100%); /* Start off-screen left */
30
29
  }
31
30
 
32
31
  [data-composition-id="intro"] .title {
@@ -53,11 +52,15 @@
53
52
  const tl = gsap.timeline({ paused: true });
54
53
 
55
54
  // Animation: Speaker card slides in from the left
56
- tl.to(
55
+ tl.fromTo(
57
56
  '[data-composition-id="intro"] .title-card',
57
+ {
58
+ opacity: 0,
59
+ xPercent: -120,
60
+ },
58
61
  {
59
62
  opacity: 1,
60
- x: 0,
63
+ xPercent: 0,
61
64
  duration: 0.8,
62
65
  ease: "power2.out",
63
66
  },
@@ -68,7 +71,7 @@
68
71
  tl.to(
69
72
  '[data-composition-id="intro"] .title-card',
70
73
  {
71
- x: "-120%",
74
+ xPercent: -120,
72
75
  opacity: 0,
73
76
  duration: 0.6,
74
77
  ease: "power2.in",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hyperframes",
3
- "version": "0.7.3",
3
+ "version": "0.7.5",
4
4
  "description": "HyperFrames CLI — create, preview, and render HTML video compositions",
5
5
  "repository": {
6
6
  "type": "git",