digital-eguide

Name: digital-eguide
Author: mphinance

15stars3forks

How to install digital-eguide?

mphinance/alpha-skills/digital-eguide

$npx -y skills add mphinance/alpha-skills --skill digital-eguide

Installs into the current project.

Summary

A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital

Files · 1

View on GitHub

SKILL.md

1	# Digital E-Guide Skill
2
3	Produce a two-page digital guide preview side-by-side. Cover on the left,
4	inside spread on the right. Lifestyle creator tone, lots of negative space,
5	serif display headings, careful column rhythm.
6
7	## Workflow
8
9	1. Read the active DESIGN.md (injected above). Pick a serif display
10	token for the title (italic ligatures encouraged), a body serif for
11	long-form, and a mono token for stats / labels.
12	2. Pick the topic + author from the brief. Generate a real title (e.g.
13	"The Creator's Style & Format Guide"), a real subtitle, and a one-line
14	author byline.
15	3. Layout — center two pages on a tinted backdrop:
16	- Page 1 — cover:
17	- Eyebrow ("STYLE & FORMAT GUIDE FOR CREATORS").
18	- Display title with mixed weights and one italic flourish word
19	("The Creator's Style & Format guide" — `&` and `guide` italic).
20	- 3-cell stat row ("16 PRINCIPLES OF STYLE", "38 DOS & DON'TS",
21	"1 BLOCK, ZERO TEMPLATES") in mono, separated by `·`.
22	- "What's inside" header with a 2-column TOC (chapters + page numbers
23	in mono, leader dots).
24	- Footer: "FIND YOUR VOICE" + page 01 mono.
25	- Subtle decorative dot or sticker (CSS) in a corner.
26	- Page 2 — spread:
27	- Eyebrow with chapter number + name ("CHAPTER 02 · TONE").
28	- Display sub-title ("Write like you talk — only sharper.").
29	- 2-column body: opening paragraph + a numbered 4-step list ("01 Pick
30	the rule", "02 Drop the filler"…).
31	- Pull-quote pinned right-side: large italic display, accent color, with
32	attribution.
33	- Bottom strip with "EXERCISE" callout (mono label + 1 sentence prompt
34	in italic).
35	- Footer: chapter title + page 18 mono.
36	4. Write a single HTML document:
37	- `<!doctype html>` through `</html>`, CSS inline.
38	- Pages are 600×860 paper-tone cards with 6px shadow, slight rotation
39	opposing each other (±0.6deg) for a magazine-on-desk feel.
40	- `data-od-id` on cover, spread, toc, pull-quote, exercise.
41	5. Self-check:
42	- Type hierarchy is editorial — title owns page 1, sub-title owns page 2.
43	- Italic accent appears once per page.
44	- Mono used only for labels, stats, and TOC numbers.
45
46	## Output contract
47
48	Emit between `<artifact>` tags:
49
50	```
51	<artifact identifier="eguide-slug" type="text/html" title="E-Guide — Title">
52	<!doctype html>
53	<html>...</html>
54	</artifact>
55	```
56
57	One sentence before the artifact, nothing after.

People who liked this also viewed

6 picks

Type

digital-eguide

15stars3forks

View on GitHub

How to install digital-eguide?

mphinance/alpha-skills/digital-eguide

$npx -y skills add mphinance/alpha-skills --skill digital-eguide

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Digital E-Guide Skill
2
3	Produce a two-page digital guide preview side-by-side. Cover on the left,
4	inside spread on the right. Lifestyle creator tone, lots of negative space,
5	serif display headings, careful column rhythm.
6
7	## Workflow
8
9	1. Read the active DESIGN.md (injected above). Pick a serif display
10	token for the title (italic ligatures encouraged), a body serif for
11	long-form, and a mono token for stats / labels.
12	2. Pick the topic + author from the brief. Generate a real title (e.g.
13	"The Creator's Style & Format Guide"), a real subtitle, and a one-line
14	author byline.
15	3. Layout — center two pages on a tinted backdrop:
16	- Page 1 — cover:
17	- Eyebrow ("STYLE & FORMAT GUIDE FOR CREATORS").
18	- Display title with mixed weights and one italic flourish word
19	("The Creator's Style & Format guide" — `&` and `guide` italic).
20	- 3-cell stat row ("16 PRINCIPLES OF STYLE", "38 DOS & DON'TS",
21	"1 BLOCK, ZERO TEMPLATES") in mono, separated by `·`.
22	- "What's inside" header with a 2-column TOC (chapters + page numbers
23	in mono, leader dots).
24	- Footer: "FIND YOUR VOICE" + page 01 mono.
25	- Subtle decorative dot or sticker (CSS) in a corner.
26	- Page 2 — spread:
27	- Eyebrow with chapter number + name ("CHAPTER 02 · TONE").
28	- Display sub-title ("Write like you talk — only sharper.").
29	- 2-column body: opening paragraph + a numbered 4-step list ("01 Pick
30	the rule", "02 Drop the filler"…).
31	- Pull-quote pinned right-side: large italic display, accent color, with
32	attribution.
33	- Bottom strip with "EXERCISE" callout (mono label + 1 sentence prompt
34	in italic).
35	- Footer: chapter title + page 18 mono.
36	4. Write a single HTML document:
37	- `<!doctype html>` through `</html>`, CSS inline.
38	- Pages are 600×860 paper-tone cards with 6px shadow, slight rotation
39	opposing each other (±0.6deg) for a magazine-on-desk feel.
40	- `data-od-id` on cover, spread, toc, pull-quote, exercise.
41	5. Self-check:
42	- Type hierarchy is editorial — title owns page 1, sub-title owns page 2.
43	- Italic accent appears once per page.
44	- Mono used only for labels, stats, and TOC numbers.
45
46	## Output contract
47
48	Emit between `<artifact>` tags:
49
50	```
51	<artifact identifier="eguide-slug" type="text/html" title="E-Guide — Title">
52	<!doctype html>
53	<html>...</html>
54	</artifact>
55	```
56
57	One sentence before the artifact, nothing after.

People who liked this also viewed

6 picks

Type