Digital E-Guide Skill
SkillMediaThis is a skill that lets an agent create a two-spread digital e-guide preview. Page one is a cover with a display title, author, "What's inside" stats, and a table of contents teaser; page two is a spread with lesson body text, a pull-quote, and a step list. It is used when a brief asks for an e-guide, digital guide, or lookbook in a lifestyle or creator brand tone.
Use Digital E-Guide Skill in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Digital E-Guide Skill and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Digital E-Guide Skill skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Have a brief that asks for an e-guide, digital guide, or lookbook.
What your AI can do with it
- Build a cover page with display title, author, and stats
- Add a table of contents teaser to the cover
- Lay out an inside spread with lesson body text
- Include a pull-quote and a numbered step list
- Pick fonts from a design system
- Output a single self-contained HTML file
Getting started
- Have a brief that asks for an e-guide, digital guide, or lookbook.
- Provide the title, author, stats, and lesson content for the two pages.
- Configure the design system fonts the skill should use.
- Let the skill run its fixed workflow to lay out both pages.
- Collect the single self-contained HTML file it outputs.
What this skill tells your AI
The instructions your AI receives, as published by nexu-io/open-design in design-templates/digital-eguide/SKILL.md and read by ahel’s review.
Produce a two-page digital guide preview side-by-side. Cover on the inline-start, inside spread on the inline-end. 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" —
&andguideitalic). - 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 to inline-end: for Latin scripts use large italic display and accent color; for Arabic, Persian, and Urdu use regular or light emphasis (no italics); for Hebrew use regular or light emphasis (no italics). Include attribution. (script-aware)
- Bottom strip with "EXERCISE" callout (mono label + 1 sentence prompt in italic).
- Footer: chapter title + page 18 mono.
- Page 1 — cover:
- 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-idon 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.
Signals
- GitHub stars
- 99k
- Forks
- 11k
- Last commit
- Oct 2026
Questions
- What are some examples of digital skills?
- This skill is one example: it builds a two-page digital e-guide preview with a cover and an inside lesson spread. Other digital skills would cover different tasks, but this one focuses on e-guide, digital guide, and lookbook layouts.
- What are the key skills needed for the digital age?
- For this skill, the key abilities are following a fixed workflow, picking fonts from a design system, laying out pages with specific styling rules, checking its own work, and outputting a self-contained HTML file.
- What does the skill produce?
- It outputs a single self-contained HTML file with two pages: a cover and an inside spread.
Advanced
- Item type
- skill
- Key
digital-eguide-2- Source
- github.com/nexu-io/open-design