Skip to content

Commit fcce2b8

Browse files
committed
feat(javeriya-skills): add Javeriya's three design skills
A second, independent 3-skill design system, for Javeriya A. ("the trusted voice in AI & Tech" on LinkedIn), built on the same pipeline as the first but in her own visual language, drawn from her profile banner. HER SYSTEM — the palette is sampled from her banner, not picked: a near-black stage, one fire gradient (#D60802 to #FD4F02, the exact run of her "Be in the Top 10%" pill), white type, and her Jav & Co crimson. Type matches the banner too: Geist for the bold-to-regular split in "Get Noticed By The Right People", Fraunces Black Italic for the one burning word, as in "On LinkedIn.". Geist was chosen over closer-looking options that another creator in the same circle already uses. THE SPOTLIGHT is her signature law: every sheet is a dark stage and exactly one block is lit in fire. It turns her promise (get noticed, be in the top 10%) into the layout itself — every sheet picks a winner. Each design note must say WHY LIT, and the lit card must still win in the grey render, so the spotlight is earned by structure rather than carried by colour. Motion is two movers: quiet cards arrive, then the spotlight ignites from charcoal to fire. ENGINE — ported from the first system's tested build, grey-gate and autofix scripts. The structural checks are swapped for hers: exactly one spotlight, exactly one fire word inside the headline, at most one tag pill, and a new frame-one check that the headline and footer are visible at t=0, because a paused feed shows frame one. Ships with her real photo, cropped from her profile picture, and her own "DM for collaborations" CTA from the banner as the footer. Two of eight frames are built templates (Spotlight Grid, Versus); six are fully specified. Adds a sponsored-sheet policy, since she runs brand collaborations: a sponsor is lit only if it genuinely earns it. Verified: both templates 10/10 grey gate, autofix clean, 2160x2700 static, GIF and MP4; autofix refuses to auto-resolve extra spotlights and steps an oversized headline down until it clears; the combined zip runs the whole chain from a clean-room extract. No other creator is named anywhere in her files, checked inside the built zips. .gitignore: her scripts/ folders are un-ignored, as the first system's were. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0187zcyEaMFy8EeQnT1MPYpY
1 parent 7f04bf8 commit fcce2b8

57 files changed

Lines changed: 3865 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,7 @@ scripts/
8585
# ...except the Saman design skills, where scripts/ is the skill layout
8686
# convention and holds the build, grey-gate and autofix engines.
8787
!saman-skills/*/scripts/
88+
!javeriya-skills/*/scripts/
8889
docs-content/
8990
website-misalignments-*.md
9091

‎javeriya-skills/INSTALL.md‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
# Javeriya's design skills — install
2+
3+
Three skills. She types one command and gets a finished sheet.
4+
5+
| Skill | What it is |
6+
|---|---|
7+
| `/javeriya-brand` | her locked style: the dark stage, the fire gradient, the Spotlight law, the frame bank |
8+
| `/javeriya-design` | the factory: topic to a researched, built, exported sheet plus launch posts |
9+
| `/javeriya-craft` | the gate: scores the sheet and auto-repairs it before anything exports |
10+
11+
Self-contained: bundled Geist, Fraunces, her photo and the scripts. They depend on no other
12+
skills.
13+
14+
---
15+
16+
## 1. Install
17+
18+
```bash
19+
cd ~/.claude/skills
20+
unzip javeriya-design-skills.zip
21+
```
22+
23+
That gives her `javeriya-brand/`, `javeriya-design/` and `javeriya-craft/`. Keep them side by
24+
side: `/javeriya-design` and `/javeriya-craft` find each other in the neighbouring folder.
25+
26+
## 2. Dependencies
27+
28+
```bash
29+
pip install playwright pillow
30+
python -m playwright install chromium
31+
32+
pip install imageio-ffmpeg # optional: adds the MP4. The GIF works without it.
33+
```
34+
35+
## 3. Her photo
36+
37+
Already in. It is cropped from her LinkedIn profile picture and lives at:
38+
39+
```
40+
javeriya-brand/assets/javeriya-avatar.png (and the same file in the other two)
41+
```
42+
43+
To use a sharper original, replace that file in all three folders with a square PNG, 300×300
44+
or larger.
45+
46+
## 4. Her voice
47+
48+
One thing improves with her input: paste 15–20 of her real LinkedIn posts into
49+
50+
```
51+
javeriya-design/references/voice.md → section "Her lines, verbatim"
52+
```
53+
54+
Until then the voice rules are built from her profile and banner, not her actual posts.
55+
Everything else works out of the box.
56+
57+
---
58+
59+
## 5. Use it
60+
61+
```
62+
/javeriya-design 6 AI workflows that get you noticed on LinkedIn
63+
```
64+
65+
It runs the chain and stops twice:
66+
67+
1. **Pick the layout.** Three design notes, three different frames, each saying which card gets
68+
lit and why. She picks one.
69+
2. **Approve the grey.** The structure with the fire stripped out. If the lit card still wins
70+
in grey, the design is sound.
71+
72+
Then it builds, runs the craft gate, and exports:
73+
74+
- `<name>-4k.png`: 2160×2700, the sheet
75+
- `<name>-motion.mp4`: the spotlight igniting, for LinkedIn
76+
- `<name>-feed.gif`: the same, for X
77+
- the LinkedIn post and the X post, written and ready to paste
78+
79+
No topic in mind?
80+
81+
```
82+
/javeriya-design give me topic ideas
83+
```
84+
85+
Other entry points:
86+
87+
```
88+
/javeriya-brand what are my colours · is this on brand · frame ideas
89+
/javeriya-craft score this sheet · why does this look generic · fix my sheet
90+
```
91+
92+
## Running the scripts directly
93+
94+
```bash
95+
cd <folder with the html>
96+
python3 ~/.claude/skills/javeriya-design/scripts/greygate.py sheet.html # 15-check grey gate
97+
python3 ~/.claude/skills/javeriya-craft/scripts/autofix.py sheet.html # measure-fix loop
98+
python3 ~/.claude/skills/javeriya-design/scripts/build.py sheet.html static # 4K PNG
99+
python3 ~/.claude/skills/javeriya-design/scripts/build.py sheet.html motion # GIF + MP4
100+
```
101+
102+
## If something goes wrong
103+
104+
| Message | Fix |
105+
|---|---|
106+
| `ASSET MISS` | `assets/` is missing from that skill folder, or set `JAVERIYA_ASSETS=<dir>` |
107+
| `no Chromium found` | `python -m playwright install chromium`, or set `JAVERIYA_CHROMIUM=/path/to/chrome` |
108+
| `no full ffmpeg` | `pip install imageio-ffmpeg`; the GIF ships either way |
109+
| `STUCK — design decisions` | the sheet needs a layout or copy change; the report names which |
110+
| `spotlight-count` | zero or two lit cards; light exactly the one that matters most |
111+
112+
## What is in the box
113+
114+
```
115+
javeriya-brand/ SKILL.md · brand-kit.md · frames.md · style-kit.md · design-note-format.md
116+
assets/ (Geist ×5, Fraunces 900 italic, OFL licences, her photo)
117+
javeriya-design/ SKILL.md · build.py · greygate.py · 2 templates + specs for 6 more
118+
topic-ideas.md · voice.md · post-formats.md · shipped-log.md · assets/
119+
javeriya-craft/ SKILL.md · autofix.py · win-matrix.md · design-laws.md
120+
fix-recipes.md · craft-benchmarks.md · assets/
121+
```
170 KB
Binary file not shown.
168 KB
Binary file not shown.
182 KB
Binary file not shown.

‎javeriya-skills/javeriya-brand.zip‎

172 KB
Binary file not shown.

0 commit comments

Comments
 (0)