skills.rest
PiercingXX
PiercingXXCOMMUNITY
Explore all skills by this author →
GitHub

digital-eguide

Generate a two-page HTML e-guide preview from a creator brief.

1|Updated Jul 9, 2026
Search Tags:#typography#lead magnet#marketing collateral#editorial design#digital guide#html layout#creator branding
One-click install
npx skills add https://github.com/PiercingXX/xx-stack --skill digital-eguide-piercingxx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: digital-eguide
Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/runtime/skills/design/digital-eguide
Command: npx skills add https://github.com/PiercingXX/xx-stack --skill digital-eguide-piercingxx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill turns a creative brief into a polished, two-page e-guide preview layout that’s ready to present, share, or publish as a lead magnet.

Core Features & Use Cases

  • Two-page e-guide layout: Produces a cover plus a right-side inside spread in a single HTML document.
  • Brand-consistent typography & spacing: Uses serif display headings, mono labels/stats, negative-space composition, and a consistent editorial hierarchy.
  • Structured lesson content: Includes a chapter eyebrow, subtitle/deck, pull-quote, a numbered step list, and a bottom “EXERCISE” callout.
  • Topic-ready for marketing intents: Works for briefs that request an e-guide, digital guide, lookbook, creator guide, playbook, ebook, or 电子指南.

Quick Start

Use the digital-eguide skill to design a two-page creator style e-guide preview for your chosen topic and author.

Frequently Asked Questions about digital-eguide

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a two-page digital e-guide for a lead magnet?▼

To create a digital e-guide for a lead magnet, provide a creator brief to generate a two-page HTML preview featuring a cover and inside spread with editorial typography, pull-quote styling, and a structured numbered step lesson.

What is included in an editorial design e-guide layout?▼

An editorial design e-guide layout includes a cover, chapter eyebrow, subtitle, pull-quote, a numbered step list, and an exercise callout, all formatted with serif display headings and mono labels.

Can I use a creator guide format for marketing collateral like lookbooks or playbooks?▼

Yes, the creator guide format works for briefs requesting lookbooks, playbooks, or ebooks, applying editorial layout and structured lesson content for marketing collateral.

How do I generate an HTML layout for a creator-branded digital guide?▼

You generate an HTML layout for a creator-branded digital guide by processing a creative brief into a self-contained HTML document wrapped in artifact tags, utilizing serif and mono type hierarchy.

Do I need a specific design tool to build an ebook preview with pull-quote styling?▼

No specific design tool is needed; the ebook preview with pull-quote styling is generated directly as inline self-contained HTML output from a text-based creator brief.

Why does my digital guide preview output as HTML instead of a PDF?▼

The digital guide preview outputs as self-contained HTML wrapped in artifact tags to ensure inline rendering, brand-consistent typography, and structured data-od-id marked sections for web presentation.

Related Skills

Explore More Design & Creative Skills→
nexu-ionexu-io
84.7k

digital-eguide

Generate a two-page HTML e-guide preview with cover and spread from a brief.

Official
Intermediate
VedaAstroVedaAstro

lead-magnet-pdf

Generate branded lead-magnet PDFs using reportlab and the Vedantica design system.

Community
Advanced
Maccio-huangMaccio-huang

html-ppt-zhangzara-editorial-tri-tone

Create editorial decks with a three-color palette and serif typography.

Community
Intermediate
az9713az9713

digital-eguide

Generate a two-page digital e-guide preview as HTML with inline CSS.

Community
Intermediate