skills.rest
az9713
az9713COMMUNITY
Explore all skills by this author →
GitHub

digital-eguide

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

Updated May 2, 2026
Search Tags:#typography#design#layout#lead magnet#e-guide#two-page
One-click install
npx skills add https://github.com/az9713/open-design-tutorial --skill digital-eguide-az9713
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: digital-eguide
Source: https://github.com/az9713/open-design-tutorial/tree/main/skills/digital-eguide
Command: npx skills add https://github.com/az9713/open-design-tutorial --skill digital-eguide-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate the creation of a two-page digital e-guide preview (cover + spread) to replace manual design work.

Core Features & Use Cases

  • Two-page layout: cover on the left and a spread on the right with a consistent typographic system.
  • Brand-forward visuals: guidance on tone, typography, and color to match creator-brand DNA.
  • Output flexibility: produces a standalone HTML document with inline CSS that can be embedded as a web preview or exported as a PDF-ready asset.

Quick Start

Design a two-page digital e-guide preview for a lifestyle creator brand using the active materials.

Frequently Asked Questions about digital-eguide

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

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

Automate two-page e-guide creation by generating a design-system-driven HTML output with a cover, spread, TOC, pull-quote, and exercise sections. This replaces manual layout and typography work for creator-brand lead magnets.

Can I export the digital e-guide preview as a PDF-ready asset?▼

Yes, you can export the digital e-guide preview as a PDF-ready asset. The Skill produces a standalone HTML document with inline CSS, ensuring portability for web embedding or direct PDF export.

What is included in a two-page digital e-guide layout?▼

A two-page digital e-guide layout includes a cover on the left and a spread on the right. It enforces a consistent typographic system with TOC, pull-quote, and exercise sections for brand-forward collateral.

Do I need external design tools to format typography for a creator-brand e-guide?▼

No external design tools are needed to format typography. The Skill applies a design-system-driven approach to handle page layout, typography, and content organization directly within the generated HTML output.

Is inline CSS required for portable e-guide web previews?▼

Inline CSS is used to ensure portable e-guide web previews. By embedding styles directly in the standalone HTML document, the preview maintains consistent visual formatting without relying on external stylesheets.

Related Skills

Explore More Design & Creative Skills→
Nikolaj-StormNikolaj-Storm

ads-dna

Extract brand identity from a website and generate brand-profile.json.

Community
Intermediate
cgRGMcgRGM
1

lead-magnets

Create lead magnet strategies for email capture and lead quality.

Community
Intermediate
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
C-Jay69C-Jay69

image-generation

Generate base64-encoded images from text prompts using the z-ai-web-dev-sdk.

Community
Intermediate