Digital E-Guide
FreeCreate visually appealing digital guides effortlessly.
Free · Opens the source repo
What Digital E-Guide does
The Digital E-Guide skill allows users to produce a two-page preview of a digital guide, designed specifically for lifestyle and creator brands. The first page serves as the cover, while the second page presents the main content in a visually engaging spread. This skill is particularly useful for creators looking to generate e-guides, digital guides, lookbooks, or other similar materials with a polished, professional appearance.
To utilize this skill, users start by reading the active DESIGN.md to select appropriate serif fonts for display titles and body text. The workflow involves generating a compelling title and subtitle, along with an author byline. The layout is carefully structured, with the cover featuring an eyebrow, display title, statistics in a mono font, and a table of contents. The second page includes a chapter title, a sub-title, a two-column body with a numbered list, and a pull-quote that adapts to different scripts, ensuring accessibility for diverse audiences.
The output is an HTML document that encapsulates the design elements specified in the workflow, including inline CSS for styling. The pages are presented as cards with a slight shadow and rotation, mimicking a magazine layout. This attention to detail ensures that the final product is not only functional but also visually appealing, making it suitable for distribution as a digital asset.
This skill is ideal for designers and content creators who need to quickly produce high-quality digital guides without extensive design work. It streamlines the process of creating visually consistent and engaging content, making it easier to communicate ideas effectively through well-structured guides.
When to use it
Use this skill when tasked with creating a digital guide, e-guide, or similar content that requires a professional layout.
When not to use it
This skill may not be suitable for projects that require extensive customization beyond the provided template or for non-digital formats.
What you can build with it
Creating a Creator's Guide
Use this skill to generate a comprehensive guide for creators, showcasing tips and best practices.
Designing a Lookbook
Quickly create a visually appealing lookbook to present products or concepts in a structured format.
Developing Educational Materials
Produce educational e-guides that provide step-by-step instructions and insights in a digestible format.
How to install Digital E-Guide
View source1. Install with the skills CLI
npx skills add nexu-io/open-design/digital-eguide --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by nexu-ioDigital E-Guide Skill
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.
Frequently asked questions about Digital E-Guide
Similar skills
Excalidraw Diagram Generator
Transform natural language into Excalidraw diagrams.
Draw.io Diagram Generator
Easily create and validate draw.io diagrams.
Image Annotations
Easily annotate images with callouts and highlights.
Banner Design
Create stunning banners for any platform effortlessly.
Scientific Schematics
Generate publication-quality scientific diagrams effortlessly.
Infographics
Create professional infographics with ease and accuracy.