Youssef
aedca8cb03
The published install command in the README — npx skills add nutlope/hallmark — was failing for users because the skills CLI looks for SKILL.md at the repo root, not at skill/SKILL.md where Hallmark kept it. The clone succeeded but the CLI reported "No skills found." Manual cp was the only working install path. Flattened the layout: - skill/SKILL.md → SKILL.md - skill/references/ → references/ - (skill/ directory removed; was empty after moves) git mv preserved rename history for all 76+ files (SKILL.md + 28 reference files + 21 macrostructures + 46 components + 7 verb/genre subfolders). Updated every cross-reference (36 occurrences across 9 files): - README.md — 4 links (SKILL.md + references/ + the install snippet still reads the same) - ROADMAP.md — 4 links to reference files - package.json — "files" field + "skill" entry/references paths - site/js/main.js — 3 source comments - references/design-md.md — one broken link (was pointing skill/references/export-formats.md from inside references/ — now just export-formats.md as a sibling) - site/_tests/verbs/study/notes.md, diagnosis.md and verbs/audit/audit-report.md, custom/README.md — test-artifact relative paths shortened by one segment (e.g. ../../../skill/SKILL.md → ../../../SKILL.md) No skill content changes. After this lands, 'npx skills add nutlope/hallmark' should clone + install correctly without any manual cp fallback.
1.3 KiB
15 · Split Studio
Diptych. Every major content block divides the screen — text on one side, proof on the other. The pairing alternates direction down the page.
- Heading: half-screen wide; the other half holds a screenshot or a quote.
- Body: alternating left-text/right-image and right-text/left-image modules.
- Divider: a clear gutter between halves; no rules.
- Button: outlined chip below the text half.
- Image: anchored to the opposite half from the text in each row.
- Reveal: opposite halves cross-fade in slightly staggered.
Reach for it for SaaS feature pages, dev tools that pair explanation with code, anything where every claim wants a visual proof.
Avoid for narrative or photographic brands. Split halves the attention; some pages need single focus.
Reference: Vercel feature pages, Stripe Sessions program pages, many dev-tool homepages.
Sample opening lines (imitate the specificity — Split Studio openings pair a positioning statement with a proof column):
"A studio for what's next." — italic display + selected-work column on the right "Print discipline, on screen." — Hallmark Newsprint — two-phrase headline, masthead-style "We design and build distinctive products for ambitious teams." — names the verb (design and build), names the audience