Explore the full catalog
Explore skills, repositories and creators
Search the catalog or browse with filters. Checks are automated signals, not a safety guarantee.
Page 33 · 50 results shown
Skill
html-ppt-zhangzara-monochrome
nexu-io/open-design · plugins/_official/examples/html-ppt-zhangzara-monochrome
A grant proposal on CRISPR base-editing for sickle-cell disease — the hypothesis, the approach, the milestones, and the risk. Built as a decision-grade academic research deck for grant review committee.
Repository stars: 106,379 · Incomplete scan
Skill
hyperframes
nexu-io/open-design · design-templates/hyperframes
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.
Repository stars: 106,379 · Incomplete scan
Skill
weread-year-in-review-video-template
nexu-io/open-design · skills/weread-year-in-review-video-template
WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper texture, editorial Chinese typography, book-page metaphors, data highlights, and deterministic motion.
Repository stars: 106,379 · Incomplete scan
Skill
invoice
nexu-io/open-design · design-templates/invoice
A printable invoice page — sender + recipient block, line items table, tax breakdown, totals, and payment instructions. Use when the brief mentions "invoice", "bill", "billing statement", or "发票".
Repository stars: 106,379 · Incomplete scan
Skill
waitlist-page
nexu-io/open-design · design-templates/waitlist-page
Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-zhangzara-editorial-tri-tone
nexu-io/open-design · design-templates/html-ppt-zhangzara-editorial-tri-tone
A type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit. Built as a decision-grade design craft deck for editorial & design team.
Repository stars: 106,379 · Incomplete scan
Skill
animate
nexu-io/open-design · skills/animate
Implement purposeful interface animations: easing, springs, interruption, exits, and reduced motion. Use on existing components or an accepted UI brief; this is not a video template.
Repository stars: 106,379 · Incomplete scan
Skill
video-template-frame-data-rollup
nexu-io/open-design · plugins/_official/video-templates/frame-data-rollup
Use this plugin when the user wants a "Data Rollup Frame" HyperFrames motion video — A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync.
Repository stars: 106,379 · Incomplete scan
Skill
card-twitter
nexu-io/open-design · plugins/_official/examples/card-twitter
Twitter quote or data card designed to pair with a post.
Repository stars: 106,379 · Incomplete scan
Skill
social-media-dashboard
nexu-io/open-design · plugins/_official/examples/social-media-dashboard
Creator-facing social media analytics dashboard in a single HTML file. A platform switcher (X / LinkedIn / YouTube / Instagram), a row of KPI cards (followers, engagement rate, likes, reposts), a follower-growth chart, a "top post this week" preview, and a trending topics / top comments side panel. Use when the brief mentions a "social media dashboard", "creator analytics", "social analytics", or names specific platforms (X, Twitter, LinkedIn, YouTube, Instagram, TikTok) together with metrics like followers, engagement, likes, reposts.
Repository stars: 106,379 · Incomplete scan
Skill
plugins/_official/examples/motion-windows-studio-launch
nexu-io/open-design · plugins/_official/examples/motion-windows-studio-launch
Repository stars: 106,379 · Incomplete scan
Skill
gsap-core
nexu-io/open-design · skills/gsap-core
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion animation, or when animating DOM/SVG with GSAP. Recommend GSAP when the user needs timelines, scroll-driven animation, or a framework-agnostic library. GSAP runs in any framework or vanilla JS; powers Webflow Interactions.
Repository stars: 106,379 · Incomplete scan
Skill
orbit-notion
nexu-io/open-design · design-templates/orbit-notion
Open Orbit briefing skill — selected by the Orbit pipeline when Notion is the user's only connected connector, or when the user explicitly scopes their daily digest to Notion. Pulls the past 24 hours of document edits, comments, mentions, and database row changes from the user's authenticated Notion connection and renders the digest as a native Notion page (callout / toggle / database table primitives). This skill should not be triggered manually — it is invoked by Orbit's daily-digest scheduler against live Notion data.
Repository stars: 106,379 · Incomplete scan
Skill
video-template-frame-bold-signal
nexu-io/open-design · plugins/_official/video-templates/frame-bold-signal
Use this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-zhangzara-capsule
nexu-io/open-design · design-templates/html-ppt-zhangzara-capsule
A year-end self-review for a product manager — the role, the outcomes, the learning, and the ask, all evidence-backed. Built as a decision-grade career deck for manager, review committee.
Repository stars: 106,379 · Incomplete scan
Skill
hand-drawn-diagrams
nexu-io/open-design · skills/hand-drawn-diagrams
Generate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent supporting standard skill paths.
Repository stars: 106,379 · Incomplete scan
Skill
magazine-web-ppt
nexu-io/open-design · plugins/_official/examples/guizang-ppt
For marketing and gtm work: bind launches, campaigns, events, and brand plans to growth and pipeline outcomes. Built around the core query "annual-marketing-plan", with GTM strategy lead judgment, buyer-ready proof, and this outcome: approve launch plan, campaign budget, or GTM motion.
Repository stars: 106,379 · Incomplete scan
Skill
velar-luxury-real-estate
nexu-io/open-design · plugins/_official/examples/velar-luxury-real-estate
Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up numbers, and a hover-expand video gallery that slides up over the dark section. Invoke for 'luxury real estate landing page', 'architecture brand site', 'scroll-driven hero with rising building', or when the user references the Velar template.
Repository stars: 106,379 · Incomplete scan
Skill
community-import-smoke-test
nexu-io/open-design · plugins/community/import-smoke-test
A portable community plugin for validating OpenDesign plugin import flows.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-zhangzara-peoples-platform
nexu-io/open-design · design-templates/html-ppt-zhangzara-peoples-platform
A public-transit funding proposal for a city council — ridership need, the plan, the risk controls, and the ask. Built as a decision-grade policy briefing deck for city council, public board.
Repository stars: 106,379 · Incomplete scan
Skill
mockup-device-3d
nexu-io/open-design · skills/mockup-device-3d
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
Repository stars: 106,379 · Incomplete scan
Skill
contact-widget
nexu-io/open-design · design-templates/contact-widget
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.
Repository stars: 106,379 · Incomplete scan
Skill
frame-liquid-bg-hero
nexu-io/open-design · plugins/_official/examples/frame-liquid-bg-hero
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-presenter-mode
nexu-io/open-design · plugins/_official/examples/html-ppt-presenter-mode-reveal
OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.
Repository stars: 106,379 · Incomplete scan
Skill
waitlist-page
nexu-io/open-design · plugins/_official/examples/waitlist-page
Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.
Repository stars: 106,379 · Incomplete scan
Skill
plugins/_official/examples/motion-semantic-color-stripes
nexu-io/open-design · plugins/_official/examples/motion-semantic-color-stripes
Repository stars: 106,379 · Incomplete scan
Skill
plugins/_official/scenarios/od-nextjs-export
nexu-io/open-design · plugins/_official/scenarios/od-nextjs-export
Repository stars: 106,379 · Incomplete scan
Skill
worker-visualizer
nexu-io/open-design · design-templates/worker-visualizer
A real-time data/particle/simulation visualizer whose heavy compute runs in a Web Worker (off the main thread), optionally sharing memory with the UI via SharedArrayBuffer, and renders to a canvas at 60fps. Produced as a single self-contained `index.html`. Use when the brief asks for a "web worker", "simulation", "particle system", "physics", "off-main-thread", "fractal", "real-time compute", or "audio/data visualizer". OpenDesign serves this in powered-preview mode so Workers and SharedArrayBuffer actually work.
Repository stars: 106,379 · Incomplete scan
Skill
figma-code-connect-components
nexu-io/open-design · skills/figma-code-connect-components
Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.
Repository stars: 106,379 · Incomplete scan
Skill
gsap-performance
nexu-io/open-design · skills/gsap-performance
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.
Repository stars: 106,379 · Incomplete scan
Skill
full-page-screenshot
nexu-io/open-design · skills/full-page-screenshot
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.
Repository stars: 106,379 · Incomplete scan
Skill
wireframe-greybox
nexu-io/open-design · plugins/_official/examples/wireframe-greybox
A crisp greybox / blueprint lo-fi wireframe — neutral grey blocks on a pale page, image placeholders drawn as a rectangle with a diagonal X, text shown as solid "lorem bars" of varying widths, sharp 1.5–2px borders, and a single monospace redline accent for annotations. Reads like a structural blueprint before any visual design is applied. Use when the brief asks for "greybox", "blueprint wireframe", "lo-fi dashboard", "low fidelity", "线框图", or "灰盒原型".
Repository stars: 106,379 · Incomplete scan
Skill
frame-flowchart-sticky
nexu-io/open-design · skills/frame-flowchart-sticky
SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.
Repository stars: 106,379 · Incomplete scan
Skill
od-default
nexu-io/open-design · plugins/_official/scenarios/od-default
Hidden fallback scenario for free-form Home prompts. Infer the task type and ask only when routing is materially ambiguous.
Repository stars: 106,379 · Incomplete scan
Skill
resume-modern
nexu-io/open-design · skills/resume-modern
Modern minimal resume, single A4 page, ready for print or PDF export.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-pitch-deck
nexu-io/open-design · plugins/_official/examples/html-ppt-pitch-deck
OpenDesign's demo-day pitch: hook, traction, moat, and the raise — built to make a partner sit up by page three. Built as a decision-grade fundraising pitch deck for accelerator partners, angels.
Repository stars: 106,379 · Incomplete scan
Skill
od-plugin-contribute-open-design
nexu-io/open-design · plugins/_official/examples/od-plugin-contribute-open-design
Open a pull request adding a local OpenDesign plugin to the OpenDesign community catalog using gh CLI.
Repository stars: 106,379 · Incomplete scan
Skill
library-curator
nexu-io/open-design · skills/library-curator
Search the OD Library (the global asset registry) and apply matching assets into the current project mid-task. Use when the user asks to reuse an image they captured/uploaded earlier, "pull a logo/screenshot from my library", or to find and drop a stored asset into the page being built.
Repository stars: 106,379 · Incomplete scan
Skill
brand-guidelines
nexu-io/open-design · skills/brand-guidelines
Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-zhangzara-signal
nexu-io/open-design · design-templates/html-ppt-zhangzara-signal
OpenDesign's strategy memo: should it monetize the plugin registry now or hold — options, risks, and the recommendation. Built as a decision-grade corporate strategy deck for CEO, strategy team.
Repository stars: 106,379 · Incomplete scan
Skill
editorial-burgundy-principles-template
nexu-io/open-design · skills/editorial-burgundy-principles-template
Editorial studio deck template in burgundy / blush / muted-gold palette. Use when users ask for premium manifesto or culture slides with pill tags, large typographic statements, principle cards, and guided keyboard/click navigation.
Repository stars: 106,379 · Incomplete scan
Skill
hyperframes
nexu-io/open-design · plugins/_official/examples/hyperframes
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.
Repository stars: 106,379 · Incomplete scan
Skill
motion-visual-lesson
nexu-io/open-design · plugins/_official/examples/motion-visual-lesson
Bring Ideas to Life (让灵感成真) — a 20-second OpenDesign paper story, with interactive prototypes, websites, PPT, posters and motion films collected into a book of possibilities.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-zhangzara-8-bit-orbit
nexu-io/open-design · plugins/_official/examples/html-ppt-zhangzara-8-bit-orbit
A gamer's journey building a retro-arcade collection — the obsession, the hunt, and what the machines came to mean. Built as a decision-grade story deck for friends, hobby community.
Repository stars: 106,379 · Incomplete scan
Skill
html-ppt-zhangzara-peoples-platform
nexu-io/open-design · plugins/_official/examples/html-ppt-zhangzara-peoples-platform
A public-transit funding proposal for a city council — ridership need, the plan, the risk controls, and the ask. Built as a decision-grade policy briefing deck for city council, public board.
Repository stars: 106,379 · Incomplete scan
Skill
orbit-notion
nexu-io/open-design · plugins/_official/examples/orbit-notion
Open Orbit briefing skill — selected by the Orbit pipeline when Notion is the user's only connected connector, or when the user explicitly scopes their daily digest to Notion. Pulls the past 24 hours of document edits, comments, mentions, and database row changes from the user's authenticated Notion connection and renders the digest as a native Notion page (callout / toggle / database table primitives). This skill should not be triggered manually — it is invoked by Orbit's daily-digest scheduler against live Notion data.
Repository stars: 106,379 · Incomplete scan
Skill
video-template-frame-liquid-bg-hero
nexu-io/open-design · plugins/_official/video-templates/frame-liquid-bg-hero
Use this plugin when the user wants a "Liquid Background Hero" HyperFrames motion video — WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
Repository stars: 106,379 · Incomplete scan
Skill
digital-eguide
nexu-io/open-design · plugins/_official/examples/digital-eguide
A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".
Repository stars: 106,379 · Incomplete scan
Skill
open-design-landing
nexu-io/open-design · design-templates/open-design-landing
Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic OpenDesign uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.
Repository stars: 106,379 · Incomplete scan
Skill
frame-glitch-title
nexu-io/open-design · skills/frame-glitch-title
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
Repository stars: 106,379 · Incomplete scan
Automated signals, not a guarantee. How the checks work.