feat(javeriya-skills): first sheet, Checklist frame, 4K GIF, text-safe lit cards

Runs her pipeline end to end on a real topic and fixes what that run exposed.

FIRST SHEET — "Your Profile Is A Landing Page. Make It Convert." An 8-check
LinkedIn profile audit on the Checklist frame, with ifixai-ai#3 (the headline) lit: it
is the only part of a profile people see without visiting, because it follows
the member into search, comments and invites. Every number is sourced as of
2026-10: headline 220 characters with about 60-70 visible in search and
comments, About 2,600 with about 300 before "see more", banner 1584x396 with
the photo over the lower left, photo 400x400 shown as a circle. Logged as the
first row of her shipped log.

TEXT-SAFE LIT CARDS — measuring the run showed white body copy on her full
fire gradient falls below 4.5:1 about 42% of the way to orange (3.34:1 at the
end). The earlier claim that lit-card copy "sits over the red half" was wrong:
in a wide card the copy spans the whole gradient. Lit cards now use Fire-lit,
#D60802 to #E62602, where white holds 4.52:1 or better across the card. The
full gradient stays on the fire word, the pill and the send circle, which are
large text or text on black. Applied to all three templates, the brand rules,
the motion ignition, and the craft gate's contrast criteria.

CHECKLIST is now a built template (third of eight).

4K GIF — build.py gains a motion4k mode writing the GIF at 2160x2700. The
frames are already captured at that size, so it is native resolution, not an
upscale; about 6 MB against 2-3 MB for the feed GIF, so it is opt-in.

All three templates re-verified: 10/10 grey gate and autofix clean. The
rebuilt zip renders from a clean-room extract; no other creator named.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0187zcyEaMFy8EeQnT1MPYpY

Author: claude

javeriya-skills/INSTALL.md

@@ -97,6 +97,7 @@ python3 ~/.claude/skills/javeriya-design/scripts/greygate.py sheet.html
 python3 ~/.claude/skills/javeriya-craft/scripts/autofix.py  sheet.html           # measure-fix loop
 python3 ~/.claude/skills/javeriya-design/scripts/build.py   sheet.html static    # 4K PNG
 python3 ~/.claude/skills/javeriya-design/scripts/build.py   sheet.html motion    # GIF + MP4
+python3 ~/.claude/skills/javeriya-design/scripts/build.py   sheet.html motion4k  # 4K GIF + MP4
 ```
 
 ## If something goes wrong
@@ -114,7 +115,7 @@ python3 ~/.claude/skills/javeriya-design/scripts/build.py   sheet.html motion
 ```
 javeriya-brand/   SKILL.md · brand-kit.md · frames.md · style-kit.md · design-note-format.md
                   assets/ (Geist ×5, Fraunces 900 italic, OFL licences, her photo)
-javeriya-design/  SKILL.md · build.py · greygate.py · 2 templates + specs for 6 more
+javeriya-design/  SKILL.md · build.py · greygate.py · 3 templates + specs for 5 more
                   topic-ideas.md · voice.md · post-formats.md · shipped-log.md · assets/
 javeriya-craft/   SKILL.md · autofix.py · win-matrix.md · design-laws.md
                   fix-recipes.md · craft-benchmarks.md · assets/

javeriya-skills/bundles/javeriya-brand.skill

@@ -43,16 +43,24 @@ grew into a page.
 
 | Token | Hex | Job |
 |---|---|---|
-| **Fire** | `#D60802 → #FD4F02` | the gradient, at 100°. The spotlight, the fire word, the tag pill, the send circle. |
+| **Fire** | `#D60802 → #FD4F02` | the gradient, at 100°. The fire word, the tag pill, the send circle. Lit cards use the text-safe **Fire-lit** (below). |
 | **Ember** | `#EE4510` | the solid midpoint, for one figure and one label where a gradient cannot go. 5.3:1 on Night. |
 | **Crimson** | `#930405` | from her Jav & Co mark. Deep wells and pressed states only. |
 
 Every value was sampled from her banner, not picked. The pill in her banner runs `#D60802` on
 the left to `#FD4F02` on the right; that gradient is the brand.
 
