تشغيل أي مهارة في Manus بنقرة واحدة

magazine-poster

An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbered sections with annotated pull-quote captions. Reads like a Sunday-paper full-page essay or a thoughtful launch poster. Use when the brief asks for "magazine poster", "editorial poster", "newsprint", "essay layout", or "manifesto".

تشغيل في Manus

النجوم٦٢٬٥١٨

التفرعات٦٬٩٨٥

آخر تحديث١٨ مايو ٢٠٢٦ في ٠٤:٥٦

المصدر

nexu-io

nexu-io/open-design

فتح مستودع GitHub عرض مستودعات المنشئ

أمر التثبيت

تنزيل

تشغيل في Manus

مفيد لـSOC

المصممون الجرافيكيونالفنون والتصميم والترفيه والرياضة والإعلام27-1024L4

مستكشف الملفات

2 ملفات

SKILL.md

readonly

المزيد من هذا المستودع

نفس المستودع

3d-creator-portfolio

nexu-io/open-design

Use this plugin when the user wants a dark, premium 3D-creator / designer portfolio landing page: a full-viewport hero with a gradient-text headline and a mouse-following magnetic 3D portrait, a scroll-driven horizontal image marquee, an About section with corner 3D decorations and character-by-character scroll-reveal text, a white Services list, and sticky-stacking project cards. Invoke for '3D creator portfolio', 'designer landing page', 'creative portfolio with magnetic hero', or when the user references the Jack 3D Creator template.

2026-06-0962.5k

acreage-farming

nexu-io/open-design

Use this plugin when the user wants a premium precision-farming / agritech landing page: dark/light alternating sections, a fullscreen hero video background, an animated stats grid, an infinite logo marquee, and image-backed service cards. Invoke for 'farming landing page', 'agritech marketing site', 'precision agriculture site', or when the user references the Acreage Farming template.

2026-06-0962.5k

aerocore

nexu-io/open-design

Use this plugin when the user wants a premium dark-to-light aerospace / propulsion marketing site: a scroll-driven gradient hero with parallax wordmark and an engine still, a film-card that grows from a mission thumbnail into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart with category tabs, a horizontal video-story rail, and a starfield footer. Invoke for 'aerospace landing', 'engine / propulsion site', 'EngineTech', 'scroll-cinematic hero', or when the user references the AeroCore template.

2026-06-0962.5k

ai-designer-portfolio

nexu-io/open-design

Use this plugin when the user wants a premium single-page creative-studio / designer portfolio landing page on a white background: serif-accented hero, an infinite GIF marquee, parallax testimonial, two-card pricing, an auto-scrolling testimonial carousel, vertical project showcase, a mouse-trail partner CTA, and a fixed floating bottom nav. Invoke for 'designer portfolio', 'creative studio landing page', 'agency one-pager', or when the user references the Viktor Oddy / AI Designer Portfolio template.

2026-06-0962.5k

cinematic-landing-page

nexu-io/open-design

Use this plugin when the user wants a premium, GSAP-driven cinematic B2B landing page: a scroll-driven full-screen video slider hero with clip-path ellipse transitions, SplitText char-reveal headlines, a masonry product gallery, scroll-reveal about text, a partner marquee, Lottie-style feature cards, and a multi-office footer. Invoke for 'cinematic landing page', 'video hero landing', 'bakery / food-service landing', 'GSAP scroll site', or when the user references the Cinematic Landing Page template.

2026-06-0962.5k

codenest-coding-platform

nexu-io/open-design

Use this plugin when the user wants a high-end, dark cinematic hero section for a coding-education / bootcamp landing page (CodeNest): full-screen HLS background video, liquid-glass card, green-accent typography, and a working mobile hamburger menu. Invoke for 'coding bootcamp hero', 'dev course landing page', 'liquid glass hero', 'video background hero', or when the user references the CodeNest template.

2026-06-0962.5k

Magazine Poster Skill

Produce a single-page editorial poster — looks like a tear-out from a Sunday paper. Long-form, deliberate, type-driven.

Workflow

Read the active DESIGN.md (injected above). Pick the heaviest serif token in the DS for the headline, the body serif for the columns, and a typewriter / mono token for the section eyebrows and annotations.

Pick the topic from the brief. Write a real, opinionated headline — one with a struck-through word ("a designer", "the template hunt") and an italic accent on a key noun ("first draft", "mood", "specifics").

Layout, in order:

