Skip to content
Get packs

Digital E-Guide Designer

Designs a two-page digital e-guide preview (cover and inside spread) as a single HTML file

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

When installed, this skill tells an AI agent how to lay out a two-page digital guide, such as a lead magnet or creator ebook, as one HTML preview. The agent picks a title, author line, stats, and table of contents, then builds a cover page and an inside spread with a magazine-style look. The output is a single web page you can view in a browser, not a finished PDF.

Great for

  • Creators or small brands who want a styled mockup of a lead magnet or ebook before writing the full content
  • Designers who want a quick editorial-style starting layout with serif headings and a lifestyle feel
  • Teams testing how a guide cover and inside page might look

Skip it if

  • Producing a print-ready or exported PDF, since the skill outputs HTML only and the files do not show PDF export
  • Full multi-page guides, because the template is limited to two pages
  • Anyone needing verified facts or finished copy, since the agent generates placeholder-style titles and sample text

Try asking

  • “Design a cover and one inside spread for 'The Creator's Style & Format Guide' in a lifestyle tone”
  • “Make a two-page lead magnet preview for my newsletter on minimalist home organizing”
  • “Create a digital guide preview with a table of contents and a 4-step lesson list about writing hooks”
Step-by-step guide: how to use Digital E-Guide DesignerInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    digital-eguide.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip digital-eguide.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip digital-eguide.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent a clear brief with topic, author name, and audience so the cover title and byline are relevant.
  • Attach or activate a DESIGN.md first, since the workflow starts by reading it for colour and type choices.
  • Check the generated stats and chapter numbers yourself; the template uses example figures such as 16 principles and 38 dos and don'ts.

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.