How to use the Digital E-Guide Designer agent skill

What the digital-eguide skill makes the agent do

An agent skill is a folder containing a SKILL.md file that describes a task. When the skill is installed and your request matches it, the agent follows those instructions. This skill covers one job: producing a two-page guide preview with a magazine-style, lifestyle look.

The agent picks a title, author line, stats and table of contents, then builds a cover page and an inside spread. The output is one web page you can open in a browser, not a finished PDF.

• Page 1 is a cover with an eyebrow label, display title, author line, a row of stats, and a table of contents teaser.
• Page 2 is a spread with a chapter eyebrow, sub-title, lesson body, a pull-quote and a step list.
• The output is a single HTML file, with the design following the serif headings and mono labels described in SKILL.md.

Install the skill (ZIP download or Claude apps upload)

Download the ZIP of the digital-eguide skill from the directory page and unzip it. The folder contains SKILL.md and example.html.

For a personal install, place the unzipped folder in ~/.claude/skills/. To scope it to one project, place it in that project's .claude/skills/ folder.

In the Claude apps, you can instead upload the skill under Settings → Capabilities → Skills.

Prepare a design system file

The skill declares that a design system is required. SKILL.md tells the agent to read the active DESIGN.md, which it uses to choose the serif display font, body serif and mono token. Without a design system file, the agent has less guidance on typography and colour.

Make sure your project includes a DESIGN.md file before you ask for a guide. The skill's own instructions define the layout; your DESIGN.md defines the brand look.

• Requirement: an agent that can read SKILL.md skills.
• Requirement: a DESIGN.md or design system file for the agent to read.
• Requirement: a browser to view the resulting HTML.

Trigger the skill with natural requests

The skill activates when your brief uses terms from its description or trigger list. You do not need to name the skill. Words the source lists include e-guide, digital guide, lead magnet, lookbook, creator guide, playbook, PDF guide and ebook, plus the Chinese terms 电子指南 and 电子书.

Include a topic and an audience in the request so the agent can generate a title and author line.

• "Design a cover and one inside spread for a lead magnet called The Creator's Style & Format Guide."
• "Make a creator guide preview for a small skincare brand, lifestyle tone."
• "Mock up a playbook cover with a table of contents and one chapter page."

Read the output and what it contains

The agent writes one HTML document with the cover and spread side by side on a tinted backdrop. Each page is a paper-toned card, and the source describes data-od-id attributes on the cover, spread, table of contents, pull-quote and exercise blocks.

Open the file in a browser to review it. Titles, author lines and sample text are placeholders the agent generates, so replace them with your own copy before sharing.

• Pull-quote styling changes by script: Latin uses large italic display, while Arabic, Persian, Urdu and Hebrew use regular or light emphasis.
• An EXERCISE callout appears in a bottom strip on the spread.
• The example.html file in the download shows an example of the output.

Safety notes: scripts and network

According to the directory listing, this skill runs no scripts and uses no network access. It works from instructions in SKILL.md and writes HTML.

Still, review any skill folder before installing it, and check the files the agent creates before using them.

• Scripts: none listed.
• Network: none listed.
• The skill's listed files are example.html and SKILL.md.

Limits and tips

The skill is limited to two pages. It does not produce print-ready files or PDF exports, even though PDF guide is one of its trigger terms. For a full multi-page guide, use the skill as a layout starting point and build the rest elsewhere.

Keep briefs specific about the audience and tone. The source describes a lifestyle creator look with lots of negative space, so ask for that if you want it.

• Use it for styled mockups before writing full content.
• Do not rely on generated facts or copy without checking them.
• Ask for one cover and one spread per request.