skills.rest
Keimoshi
KeimoshiCOMMUNITY
Explore all skills by this author →
GitHub

digital-eguide

Generates a two-page digital e-guide preview as a single self-contained HTML document.

Updated May 20, 2026
Search Tags:#typography#html#preview#lookbook#lead magnet#e-guide#editorial layout
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill digital-eguide-keimoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: digital-eguide
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/digital-eguide
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill digital-eguide-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing a polished digital guide or lead magnet preview requires editorial layout skills and careful typography; this Skill produces a complete two-spread e-guide mockup (cover plus inside spread) as ready-to-view HTML without manual design work. ## Core Features & Use Cases - Two-Page Editorial Layout: Renders a cover page (display title, author byline, stat row, table of contents with leader dots) alongside an inside spread (chapter body, numbered step list, pull-quote, exercise callout). - Design System Integration: Reads the active DESIGN.md tokens to select serif display, body serif, and mono fonts for consistent editorial hierarchy. - Use Case: A creator asks for "The Creator's Style & Format Guide" lead magnet; the Skill outputs a single HTML artifact showing the cover and one inside spread side-by-side with magazine-style rotation and paper-tone cards. ## Quick Start Ask the AI to design an e-guide cover and one inside spread for your chosen topic, for example a creator style guide or playbook.

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 digital e-guide or lead magnet preview?▼

Provide a topic and author in your prompt, and the Skill generates a two-page HTML preview: a cover with title, stats, and table of contents, plus an inside spread with body text, a step list, and a pull-quote. The output is a single HTML file you can open in a browser.

What output format does the e-guide generator produce?▼

It produces one self-contained HTML document with inline CSS, emitted inside an artifact tag. The pages are 600x860 paper-tone cards with slight opposing rotation for a magazine-on-desk feel, and key regions carry data-od-id attributes.

Does the e-guide skill require a design system file?▼

Yes, the frontmatter declares design_system requires: true with color, typography, layout, and components sections. The workflow reads the active DESIGN.md to pick serif display, body serif, and mono font tokens before laying out the pages.

Can I customize the fonts and colors of the generated guide?▼

Fonts and colors come from the active DESIGN.md tokens rather than hardcoded values, so updating the design system changes the output. The example uses Cormorant Garamond, DM Serif Text, and IBM Plex Mono loaded from Google Fonts.

When should I not use this e-guide layout skill?▼

It is designed for a fixed two-page preview (one cover plus one spread) in a lifestyle creator tone, not for full multi-page documents or print-ready PDF export. For complete ebooks or other formats, use a dedicated document generation approach.

Related Skills

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

saas-landing

Generate single-page SaaS landing HTML files using design system tokens and structured input parameters.

Official
Intermediate
citedycitedy
31

citedy-lead-magnets

Generate lead magnets and host a lead capture page for email collection.

Official
Advanced
chekoschekos
5

tacosdedatos-illustrator

Generates post banner illustrations for tacosdedatos using style-guided prompts and Gemini image generation.

Community
Advanced
ReadyToGo-EducationReadyToGo-Education
15

canvas-design

Generate a visual philosophy .md and a single-page .pdf or .png canvas.

Official
Advanced