How do I install the Digital Eguide skill?

Run npx skillmds@latest add onfire7777/digital-eguide in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Digital Eguide safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Digital Eguide?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Digital Eguide free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Digital Eguide?

onfire7777 (@onfire7777) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Digital Eguide by onfire7777 — Agent Skill

Name: Digital Eguide
Author: onfire7777

Digital Eguide

Create a two-spread digital e-guide preview with a cover and content spread for polished web or social presentation assets. 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 guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".

onfire7777 7c5d495 3 files · 14.5 KB Updated Sep 17, 2026

File contents

Digital E-Guide Skill

Produce a two-page digital guide preview side-by-side. Cover on the left, inside spread on the right. Lifestyle creator tone, lots of negative space, serif display headings, careful column rhythm.

Workflow

Read the active DESIGN.md (injected above). Pick a serif display token for the title (italic ligatures encouraged), a body serif for long-form, and a mono token for stats / labels.
Pick the topic + author from the brief. Generate a real title (e.g. "The Creator's Style & Format Guide"), a real subtitle, and a one-line author byline.
Layout — center two pages on a tinted backdrop:
- Page 1 — cover:
  - Eyebrow ("STYLE & FORMAT GUIDE FOR CREATORS").
  - Display title with mixed weights and one italic flourish word ("The Creator's Style & Format guide" — & and guide italic).
  - 3-cell stat row ("16 PRINCIPLES OF STYLE", "38 DOS & DON'TS", "1 BLOCK, ZERO TEMPLATES") in mono, separated by ·.
  - "What's inside" header with a 2-column TOC (chapters + page numbers in mono, leader dots).
  - Footer: "FIND YOUR VOICE" + page 01 mono.
  - Subtle decorative dot or sticker (CSS) in a corner.
- Page 2 — spread:
  - Eyebrow with chapter number + name ("CHAPTER 02 · TONE").
  - Display sub-title ("Write like you talk — only sharper.").
  - 2-column body: opening paragraph + a numbered 4-step list ("01 Pick the rule", "02 Drop the filler"…).
  - Pull-quote pinned right-side: large italic display, accent color, with attribution.
  - Bottom strip with "EXERCISE" callout (mono label + 1 sentence prompt in italic).
  - Footer: chapter title + page 18 mono.
Write a single HTML document:
- <!doctype html> through </html>, CSS inline.
- Pages are 600×860 paper-tone cards with 6px shadow, slight rotation opposing each other (±0.6deg) for a magazine-on-desk feel.
- data-od-id on cover, spread, toc, pull-quote, exercise.
Self-check:
- Type hierarchy is editorial — title owns page 1, sub-title owns page 2.
- Italic accent appears once per page.
- Mono used only for labels, stats, and TOC numbers.

Output contract

Emit between <artifact> tags:

<artifact identifier="eguide-slug" type="text/html" title="E-Guide — Title">
<!doctype html>
<html>...</html>
</artifact>

One sentence before the artifact, nothing after.

---name: digital-eguidedescription: Create a two-spread digital e-guide preview with a cover and content spread for polished web or social presentation assets. 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 guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".---# Digital E-Guide SkillProduce a two-page digital guide preview side-by-side. Cover on the left,inside spread on the right. Lifestyle creator tone, lots of negative space,serif display headings, careful column rhythm.## Workflow1. **Read the active DESIGN.md** (injected above). Pick a serif display token for the title (italic ligatures encouraged), a body serif for long-form, and a mono token for stats / labels.2. **Pick the topic + author** from the brief. Generate a real title (e.g. "The Creator's Style & Format Guide"), a real subtitle, and a one-line author byline.3. **Layout** — center two pages on a tinted backdrop: - **Page 1 — cover**: - Eyebrow ("STYLE & FORMAT GUIDE FOR CREATORS"). - Display title with mixed weights and one italic flourish word ("The Creator's Style & Format guide" — `&` and `guide` italic). - 3-cell stat row ("16 PRINCIPLES OF STYLE", "38 DOS & DON'TS", "1 BLOCK, ZERO TEMPLATES") in mono, separated by `·`. - "What's inside" header with a 2-column TOC (chapters + page numbers in mono, leader dots). - Footer: "FIND YOUR VOICE" + page 01 mono. - Subtle decorative dot or sticker (CSS) in a corner. - **Page 2 — spread**: - Eyebrow with chapter number + name ("CHAPTER 02 · TONE"). - Display sub-title ("Write like you talk — only sharper."). - 2-column body: opening paragraph + a numbered 4-step list ("01 Pick the rule", "02 Drop the filler"…). - Pull-quote pinned right-side: large italic display, accent color, with attribution. - Bottom strip with "EXERCISE" callout (mono label + 1 sentence prompt in italic). - Footer: chapter title + page 18 mono.4. **Write** a single HTML document: - `<!doctype html>` through `</html>`, CSS inline. - Pages are 600×860 paper-tone cards with 6px shadow, slight rotation opposing each other (±0.6deg) for a magazine-on-desk feel. - `data-od-id` on cover, spread, toc, pull-quote, exercise.5. **Self-check**: - Type hierarchy is editorial — title owns page 1, sub-title owns page 2. - Italic accent appears once per page. - Mono used only for labels, stats, and TOC numbers.## Output contractEmit between `<artifact>` tags:```<artifact identifier="eguide-slug" type="text/html" title="E-Guide — Title"><!doctype html><html>...</html></artifact>```One sentence before the artifact, nothing after.

Frequently asked questions