-**One contrast rule matters.** White on the orange end of the gradient is 3.34:1, which passes
-only for large text. **Anything set on fire is 19px bold or bigger.** Body copy on the
-spotlight is white at 16px, and it sits over the red half, where white is 5.39:1.
+**One contrast rule matters.** White on her gradient starts at 5.39:1 on the red end but falls
+below 4.5:1 about 42% of the way across, reaching 3.34:1 at full orange. So fire comes in two
+strengths:
+
+| Token | Run | Use |
+|---|---|---|
+| **Fire** | `#D60802 → #FD4F02` | the fire word, the tag pill, the send circle: text on black, or large bold text |
+| **Fire-lit** | `#D60802 → #E62602` | **every lit card.** White body copy stays at 4.52:1 or better across the whole card |
+
+The lit card reads a touch deeper and redder than the pill, which is right: it carries reading
+text, and the pill carries five large words.
 
 ---
 
@@ -65,7 +73,7 @@ Her whole promise is *get noticed, be in the top 10%*. The Spotlight puts that p
 the layout: every sheet picks a winner. A reader sees, at a glance and before reading a word,
 which one thing matters most.
 
-**What the spotlight is:** a `.card.spotlight`. Fire-gradient fill, white type, a soft ember
+**What the spotlight is:** a `.card.spotlight`. Fire-lit gradient fill, white type, a soft ember
 glow, and usually a small Night tag ("Start here", "Biggest gap", "#1") in its corner.
 
 **The three tests:**

javeriya-skills/bundles/javeriya-craft.skill

@@ -26,6 +26,9 @@ reasoning live in `../SKILL.md`; this file is the values.
   --ember:       #EE4510;            /* solid midpoint, 5.3:1 on --night */
   --crimson:     #930405;            /* deep wells, pressed states       */
   --fire: linear-gradient(100deg, var(--fire-red) 0%, var(--fire-orange) 100%);
+  /* lit cards only: white body copy stays >= 4.52:1 across the whole card.
+     The full --fire drops below 4.5:1 about 42% of the way to orange. */
+  --fire-lit: linear-gradient(100deg, var(--fire-red) 0%, #E62602 100%);
   --glow: 0 18px 60px rgba(238,69,16,.30), 0 0 0 1px rgba(253,79,2,.45);
 
   /* ---- space, radius ---- */
@@ -102,7 +105,7 @@ One at most. It sits above the headline, the way "Be in the Top 10%" sits above
       border-radius:var(--r-card);padding:26px 28px}
 
 /* THE SPOTLIGHT — exactly one per sheet */
-.card.spotlight{background:var(--fire);border-color:transparent;box-shadow:var(--glow)}
+.card.spotlight{background:var(--fire-lit);border-color:transparent;box-shadow:var(--glow)}
 .card.spotlight .ctitle,.card.spotlight .body{color:#fff}
 
 .tag{position:absolute;top:24px;right:24px;background:var(--night);color:#fff;
@@ -197,7 +200,7 @@ window.renderFrame = function(t){            // t in 0..1
   });
   const g = ease(cl((t - 0.58) / 0.24));     // 2. the spotlight ignites
   spot.style.background = g < 1
-    ? `linear-gradient(100deg, rgba(214,8,2,${g}), rgba(253,79,2,${g})), #141312` : '';
+    ? `linear-gradient(100deg, rgba(214,8,2,${g}), rgba(230,38,2,${g})), #141312` : '';
   spot.style.boxShadow = `0 18px 60px rgba(238,69,16,${.30*g}), 0 0 0 1px rgba(253,79,2,${.45*g})`;
 };
 ```

javeriya-skills/bundles/javeriya-design.skill

@@ -142,7 +142,8 @@ Lit card    the well goes rgba(7,6,6,.35) on fire, text stays white
 
 ---
 
-## 8. CHECKLIST — an audit
+## 8. CHECKLIST ✓ — an audit
+`templates/checklist.html`
 
 7–10 short checks in a single column of slim rows. The most-skipped check is lit.
 

javeriya-skills/javeriya-brand.zip

@@ -27,6 +27,13 @@ What to actually do when the gate fails, ordered by how often each comes up.
 Count the gradient: fire word, spotlight, tag pill, send circle. Anything beyond those four
 goes back to Char or White. Card titles in Ember are the usual leak; set them back to White.
 
+## "Body text on the lit card is hard to read"
+*Symptoms: aspect 4 below 5; small white text looks thin on the orange side.*
+
+The lit card is on the full **Fire** gradient. Switch it to **Fire-lit**
+(`linear-gradient(100deg, #D60802, #E62602)`); white stays at 4.52:1 or better across the whole
+card. Keep the full gradient for the fire word, the pill and the send circle only.
+
 ## "The stage looks muddy"
 *Symptoms: aspect 3 below 5; the black reads grey or brown.*