Files
nexu-io-open-design/plugins/_official/examples/html-ppt-graphify-dark-graph
free666799 c7e422d7a2 feat(plugins): unify all 56 official deck seeds with the Open Design product narrative (#4357)
* feat(plugins): unify all 56 official deck seeds with the Open Design product narrative

Apply the same canonical 10-section story used for the community slides
batch (sourced from the homepage structure doc + README) to every official
deck plugin seed that ships an example.html: cover, why, three claims,
numbers board (60K+ stars / 300+ contributors / 217+ plugins / 129 design
systems / 21 agents), 5-step workflow, multimodal outputs, capabilities,
agent ecosystem, testimonial, and CTA with GitHub/Discord/X links.

Scenario decks keep their framing with Open Design as the subject:
weekly-report/weekly-update become OD growth reports, course-module a
getting-started tutorial, testing-safety-alert the local-data-security
story, xhs-* decks OD-themed xiaohongshu notes, ib-pitch-book an investor
narrative, presenter-mode-reveal keeps its presenter-mode demo.
open-design-landing-deck only gets its numbers aligned to the canonical
figures. Skipped (no example.html seed): guizang-ppt, html-ppt, replit-deck.

Content-only edits: CSS tokens, layouts, decorations, animations, keyboard
nav, hash routing and functional JS untouched. zh 13 decks / en 43 decks
per existing typography. All 56 verified: script syntax, cover screenshot,
no fictional brand residue.

* fix(decks): wire dead Download/closing CTAs to real destinations

Review follow-up for #4145: primary Download CTAs now point to
https://open-design.ai/ (the canonical download landing), and the
remaining href="#" closing links (Star on GitHub / Discord / X /
See All Agents) point to the repo, Discord invite, and X profile.
Also split the landing-deck primary CTA off the repo-root URL so the
primary and secondary actions no longer share a destination.

* style(official-decks): anti-slop visual pass across the official deck seeds

Restyle/polish sweep over all 55 official example decks (taste-skill +
impeccable + gsap-skills guidelines):

- A-class seeds (AI-slop look: default Inter, purple-blue gradients,
  uniform rounded shadow cards) fully restyled with distinct typographic
  systems, locked single accents, and off-white/off-black grounds.
- B-class seeds (clear style family, e.g. the zhangzara-* craft set)
  kept their family signature and received polish only: spacing rhythm,
  contrast to WCAG AA, hairline discipline, reduced-motion guards.
- Motion limited to transform/opacity with prefers-reduced-motion
  guards; signature ease cubic-bezier(.16,1,.3,1).
- Content is unchanged: all copy, numbers (60K+ stars, 217+ plugins,
  129 design systems, 21 agents, -80% cost), links, slide counts and
  the deck engine scripts are byte-identical to the previous seeds.
- html-ppt-zhangzara-pin-and-paper already met every rule (craft fonts,
  single ink accent, static content) and is intentionally untouched.

* i18n(official-decks): translate all Chinese deck seeds to English

All official slide seeds are now English-only per template policy.
15 decks translated (~12,000 CJK chars): presenter-mode-reveal,
testing-safety-alert, xhs-pastel-card, tech-sharing,
obsidian-claude-gradient, knowledge-arch-blueprint, xhs-white-editorial,
hermes-cyber-terminal, xhs-post, dir-key-nav-minimal,
graphify-dark-graph, ppt-keynote, guizang-editorial,
swiss-international, open-slide-canvas.

- Layout, engine scripts, slide counts, stats (60K+/300+/217+/129/21/
  -80%) and links unchanged; only content language changed.
- CJK-specific Google Fonts (Noto Sans/Serif SC, ZCOOL KuaiLe, Songti)
  replaced with Latin families matching each deck's voice (Inter,
  IBM Plex Sans, Nunito, Patrick Hand, Georgia, Noto Serif).
- The xhs-* social decks keep their Xiaohongshu aesthetic with native
  English social copy.
- Overflow from longer English copy fixed with minor per-element type
  sizing; every deck screenshot-verified; zero CJK characters remain
  across all 56 official deck seeds.

* fix(xhs-pastel-card): restore absolute positioning of topbar/footer chrome

