blog-post

Name: blog-post
Author: mphinance

15stars3forks

How to install blog-post?

mphinance/alpha-skills/blog-post

$npx -y skills add mphinance/alpha-skills --skill blog-post

Installs into the current project.

Summary

A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".

Files · 1

View on GitHub

SKILL.md

1	# Blog Post Skill
2
3	Produce a single long-form article page — editorial layout, no chrome.
4
5	## Workflow
6
7	1. Read the active DESIGN.md (injected above). Lean into the typography
8	tokens — long-form is 70% type, 20% image, 10% chrome.
9	2. Pick the topic from the brief and write a real article — at least 600
10	words across 4–6 H2 sections. No lorem ipsum.
11	3. Sections, in order:
12	- Masthead — small wordmark + 4–6 nav links, plain.
13	- Article header — category eyebrow, headline (display token, large),
14	deck (1–2 sentence subhead), author name + role + date.
15	- Hero image — a 16:9 placeholder block using a DS-tinted gradient or
16	solid fill (no external images). Add a 1-line caption underneath.
17	- Body — alternating prose paragraphs with at least:
18	- 1 pull quote (large display type, accent rule on the left).
19	- 1 figure (image placeholder + caption).
20	- 1 list (numbered or bulleted).
21	- 1 inline blockquote.
22	- Author footer — author avatar (initials in a circle), bio paragraph.
23	- Related — 3 cards linking to other posts. Each card: tiny image
24	block, title, 1-line excerpt, date.
25	4. Write a single HTML document:
26	- `<!doctype html>` through `</html>`, CSS inline.
27	- Article body uses the DS body font, centered, max-width per DS layout
28	rule (typically 680–720px).
29	- Drop caps (`first-letter`) only if the DS mood is editorial / serif —
30	skip on tech-y DSes.
31	- `data-od-id` on the headline, hero, body, pull quote, related grid.
32	5. Self-check:
33	- Type hierarchy is unambiguous — H1 is clearly the headline; H2s are
34	section dividers; pull quotes do not compete with H1.
35	- Line length 60–75 chars for body prose.
36	- Accent appears at most twice (eyebrow + pull-quote rule, or one link).
37	- The page reads like a magazine, not a marketing landing.
38
39	## Output contract
40
41	Emit between `<artifact>` tags:
42
43	```
44	<artifact identifier="post-slug" type="text/html" title="Article Title">
45	<!doctype html>
46	<html>...</html>
47	</artifact>
48	```
49
50	One sentence before the artifact, nothing after.

People who liked this also viewed

6 picks

Type

blog-post

15stars3forks

View on GitHub

How to install blog-post?

mphinance/alpha-skills/blog-post

$npx -y skills add mphinance/alpha-skills --skill blog-post

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Blog Post Skill
2
3	Produce a single long-form article page — editorial layout, no chrome.
4
5	## Workflow
6
7	1. Read the active DESIGN.md (injected above). Lean into the typography
8	tokens — long-form is 70% type, 20% image, 10% chrome.
9	2. Pick the topic from the brief and write a real article — at least 600
10	words across 4–6 H2 sections. No lorem ipsum.
11	3. Sections, in order:
12	- Masthead — small wordmark + 4–6 nav links, plain.
13	- Article header — category eyebrow, headline (display token, large),
14	deck (1–2 sentence subhead), author name + role + date.
15	- Hero image — a 16:9 placeholder block using a DS-tinted gradient or
16	solid fill (no external images). Add a 1-line caption underneath.
17	- Body — alternating prose paragraphs with at least:
18	- 1 pull quote (large display type, accent rule on the left).
19	- 1 figure (image placeholder + caption).
20	- 1 list (numbered or bulleted).
21	- 1 inline blockquote.
22	- Author footer — author avatar (initials in a circle), bio paragraph.
23	- Related — 3 cards linking to other posts. Each card: tiny image
24	block, title, 1-line excerpt, date.
25	4. Write a single HTML document:
26	- `<!doctype html>` through `</html>`, CSS inline.
27	- Article body uses the DS body font, centered, max-width per DS layout
28	rule (typically 680–720px).
29	- Drop caps (`first-letter`) only if the DS mood is editorial / serif —
30	skip on tech-y DSes.
31	- `data-od-id` on the headline, hero, body, pull quote, related grid.
32	5. Self-check:
33	- Type hierarchy is unambiguous — H1 is clearly the headline; H2s are
34	section dividers; pull quotes do not compete with H1.
35	- Line length 60–75 chars for body prose.
36	- Accent appears at most twice (eyebrow + pull-quote rule, or one link).
37	- The page reads like a magazine, not a marketing landing.
38
39	## Output contract
40
41	Emit between `<artifact>` tags:
42
43	```
44	<artifact identifier="post-slug" type="text/html" title="Article Title">
45	<!doctype html>
46	<html>...</html>
47	</artifact>
48	```
49
50	One sentence before the artifact, nothing after.

People who liked this also viewed

6 picks

Type