digital-eguide
A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".
소스 정보
- 저장소
- nexu-io/open-design
- 최근 소스 활동
- 2026년 7월 27일 14:02
- 감지된 SKILL.md 언어
- 영어
- 스타
- 96,674
- 포크
- 11,234
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
파일 탐색기
2 개 파일SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- digital-eguide
- description
- A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".
- triggers
- ["e-guide","digital guide","lead magnet","lookbook","creator guide","playbook","pdf guide","ebook","电子指南","电子书"]
- od
- {"mode":"prototype","platform":"desktop","scenario":"marketing","preview":{"type":"html","entry":"index.html"},"design_system":{"requires":true,"sections":["color","typography","layout","components"]},"craft":{"requires":["typography","typography-hierarchy","typography-hierarchy-editorial","rtl-and-bidi"]},"example_prompt":"Design 'The Creator's Style & Format Guide' — cover page and one inside spread, lifestyle creator brand."}
# Digital 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
1. **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.
2. **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.
3. **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" — `&` and `guide` italic).
- 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.
4. **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-id` on cover, spread, toc, pull-quote, exercise.
5. **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.
GitHub에서 보기