Top rule — thin black hairline + a dateline ("01 · A · YOUR LAB" left, "DD · MMM · YYYY" right). Light typewriter font.
Top eyebrow — a single mono tag like "POSTED TODAY".
Headline — 2–3 lines, oversized serif. One word struck through with text-decoration: line-through; text-decoration-thickness: 2px. One word italic, in accent color.
Deck — a 1–2 sentence subhead in italic serif at ~60% size of the headline, with a dash separator and a — what works callout fragment in accent.
Accent rule — short horizontal accent-colored bar (~80px).
Body grid — six numbered cells in a 2×3 (or 3×2) grid. Each cell:
- eyebrow (01 · SHIP FAST) in mono, accent color.
- bold serif sub-headline.
- 2–3 sentence body in body serif.
- one annotated callout — a quoted "use this prompt" line on a tinted background block, set in mono.
Footer band — rule above, three cells: handle / role / date, with a small "PRO TIP" plate on the left containing one closing line.

Write a single HTML document:

<!doctype html> through </html>, CSS inline.
Background uses a creamy paper tint (#f3eee2 or DS canvas) plus a subtle paper noise (radial-gradient dots at low opacity).
2-column body grid via CSS Grid; min-width 1100px page.
data-od-id on header, headline, deck, each cell, footer.

Self-check:

Type hierarchy is unmistakable — headline owns the page.
Strikethrough + italic accent both appear, exactly once each.
Body reads like real opinion, not lorem ipsum.
Looks intentional at 1280–1440px wide.

Output contract

Emit between <artifact> tags:

<artifact identifier="poster-slug" type="text/html" title="Poster Title"> <!doctype html> <html>...</html> </artifact>

One sentence before the artifact, nothing after.

Magazine Poster Skill

Produce a single-page editorial poster — looks like a tear-out from a Sunday paper. Long-form, deliberate, type-driven.

Workflow

Layout, in order:

Top rule — thin black hairline + a dateline ("01 · A · YOUR LAB" left, "DD · MMM · YYYY" right). Light typewriter font.
Top eyebrow — a single mono tag like "POSTED TODAY".
Headline — 2–3 lines, oversized serif. One word struck through with text-decoration: line-through; text-decoration-thickness: 2px. One word italic, in accent color.
Deck — a 1–2 sentence subhead in italic serif at ~60% size of the headline, with a dash separator and a — what works callout fragment in accent.
Accent rule — short horizontal accent-colored bar (~80px).
Body grid — six numbered cells in a 2×3 (or 3×2) grid. Each cell:
- eyebrow (01 · SHIP FAST) in mono, accent color.
- bold serif sub-headline.
- 2–3 sentence body in body serif.
- one annotated callout — a quoted "use this prompt" line on a tinted background block, set in mono.
Footer band — rule above, three cells: handle / role / date, with a small "PRO TIP" plate on the left containing one closing line.

Write a single HTML document:

<!doctype html> through </html>, CSS inline.
Background uses a creamy paper tint (#f3eee2 or DS canvas) plus a subtle paper noise (radial-gradient dots at low opacity).
2-column body grid via CSS Grid; min-width 1100px page.
data-od-id on header, headline, deck, each cell, footer.

Self-check:

Type hierarchy is unmistakable — headline owns the page.
Strikethrough + italic accent both appear, exactly once each.
Body reads like real opinion, not lorem ipsum.
Looks intentional at 1280–1440px wide.

Output contract

Emit between <artifact> tags:

<artifact identifier="poster-slug" type="text/html" title="Poster Title"> <!doctype html> <html>...</html> </artifact>

One sentence before the artifact, nothing after.

name	magazine-poster
description	An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbered sections with annotated pull-quote captions. Reads like a Sunday-paper full-page essay or a thoughtful launch poster. Use when the brief asks for "magazine poster", "editorial poster", "newsprint", "essay layout", or "manifesto".
triggers	["magazine poster","editorial poster","newsprint","newspaper layout","essay","manifesto","long-form poster","杂志海报","报纸版式"]
od	{"featured":0.02,"mode":"prototype","platform":"desktop","scenario":"marketing","preview":{"type":"html","entry":"index.html"},"design_system":{"requires":true,"sections":["color","typography","layout","components"]},"example_prompt":"Design an editorial magazine-style poster — ‘You don't need a designer to ship your first draft anymore.’ Newsprint paper, six numbered sections."}

name	magazine-poster
description	An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbered sections with annotated pull-quote captions. Reads like a Sunday-paper full-page essay or a thoughtful launch poster. Use when the brief asks for "magazine poster", "editorial poster", "newsprint", "essay layout", or "manifesto".
triggers	["magazine poster","editorial poster","newsprint","newspaper layout","essay","manifesto","long-form poster","杂志海报","报纸版式"]
od	{"featured":0.02,"mode":"prototype","platform":"desktop","scenario":"marketing","preview":{"type":"html","entry":"index.html"},"design_system":{"requires":true,"sections":["color","typography","layout","components"]},"example_prompt":"Design an editorial magazine-style poster — ‘You don't need a designer to ship your first draft anymore.’ Newsprint paper, six numbered sections."}