The content-layer rule '.slide > *:not(.xp-blob){position:relative}'
(specificity 0,3,0) overrode the absolutely-positioned .xp-topbar and
.xp-footer (0,2,0), dropping both into the flex flow: the chip overlapped
the headline, left:90px turned into a 90px rightward shift that pushed
the page number off-canvas, and bottom:40px lifted the footer into the
body copy on every slide. Excluding the two chrome elements from the
content-layer rule restores the intended layout; verified per-slide
screenshots across all 8 slides.

* feat(deck-seeds): expand the three sampler decks to full 10-page examples

deck-guizang-editorial, deck-swiss-international, and
deck-open-slide-canvas shipped as 1-2 page style samplers while every
other official seed carries a full 8-11 page example. Each is now a
10-page deck built from its own SKILL.md layout vocabulary:

- guizang-editorial: one page per L01-L10 layout, single Ink/Monocle
  palette per the 5-pick-1 rule, ink/paper reversal for rhythm.
- swiss-international: 10 of the 22 locked layouts (statement, cards,
  six-cell grid, timeline, duo compare, loop diagram, why-now, closing
  manifesto), Klein Blue as the single accent; SKILL.md example_desc
  updated from the stale two-page wording.
- open-slide-canvas: ten free-composition 1920x1080 canvases (asymmetric
  split, oversized numerals, positioned-block flow, editorial quote,
  comparison spread) with keyboard + hash navigation per its own
  convention.

Content follows the English-only OD narrative with canonical stats and
links; every page screenshot-verified; zero CJK; single-file with
Google Fonts as the only external resource.

* fix(decks): wire the two remaining dead closing-slide CTAs

Review follow-up for #4145 (nettee, looper reviewer):

- 8-bit-orbit: the closing 'Download Open Design' / 'Star on GitHub'
  pixel buttons were plain <button> elements with no click handling;
  converted to anchors targeting https://open-design.ai/ and the
  GitHub repo, keeping the .pixel-btn skin.
- retro-windows: the closing copy promised download/star actions but
  the action row was the old unwired Restart / Contact / End Session
  set; replaced with Download Open Design / Star on GitHub /
  Join Discord anchors in the same .btn-retro skin.

* fix(decks): wire remaining button-skinned dead CTAs across deck seeds

Review follow-up for #4145 (looper reviewer round 3). Converts every
remaining action-copy control that carried button/chip skin but no
href into a real anchor with the canonical targets, keeping each
deck's skin:

- zhangzara-long-table: closing .pill chips (GitHub / Download) and the
  cover 'Star on GitHub' pill
- zhangzara-raw-grid: closing .label arrow Download + the two
  .s10-rb-block tiles (macOS-Windows / Star on GitHub)
- zhangzara-peoples-platform: GET STARTED slide DOWNLOAD block
- obsidian-claude-gradient: all four .oc-pill chips on the CTA slide
- zhangzara-biennale-yellow / sakura-chroma / cobalt-grid colophon
  ftag labels, zhangzara-pink-script 'Star on GitHub' tile, and
  ib-pitch-book 'Download Open Design' stamp (same pattern, found by
  a repo-wide sweep for the regression class)

* fix(decks): wire zhangzara-coral closing-slide social icons to anchors

* feat(plugins): unify guizang-ppt (magazine-web-ppt) deck default with the Open Design product narrative in English

The deck-mode default seed (magazine-web-ppt, dir guizang-ppt) was the one
official deck the narrative+i18n pass missed, because its content lives in
assets/example-slides.html + assets/template.html rather than example.html.

- Rewrite the 9-slide example deck to the English Open Design product narrative
  (60K+ stars / 300+ contributors / 217+ plugins / 129 design systems / 21
  agents / -80% cost), preserving the magazine editorial layout vocabulary and
  hitting all 8 layout categories. English titles use the Playfair .h-hero-en
  family; copy follows anti-slop craft (no decorative em-dashes, real labelled
  metrics, tight hierarchy).
- Translate template.html (title, hint, all CSS/JS comments), SKILL.md,
  references/*.md, open-design.json, and the design-templates README to English.
- Keep magazine-web-ppt name, mode=deck, default_for=deck intact.
- Both synced copies (plugins/_official + design-templates) updated identically.

---------

Co-authored-by: free666799 <293857035+free666799@users.noreply.github.com>
2026-06-16 08:41:04 +00:00
..