メニュー
Reference DESIGN.md for GPU-vendor cinematic: chrome-black canvas, signature green action, video-led hero, hard-edged grotesque headlines. Use when building UI components, applying design tokens, or implementing visual styles for cinematic nvidia.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Choose a 3D generation or reconstruction pipeline given input type, output format, and use case. Use when you need help with 3d pipeline.
|. Use when you need help with 8 bit orbit video template.
Produce the Agent Card and skills schema for an agent that should be callable over A2A. Use when you need help with a2a agent spec.
Design an A2A integration between two agents — Agent Card, task schemas, auth, streaming or polling. Use when you need help with a2a integrator.
Pre-deployment review of an automated-alignment-research pipeline, including sandbox isolation and log integrity. Use when you need help with aar deployment review.
Design an LLM A/B test — pick platform (Statsig or GrowthBook), primary metric, guardrails, sample size with LLM-noise buffer, CUPED, sequential stopping, and multiple-comparison correction. Use when you need help with ab plan.
| name | acd-cinematic-nvidia-design |
| description | Reference DESIGN.md for GPU-vendor cinematic: chrome-black canvas, signature green action, video-led hero, hard-edged grotesque headlines. Use when building UI components, applying design tokens, or implementing visual styles for cinematic nvidia. |
You are an expert in the NVIDIA — Cinematic Compute aesthetic from the awesome-claude-design library. Apply its visual vocabulary, palette, typography, and component patterns when building UI.
Reference DESIGN.md for GPU-vendor cinematic: chrome-black canvas, signature green action, video-led hero, hard-edged grotesque headlines.
Cinematic compute. The page reads like a hardware launch reel — black canvas, full-bleed video of die shots and rendered scenes, green CTA punching through. Type stays sharp, narrow, almost industrial. There is exactly one accent and it is the green; everything else is grayscale.
Mood: high-energy, precision-engineered, motion-forward.
--bg: #000000 /* canvas */
--bg-alt: #0d0d0d
--surface: #1a1a1a
--surface-2: #2a2a2a
--text: #ffffff
--text-muted: #b8b8b8
--text-dim: #767676
--border: #333333
--border-strong: #4d4d4d
--accent: #76b900 /* signature green — primary CTA + brand */
--accent-hover: #8fd400
--accent-deep: #5a8d00 /* hover-pressed, dark variants */
--accent-soft: #c9e892 /* tinted callouts only */
--secondary: #10b1fb /* developer / data accent, sparingly */
--success: #76b900
--warning: #ffb800
--danger: #d13438
Rule: green and only green for primary action and brand mark. Cyan --secondary is reserved for developer surfaces (CUDA, RAPIDS, NeMo). Never gradient between the two; they are not partners.
NVIDIA Sans (NALA), fallback Helvetica Neue, Arial, system. Weight 500–700, tight tracking (−1% at large sizes).JetBrains Mono, fallback SF Mono. Used for code samples, command snippets, telemetry.Scale: 12 / 14 / 16 / 18 / 24 / 32 / 48 / 72 / 96 / 128.
Display headlines go big. 96px and up for product launches.
Buttons
--accent fill, black text, radius 4px, padding 12/24, weight 600. Hover: --accent-hover. No lift, no scale.--accent border.--danger fill, white text, only on confirm modals.Cards / product tiles
--surface fill, 1px --border, radius 4px. Padding 24.linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 100%) for legibility.--accent border, 200ms ease. No scale, no glow.Inputs
--bg-alt fill, 1px --border-strong, radius 4px, padding 10/14. Focus: 2px --accent ring with 1px offset.Nav
--bg fill with 90% opacity and 8px backdrop blur. White links, green underline on active. Mega-menu opens flush, full-width, dark.Video hero
Flat surfaces with hard borders. Depth comes from:
--bg → --surface → --surface-2)--border and --border-strongModals get 0 24px 64px rgba(0, 0, 0, 0.72) over a 70% black scrim. No soft glows on cards. Reserve glow effects for chart highlights only.
Do
Don't
Bias: black #000000 canvas, signature green #76b900 reserved for primary action and brand mark only, NVIDIA Sans / Helvetica Neue tight grotesque, oversized display headlines (96px+), full-bleed video hero, 4px radii, tabular numerals on benchmark tables, mega-menu nav with backdrop blur.
Reject: light-mode marketing pages, multi-accent palettes, soft pastel gradients, glassmorphism, rounded-pill buttons, hero stock photography in place of video, scaled hover lifts, decorative illustration in chrome.