ワンクリックでManusで任意のスキルを実行

swiss-creative-mode-template

Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette choreography in a single-file HTML artifact. Use when users ask for a premium presentation-style landing, a Swiss/brutalist deck look, or a creative launch page with rich interactions.

Manusで実行

スター62,518

フォーク6,985

更新日2026年5月9日 10:09

ソース

nexu-io

nexu-io/open-design

GitHub リポジトリを開く Creator のリポジトリを見る

インストールコマンド

ダウンロード

Manusで実行

役立つ用途SOC

ウェブ開発者コンピュータ・数学職15-1254L4

ファイルエクスプローラー

4 ファイル

SKILL.md

readonly

このリポジトリの他の Skills

同じリポジトリ

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

Swiss Creative Mode Template

Produce a premium Swiss/editorial-style HTML template with strong visual rhythm and meaningful interactions, then emit it as a single-file artifact.

Resource map

swiss-creative-mode-template/ ├── SKILL.md ├── assets/ │ └── template.html ├── references/ │ └── checklist.md └── example.html

Workflow

Read active DESIGN.md and map palette/type/layout decisions into root CSS variables.

Copy assets/template.html to index.html.

Keep this structure intact:

Hero scene with bold title and geometric frame.
Four-step process card row.
Stack/architecture diagram scene.

Keep these interactions working:

Prev/next slide navigation + dot nav.
Theme toggle (paper/dark).
Palette cycle button (changes accent colors across the template).
Hotspot toggle for annotations/details.

Keep output self-contained (<!doctype html>, inline CSS/JS, no external runtime dependency).

Validate against references/checklist.md before emitting.

Output contract

One short sentence before artifact, then:

<artifact identifier="swiss-creative-mode" type="text/html" title="Swiss Creative Mode Template"> <!doctype html> <html>...</html> </artifact>

Swiss Creative Mode Template

Produce a premium Swiss/editorial-style HTML template with strong visual rhythm and meaningful interactions, then emit it as a single-file artifact.

Resource map

swiss-creative-mode-template/ ├── SKILL.md ├── assets/ │ └── template.html ├── references/ │ └── checklist.md └── example.html

Workflow

Read active DESIGN.md and map palette/type/layout decisions into root CSS variables.

Copy assets/template.html to index.html.

Keep this structure intact:

Hero scene with bold title and geometric frame.
Four-step process card row.
Stack/architecture diagram scene.

Keep these interactions working:

Prev/next slide navigation + dot nav.
Theme toggle (paper/dark).
Palette cycle button (changes accent colors across the template).
Hotspot toggle for annotations/details.

Keep output self-contained (<!doctype html>, inline CSS/JS, no external runtime dependency).

Validate against references/checklist.md before emitting.

Output contract

One short sentence before artifact, then:

<artifact identifier="swiss-creative-mode" type="text/html" title="Swiss Creative Mode Template"> <!doctype html> <html>...</html> </artifact>

name	swiss-creative-mode-template
description	Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette choreography in a single-file HTML artifact. Use when users ask for a premium presentation-style landing, a Swiss/brutalist deck look, or a creative launch page with rich interactions.
triggers	["swiss creative mode template","editorial presentation template","brutalist deck style html","creative mode deck","瑞士风演示模板","高级设计语言模板"]
od	{"mode":"template","surface":"video","type":"hyperframes","platform":"desktop","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":true,"sections":["color","typography","layout","components"]},"outputs":{"primary":"index.html","secondary":["template.html","example.html"]},"capabilities_required":["file_write"]}

name	swiss-creative-mode-template
description	Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette choreography in a single-file HTML artifact. Use when users ask for a premium presentation-style landing, a Swiss/brutalist deck look, or a creative launch page with rich interactions.
triggers	["swiss creative mode template","editorial presentation template","brutalist deck style html","creative mode deck","瑞士风演示模板","高级设计语言模板"]
od	{"mode":"template","surface":"video","type":"hyperframes","platform":"desktop","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":true,"sections":["color","typography","layout","components"]},"outputs":{"primary":"index.html","secondary":["template.html","example.html"]},"capabilities_required":["file_write"]}