open-design-landing-deck
Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Built as a decision-grade marketing & GTM deck for partners, press, community.
Profile →npx skills add nexu-io/open-design --skill open-design-landing-deck --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# open-design-landing-deck Sister skill to [`open-design-landing`](../open-design-landing/). Same Atelier Zero visual system (warm paper, Inter Tight + Playfair Display, italic-serif emphasis, coral dots), but paginated as a **horizontal magazine-style swipe deck** instead of a long scrolling page. The navigation model is intentionally borrowed from the [`guizang-ppt`](../guizang-ppt/) skill — `←/→` arrow keys, wheel / swipe, ESC for the overview grid — so it feels like a print magazine flipping page by page rather than a web slide deck scrolling. ```text inputs.json + ../open-design-landing/styles.css │ └──────────► scripts/compose.ts │ ▼ <out>/index.html (one viewport per slide, horizontal swipe) ``` ## What you get - A single self-contained HTML file with N viewport-sized slides laid out horizontally on one transformed flex track. - **Keyboard navigation**: `←/→` · `↑/↓` · PageUp/PageDown · Space · Home/End. - **Wheel + touch swipe** (with momentum guard so a single trackpad flick doesn't overshoot). - **Per-slide chrome strip**: brand mark, deck title, location, Roman-numeral year, live slide counter (`01 / 11`). - **Coral progress bar** at the bottom that fills as you advance.
- What you get
- Slide types
- Workflow
- 1. Author inputs.json
- 2. (Optional) generate or stub imagery
- 3. Compose the deck
- 4. Self-check
- Boundaries
- See also
generate via gpt-image-2 (fal.ai) or paper-textured SVG placeholders npx tsx ../open-design-landing/scripts/placeholder.ts ../open-design-landing/assets/ npx tsx scripts/compose.ts inputs.json out/index.html
What does the open-design-landing-deck skill do?
Open Design's brand-story deck for partners and press: why it exists, what it believes, and where design is going. Built as a decision-grade marketing & GTM deck for partners, press, community.
How do I install it?
Run `npx skills add nexu-io/open-design --skill open-design-landing-deck --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.