#871 by GitHub stars
feimacode/open-design-agent-kit
Make posters, social posts, slides and landing pages in the coding agent or chat you already use (Copilot, Claude, Codex, Cursor), with 198 design systems, checks and PDF/PNG/PowerPoint export.
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
packages/claude-plugin/skills/od-deck-deck-guizang-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-deck-deck-open-slide-canvas/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-deck-deck-swiss-international/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-deck-guizang-ppt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-deck-ppt-keynote/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-article-magazine/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-card-twitter/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-card-xiaohongshu/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-data-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-doc-kami-parchment/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-mockup-device-3d/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-poster-hero/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-resume-modern/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-social-carousel/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-social-reddit-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-social-spotify-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-social-x-post-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-prototype-social-youtube-thumbnail/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-frame-data-chart-nyt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-frame-flowchart-sticky/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-frame-glitch-title/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-frame-light-leak-cinema/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-frame-liquid-bg-hero/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-frame-logo-outro/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-frame-macos-notification/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-vfx-text-cursor/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/od-video-video-hyperframes/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-campaign/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-critique/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-deck-from-source/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-design-system-from-url/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-docs/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-explore/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-integrations/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-new/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-poster/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-preview/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-publish/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-recurring/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/claude-plugin/skills/open-design-social-post/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-deck-deck-guizang-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-deck-deck-open-slide-canvas/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-deck-deck-swiss-international/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-deck-guizang-ppt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-deck-ppt-keynote/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-article-magazine/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-card-twitter/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-card-xiaohongshu/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-data-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-doc-kami-parchment/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-mockup-device-3d/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-poster-hero/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-resume-modern/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-social-carousel/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-social-reddit-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-social-spotify-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-social-x-post-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-prototype-social-youtube-thumbnail/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-frame-data-chart-nyt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-frame-flowchart-sticky/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-frame-glitch-title/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-frame-light-leak-cinema/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-frame-liquid-bg-hero/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-frame-logo-outro/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-frame-macos-notification/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-vfx-text-cursor/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/od-video-video-hyperframes/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-campaign/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-critique/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-deck-from-source/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-design-system-from-url/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-docs/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-explore/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-integrations/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-new/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-poster/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-preview/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-publish/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-recurring/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/claude-skills/open-design-social-post/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/article-magazine/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/card-twitter/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/card-xiaohongshu/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/data-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/deck-guizang-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/deck-open-slide-canvas/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/deck-swiss-international/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/doc-kami-parchment/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/frame-data-chart-nyt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/frame-flowchart-sticky/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/frame-glitch-title/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/frame-light-leak-cinema/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/frame-liquid-bg-hero/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/frame-logo-outro/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/frame-macos-notification/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/guizang-ppt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/mockup-device-3d/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-campaign/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-critique/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-deck-from-source/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-design-system-from-url/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-docs/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-explore/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-integrations/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-new/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-poster/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-preview/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-publish/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-recurring/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/open-design-social-post/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/poster-hero/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/ppt-keynote/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/resume-modern/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/social-carousel/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/social-reddit-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/social-spotify-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/social-x-post-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/social-youtube-thumbnail/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/vfx-text-cursor/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/cli/assets/codex-skills/video-hyperframes/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/audio-jingle/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/blog-post/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/clinical-case-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/contact-widget/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/critique/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/dashboard/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/dating-web/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/dcf-valuation/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/digital-eguide/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/docs-page/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/email-marketing/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/eng-runbook/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/finance-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/flowai-live-dashboard-template/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/gamified-app/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/github-dashboard/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/guizang-ppt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/hr-onboarding/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-course-module/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-graphify-dark-graph/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-hermes-cyber-terminal/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-knowledge-arch-blueprint/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-obsidian-claude-gradient/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-pitch-deck/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-presenter-mode-reveal/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-product-launch/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-taste-brutalist/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-taste-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-tech-sharing/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-testing-safety-alert/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-weekly-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-xhs-pastel-card/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-xhs-white-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-8-bit-orbit/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-biennale-yellow/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-block-frame/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-blue-professional/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-bold-poster/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-broadside/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-capsule/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-cartesian/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-cobalt-grid/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-coral/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-creative-mode/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-daisy-days/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-editorial-tri-tone/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-grove/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-long-table/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-mat/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-monochrome/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-neo-grid-bold/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-peoples-platform/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-pin-and-paper/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-pink-script/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-playful/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-raw-grid/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-retro-windows/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-retro-zine/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-sakura-chroma/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-scatterbrain/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-signal/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-soft-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-stencil-tablet/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-studio/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-vellum/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/hyperframes/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/ib-pitch-book/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/image-poster/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/invoice/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/kami-deck/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/kami-landing/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/kanban-board/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/last30days/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/live-artifact/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/live-dashboard/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/magazine-poster/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/meeting-notes/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/mobile-app/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/mobile-onboarding/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/motion-frames/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/open-design-landing/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/open-design-landing-deck/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/orbit-general/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/orbit-github/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/orbit-gmail/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/orbit-linear/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/orbit-notion/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/pm-spec/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/pricing-page/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/replit-deck/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/saas-landing/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/simple-deck/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/social-carousel/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/social-media-dashboard/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/social-media-matrix-tracker-template/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/sprite-animation/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/team-okrs/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/trading-analysis-dashboard-template/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/tweaks/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/video-shortform/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/waitlist-page/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/web-prototype/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/web-prototype-taste-brutalist/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/web-prototype-taste-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/web-prototype-taste-soft/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/webgl-experience/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/weekly-update/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/wireframe-annotated/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/wireframe-greybox/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/wireframe-mobile-flow/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/wireframe-sketch/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/worker-visualizer/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/design-templates/x-research/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/3d-object/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/3d-object-glb/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/3d-object-logo/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/3d-scene/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/adr/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/article-magazine/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/article-sketchnote-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/audio-jingle/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/blog-post/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/card-twitter/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/card-xiaohongshu/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/changelog-page/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/clinical-case-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/codex-interactive-capability-map/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/competitive-teardown/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/competitive-teardown-analyst-dossier/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/competitive-teardown-radar-map/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/competitive-teardown-war-room-grid/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/critique/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/dashboard/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/data-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/dating-web/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/deck-guizang-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/deck-open-slide-canvas/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/deck-swiss-international/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/diagram/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/digital-eguide/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/doc-kami-parchment/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/docs-page/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/email-campaign/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/email-marketing/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/eng-runbook/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/exec-briefing-memo/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/exec-briefing-memo-board-memo/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/exec-briefing-memo-board-paper/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/exec-briefing-memo-decision-command/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/experiment-readout/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/experiment-readout-growth-console/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/experiment-readout-lab-notebook/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/experiment-readout-product-readout/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/finance-report/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/flowai-live-dashboard-template/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frame-data-chart-nyt/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frame-flowchart-sticky/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frame-glitch-title/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frame-light-leak-cinema/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frame-liquid-bg-hero/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frame-logo-outro/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frame-macos-notification/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/frontend-slides/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/fs-creative-voltage/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/fs-editorial-forest/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/fs-electric-studio/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/fs-emerald-editorial/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/fs-notebook-tabs/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/gamified-app/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/github-dashboard/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/hps-academic-paper/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/hps-bauhaus/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/hps-memphis-pop/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/hps-retro-tv/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/hps-true-blueprint/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
packages/content/assets/open-design/examples/hps-y2k-chrome/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 400641fd6781
No earlier version was observed for comparison.
View on GitHubAdd to my skills
Verified commit 400641fd6781fa0febad445984ee76440374736d
git clone --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git .hotskills/feimacode-open-design-agent-kit && git -C .hotskills/feimacode-open-design-agent-kit checkout --detach 400641fd6781fa0febad445984ee76440374736d
# Copy each selected skill directory from .hotskills/feimacode-open-design-agent-kit into .claude/skills/<skill-name>/1kGitHub stars
444stars in 7 days
1.1kskills in this repository
290commits in 30 days
Heat
8.4- Star growth, last 7 daysAhead of 100% of tracked repositories
- Star growth, last 24 hoursAhead of 99% of tracked repositories
- Rank movement, last 7 daysNot available
- Commits, last 30 daysAhead of 97% of tracked repositories
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekAhead of 0% of tracked repositories
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
Individual skills in this repository
- od-deck-deck-guizang-editorial
packages/claude-plugin/skills/od-deck-deck-guizang-editorial - od-deck-deck-open-slide-canvas
packages/claude-plugin/skills/od-deck-deck-open-slide-canvas - od-deck-deck-swiss-international
packages/claude-plugin/skills/od-deck-deck-swiss-international - od-deck-guizang-ppt
packages/claude-plugin/skills/od-deck-guizang-ppt - od-deck-ppt-keynote
packages/claude-plugin/skills/od-deck-ppt-keynote - od-prototype-article-magazine
packages/claude-plugin/skills/od-prototype-article-magazine - od-prototype-card-twitter
packages/claude-plugin/skills/od-prototype-card-twitter - od-prototype-card-xiaohongshu
packages/claude-plugin/skills/od-prototype-card-xiaohongshu - od-prototype-data-report
packages/claude-plugin/skills/od-prototype-data-report - od-prototype-doc-kami-parchment
packages/claude-plugin/skills/od-prototype-doc-kami-parchment - od-prototype-mockup-device-3d
packages/claude-plugin/skills/od-prototype-mockup-device-3d - od-prototype-poster-hero
packages/claude-plugin/skills/od-prototype-poster-hero - od-prototype-resume-modern
packages/claude-plugin/skills/od-prototype-resume-modern - od-prototype-social-carousel
packages/claude-plugin/skills/od-prototype-social-carousel - od-prototype-social-reddit-card
packages/claude-plugin/skills/od-prototype-social-reddit-card - od-prototype-social-spotify-card
packages/claude-plugin/skills/od-prototype-social-spotify-card - od-prototype-social-x-post-card
packages/claude-plugin/skills/od-prototype-social-x-post-card - od-prototype-social-youtube-thumbnail
packages/claude-plugin/skills/od-prototype-social-youtube-thumbnail - od-video-frame-data-chart-nyt
packages/claude-plugin/skills/od-video-frame-data-chart-nyt - od-video-frame-flowchart-sticky
packages/claude-plugin/skills/od-video-frame-flowchart-sticky - od-video-frame-glitch-title
packages/claude-plugin/skills/od-video-frame-glitch-title - od-video-frame-light-leak-cinema
packages/claude-plugin/skills/od-video-frame-light-leak-cinema - od-video-frame-liquid-bg-hero
packages/claude-plugin/skills/od-video-frame-liquid-bg-hero - od-video-frame-logo-outro
packages/claude-plugin/skills/od-video-frame-logo-outro - od-video-frame-macos-notification
packages/claude-plugin/skills/od-video-frame-macos-notification - od-video-vfx-text-cursor
packages/claude-plugin/skills/od-video-vfx-text-cursor - od-video-video-hyperframes
packages/claude-plugin/skills/od-video-video-hyperframes - open-design
packages/claude-plugin/skills/open-design - open-design-campaign
packages/claude-plugin/skills/open-design-campaign - open-design-critique
packages/claude-plugin/skills/open-design-critique - open-design-deck-from-source
packages/claude-plugin/skills/open-design-deck-from-source - open-design-design-system-from-url
packages/claude-plugin/skills/open-design-design-system-from-url - open-design-docs
packages/claude-plugin/skills/open-design-docs - open-design-explore
packages/claude-plugin/skills/open-design-explore - open-design-integrations
packages/claude-plugin/skills/open-design-integrations - open-design-new
packages/claude-plugin/skills/open-design-new - open-design-poster
packages/claude-plugin/skills/open-design-poster - open-design-preview
packages/claude-plugin/skills/open-design-preview - open-design-publish
packages/claude-plugin/skills/open-design-publish - open-design-recurring
packages/claude-plugin/skills/open-design-recurring - open-design-social-post
packages/claude-plugin/skills/open-design-social-post - od-deck-deck-guizang-editorial
packages/cli/assets/claude-skills/od-deck-deck-guizang-editorial - od-deck-deck-open-slide-canvas
packages/cli/assets/claude-skills/od-deck-deck-open-slide-canvas - od-deck-deck-swiss-international
packages/cli/assets/claude-skills/od-deck-deck-swiss-international - od-deck-guizang-ppt
packages/cli/assets/claude-skills/od-deck-guizang-ppt - od-deck-ppt-keynote
packages/cli/assets/claude-skills/od-deck-ppt-keynote - od-prototype-article-magazine
packages/cli/assets/claude-skills/od-prototype-article-magazine - od-prototype-card-twitter
packages/cli/assets/claude-skills/od-prototype-card-twitter - od-prototype-card-xiaohongshu
packages/cli/assets/claude-skills/od-prototype-card-xiaohongshu - od-prototype-data-report
packages/cli/assets/claude-skills/od-prototype-data-report - od-prototype-doc-kami-parchment
packages/cli/assets/claude-skills/od-prototype-doc-kami-parchment - od-prototype-mockup-device-3d
packages/cli/assets/claude-skills/od-prototype-mockup-device-3d - od-prototype-poster-hero
packages/cli/assets/claude-skills/od-prototype-poster-hero - od-prototype-resume-modern
packages/cli/assets/claude-skills/od-prototype-resume-modern - od-prototype-social-carousel
packages/cli/assets/claude-skills/od-prototype-social-carousel - od-prototype-social-reddit-card
packages/cli/assets/claude-skills/od-prototype-social-reddit-card - od-prototype-social-spotify-card
packages/cli/assets/claude-skills/od-prototype-social-spotify-card - od-prototype-social-x-post-card
packages/cli/assets/claude-skills/od-prototype-social-x-post-card - od-prototype-social-youtube-thumbnail
packages/cli/assets/claude-skills/od-prototype-social-youtube-thumbnail - od-video-frame-data-chart-nyt
packages/cli/assets/claude-skills/od-video-frame-data-chart-nyt - od-video-frame-flowchart-sticky
packages/cli/assets/claude-skills/od-video-frame-flowchart-sticky - od-video-frame-glitch-title
packages/cli/assets/claude-skills/od-video-frame-glitch-title - od-video-frame-light-leak-cinema
packages/cli/assets/claude-skills/od-video-frame-light-leak-cinema - od-video-frame-liquid-bg-hero
packages/cli/assets/claude-skills/od-video-frame-liquid-bg-hero - od-video-frame-logo-outro
packages/cli/assets/claude-skills/od-video-frame-logo-outro - od-video-frame-macos-notification
packages/cli/assets/claude-skills/od-video-frame-macos-notification - od-video-vfx-text-cursor
packages/cli/assets/claude-skills/od-video-vfx-text-cursor - od-video-video-hyperframes
packages/cli/assets/claude-skills/od-video-video-hyperframes - open-design
packages/cli/assets/claude-skills/open-design - open-design-campaign
packages/cli/assets/claude-skills/open-design-campaign - open-design-critique
packages/cli/assets/claude-skills/open-design-critique - open-design-deck-from-source
packages/cli/assets/claude-skills/open-design-deck-from-source - open-design-design-system-from-url
packages/cli/assets/claude-skills/open-design-design-system-from-url - open-design-docs
packages/cli/assets/claude-skills/open-design-docs - open-design-explore
packages/cli/assets/claude-skills/open-design-explore - open-design-integrations
packages/cli/assets/claude-skills/open-design-integrations - open-design-new
packages/cli/assets/claude-skills/open-design-new - open-design-poster
packages/cli/assets/claude-skills/open-design-poster - open-design-preview
packages/cli/assets/claude-skills/open-design-preview - open-design-publish
packages/cli/assets/claude-skills/open-design-publish - open-design-recurring
packages/cli/assets/claude-skills/open-design-recurring - open-design-social-post
packages/cli/assets/claude-skills/open-design-social-post - article-magazine
packages/cli/assets/codex-skills/article-magazine - card-twitter
packages/cli/assets/codex-skills/card-twitter - card-xiaohongshu
packages/cli/assets/codex-skills/card-xiaohongshu - data-report
packages/cli/assets/codex-skills/data-report - deck-guizang-editorial
packages/cli/assets/codex-skills/deck-guizang-editorial - deck-open-slide-canvas
packages/cli/assets/codex-skills/deck-open-slide-canvas - deck-swiss-international
packages/cli/assets/codex-skills/deck-swiss-international - doc-kami-parchment
packages/cli/assets/codex-skills/doc-kami-parchment - frame-data-chart-nyt
packages/cli/assets/codex-skills/frame-data-chart-nyt - frame-flowchart-sticky
packages/cli/assets/codex-skills/frame-flowchart-sticky - frame-glitch-title
packages/cli/assets/codex-skills/frame-glitch-title - frame-light-leak-cinema
packages/cli/assets/codex-skills/frame-light-leak-cinema - frame-liquid-bg-hero
packages/cli/assets/codex-skills/frame-liquid-bg-hero - frame-logo-outro
packages/cli/assets/codex-skills/frame-logo-outro - frame-macos-notification
packages/cli/assets/codex-skills/frame-macos-notification - guizang-ppt
packages/cli/assets/codex-skills/guizang-ppt - mockup-device-3d
packages/cli/assets/codex-skills/mockup-device-3d - open-design
packages/cli/assets/codex-skills/open-design - open-design-campaign
packages/cli/assets/codex-skills/open-design-campaign - open-design-critique
packages/cli/assets/codex-skills/open-design-critique - open-design-deck-from-source
packages/cli/assets/codex-skills/open-design-deck-from-source - open-design-design-system-from-url
packages/cli/assets/codex-skills/open-design-design-system-from-url - open-design-docs
packages/cli/assets/codex-skills/open-design-docs - open-design-explore
packages/cli/assets/codex-skills/open-design-explore - open-design-integrations
packages/cli/assets/codex-skills/open-design-integrations - open-design-new
packages/cli/assets/codex-skills/open-design-new - open-design-poster
packages/cli/assets/codex-skills/open-design-poster - open-design-preview
packages/cli/assets/codex-skills/open-design-preview - open-design-publish
packages/cli/assets/codex-skills/open-design-publish - open-design-recurring
packages/cli/assets/codex-skills/open-design-recurring - open-design-social-post
packages/cli/assets/codex-skills/open-design-social-post - poster-hero
packages/cli/assets/codex-skills/poster-hero - ppt-keynote
packages/cli/assets/codex-skills/ppt-keynote - resume-modern
packages/cli/assets/codex-skills/resume-modern - social-carousel
packages/cli/assets/codex-skills/social-carousel - social-reddit-card
packages/cli/assets/codex-skills/social-reddit-card - social-spotify-card
packages/cli/assets/codex-skills/social-spotify-card - social-x-post-card
packages/cli/assets/codex-skills/social-x-post-card - social-youtube-thumbnail
packages/cli/assets/codex-skills/social-youtube-thumbnail - vfx-text-cursor
packages/cli/assets/codex-skills/vfx-text-cursor - video-hyperframes
packages/cli/assets/codex-skills/video-hyperframes - audio-jingle
packages/content/assets/open-design/design-templates/audio-jingle - blog-post
packages/content/assets/open-design/design-templates/blog-post - clinical-case-report
packages/content/assets/open-design/design-templates/clinical-case-report - contact-widget
packages/content/assets/open-design/design-templates/contact-widget - critique
packages/content/assets/open-design/design-templates/critique - dashboard
packages/content/assets/open-design/design-templates/dashboard - dating-web
packages/content/assets/open-design/design-templates/dating-web - dcf-valuation
packages/content/assets/open-design/design-templates/dcf-valuation - digital-eguide
packages/content/assets/open-design/design-templates/digital-eguide - docs-page
packages/content/assets/open-design/design-templates/docs-page - email-marketing
packages/content/assets/open-design/design-templates/email-marketing - eng-runbook
packages/content/assets/open-design/design-templates/eng-runbook - finance-report
packages/content/assets/open-design/design-templates/finance-report - flowai-live-dashboard-template
packages/content/assets/open-design/design-templates/flowai-live-dashboard-template - gamified-app
packages/content/assets/open-design/design-templates/gamified-app - github-dashboard
packages/content/assets/open-design/design-templates/github-dashboard - magazine-web-ppt
packages/content/assets/open-design/design-templates/guizang-ppt - hr-onboarding
packages/content/assets/open-design/design-templates/hr-onboarding - html-ppt
packages/content/assets/open-design/design-templates/html-ppt - html-ppt-course-module
packages/content/assets/open-design/design-templates/html-ppt-course-module - html-ppt-graphify-dark-graph
packages/content/assets/open-design/design-templates/html-ppt-graphify-dark-graph - html-ppt-hermes-cyber-terminal
packages/content/assets/open-design/design-templates/html-ppt-hermes-cyber-terminal - html-ppt-knowledge-arch-blueprint
packages/content/assets/open-design/design-templates/html-ppt-knowledge-arch-blueprint - html-ppt-obsidian-claude-gradient
packages/content/assets/open-design/design-templates/html-ppt-obsidian-claude-gradient - html-ppt-pitch-deck
packages/content/assets/open-design/design-templates/html-ppt-pitch-deck - html-ppt-presenter-mode
packages/content/assets/open-design/design-templates/html-ppt-presenter-mode-reveal - html-ppt-product-launch
packages/content/assets/open-design/design-templates/html-ppt-product-launch - html-ppt-taste-brutalist
packages/content/assets/open-design/design-templates/html-ppt-taste-brutalist - html-ppt-taste-editorial
packages/content/assets/open-design/design-templates/html-ppt-taste-editorial - html-ppt-tech-sharing
packages/content/assets/open-design/design-templates/html-ppt-tech-sharing - html-ppt-testing-safety-alert
packages/content/assets/open-design/design-templates/html-ppt-testing-safety-alert - html-ppt-weekly-report
packages/content/assets/open-design/design-templates/html-ppt-weekly-report - html-ppt-xhs-pastel-card
packages/content/assets/open-design/design-templates/html-ppt-xhs-pastel-card - html-ppt-xhs-white-editorial
packages/content/assets/open-design/design-templates/html-ppt-xhs-white-editorial - html-ppt-zhangzara-8-bit-orbit
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-8-bit-orbit - html-ppt-zhangzara-biennale-yellow
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-biennale-yellow - html-ppt-zhangzara-block-frame
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-block-frame - html-ppt-zhangzara-blue-professional
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-blue-professional - html-ppt-zhangzara-bold-poster
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-bold-poster - html-ppt-zhangzara-broadside
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-broadside - html-ppt-zhangzara-capsule
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-capsule - html-ppt-zhangzara-cartesian
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-cartesian - html-ppt-zhangzara-cobalt-grid
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-cobalt-grid - html-ppt-zhangzara-coral
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-coral - html-ppt-zhangzara-creative-mode
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-creative-mode - html-ppt-zhangzara-daisy-days
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-daisy-days - html-ppt-zhangzara-editorial-tri-tone
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-editorial-tri-tone - html-ppt-zhangzara-grove
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-grove - html-ppt-zhangzara-long-table
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-long-table - html-ppt-zhangzara-mat
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-mat - html-ppt-zhangzara-monochrome
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-monochrome - html-ppt-zhangzara-neo-grid-bold
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-neo-grid-bold - html-ppt-zhangzara-peoples-platform
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-peoples-platform - html-ppt-zhangzara-pin-and-paper
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-pin-and-paper - html-ppt-zhangzara-pink-script
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-pink-script - html-ppt-zhangzara-playful
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-playful - html-ppt-zhangzara-raw-grid
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-raw-grid - html-ppt-zhangzara-retro-windows
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-retro-windows - html-ppt-zhangzara-retro-zine
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-retro-zine - html-ppt-zhangzara-sakura-chroma
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-sakura-chroma - html-ppt-zhangzara-scatterbrain
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-scatterbrain - html-ppt-zhangzara-signal
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-signal - html-ppt-zhangzara-soft-editorial
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-soft-editorial - html-ppt-zhangzara-stencil-tablet
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-stencil-tablet - html-ppt-zhangzara-studio
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-studio - html-ppt-zhangzara-vellum
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-vellum - hyperframes
packages/content/assets/open-design/design-templates/hyperframes - ib-pitch-book
packages/content/assets/open-design/design-templates/ib-pitch-book - image-poster
packages/content/assets/open-design/design-templates/image-poster - invoice
packages/content/assets/open-design/design-templates/invoice - kami-deck
packages/content/assets/open-design/design-templates/kami-deck - kami-landing
packages/content/assets/open-design/design-templates/kami-landing - kanban-board
packages/content/assets/open-design/design-templates/kanban-board - last30days
packages/content/assets/open-design/design-templates/last30days - live-artifact
packages/content/assets/open-design/design-templates/live-artifact - live-dashboard
packages/content/assets/open-design/design-templates/live-dashboard - magazine-poster
packages/content/assets/open-design/design-templates/magazine-poster - meeting-notes
packages/content/assets/open-design/design-templates/meeting-notes - mobile-app
packages/content/assets/open-design/design-templates/mobile-app - mobile-onboarding
packages/content/assets/open-design/design-templates/mobile-onboarding - motion-frames
packages/content/assets/open-design/design-templates/motion-frames - open-design-landing
packages/content/assets/open-design/design-templates/open-design-landing - open-design-landing-deck
packages/content/assets/open-design/design-templates/open-design-landing-deck - orbit-general
packages/content/assets/open-design/design-templates/orbit-general - orbit-github
packages/content/assets/open-design/design-templates/orbit-github - orbit-gmail
packages/content/assets/open-design/design-templates/orbit-gmail - orbit-linear
packages/content/assets/open-design/design-templates/orbit-linear - orbit-notion
packages/content/assets/open-design/design-templates/orbit-notion - pm-spec
packages/content/assets/open-design/design-templates/pm-spec - pricing-page
packages/content/assets/open-design/design-templates/pricing-page - replit-deck
packages/content/assets/open-design/design-templates/replit-deck - saas-landing
packages/content/assets/open-design/design-templates/saas-landing - simple-deck
packages/content/assets/open-design/design-templates/simple-deck - social-carousel
packages/content/assets/open-design/design-templates/social-carousel - social-media-dashboard
packages/content/assets/open-design/design-templates/social-media-dashboard - social-media-matrix-tracker-template
packages/content/assets/open-design/design-templates/social-media-matrix-tracker-template - sprite-animation
packages/content/assets/open-design/design-templates/sprite-animation - team-okrs
packages/content/assets/open-design/design-templates/team-okrs - trading-analysis-dashboard-template
packages/content/assets/open-design/design-templates/trading-analysis-dashboard-template - tweaks
packages/content/assets/open-design/design-templates/tweaks - video-shortform
packages/content/assets/open-design/design-templates/video-shortform - waitlist-page
packages/content/assets/open-design/design-templates/waitlist-page - web-prototype
packages/content/assets/open-design/design-templates/web-prototype - web-prototype-taste-brutalist
packages/content/assets/open-design/design-templates/web-prototype-taste-brutalist - web-prototype-taste-editorial
packages/content/assets/open-design/design-templates/web-prototype-taste-editorial - web-prototype-taste-soft
packages/content/assets/open-design/design-templates/web-prototype-taste-soft - webgl-experience
packages/content/assets/open-design/design-templates/webgl-experience - weekly-update
packages/content/assets/open-design/design-templates/weekly-update - wireframe-annotated
packages/content/assets/open-design/design-templates/wireframe-annotated - wireframe-greybox
packages/content/assets/open-design/design-templates/wireframe-greybox - wireframe-mobile-flow
packages/content/assets/open-design/design-templates/wireframe-mobile-flow - wireframe-sketch
packages/content/assets/open-design/design-templates/wireframe-sketch - worker-visualizer
packages/content/assets/open-design/design-templates/worker-visualizer - x-research
packages/content/assets/open-design/design-templates/x-research - 3d-object
packages/content/assets/open-design/examples/3d-object - 3d-object-glb
packages/content/assets/open-design/examples/3d-object-glb - 3d-object-logo
packages/content/assets/open-design/examples/3d-object-logo - 3d-scene
packages/content/assets/open-design/examples/3d-scene - adr
packages/content/assets/open-design/examples/adr - article-magazine
packages/content/assets/open-design/examples/article-magazine - article-sketchnote-editorial
packages/content/assets/open-design/examples/article-sketchnote-editorial - audio-jingle
packages/content/assets/open-design/examples/audio-jingle - blog-post
packages/content/assets/open-design/examples/blog-post - card-twitter
packages/content/assets/open-design/examples/card-twitter - card-xiaohongshu
packages/content/assets/open-design/examples/card-xiaohongshu - changelog-page
packages/content/assets/open-design/examples/changelog-page - clinical-case-report
packages/content/assets/open-design/examples/clinical-case-report - codex-interactive-capability-map
packages/content/assets/open-design/examples/codex-interactive-capability-map - competitive-teardown
packages/content/assets/open-design/examples/competitive-teardown - competitive-teardown-analyst-dossier
packages/content/assets/open-design/examples/competitive-teardown-analyst-dossier - competitive-teardown-radar-map
packages/content/assets/open-design/examples/competitive-teardown-radar-map - competitive-teardown-war-room-grid
packages/content/assets/open-design/examples/competitive-teardown-war-room-grid - critique
packages/content/assets/open-design/examples/critique - dashboard
packages/content/assets/open-design/examples/dashboard - data-report
packages/content/assets/open-design/examples/data-report - dating-web
packages/content/assets/open-design/examples/dating-web - deck-guizang-editorial
packages/content/assets/open-design/examples/deck-guizang-editorial - deck-open-slide-canvas
packages/content/assets/open-design/examples/deck-open-slide-canvas - deck-swiss-international
packages/content/assets/open-design/examples/deck-swiss-international - diagram
packages/content/assets/open-design/examples/diagram - digital-eguide
packages/content/assets/open-design/examples/digital-eguide - doc-kami-parchment
packages/content/assets/open-design/examples/doc-kami-parchment - docs-page
packages/content/assets/open-design/examples/docs-page - email-campaign
packages/content/assets/open-design/examples/email-campaign - email-marketing
packages/content/assets/open-design/examples/email-marketing - eng-runbook
packages/content/assets/open-design/examples/eng-runbook - exec-briefing-memo
packages/content/assets/open-design/examples/exec-briefing-memo - exec-briefing-memo-board-memo
packages/content/assets/open-design/examples/exec-briefing-memo-board-memo - exec-briefing-memo-board-paper
packages/content/assets/open-design/examples/exec-briefing-memo-board-paper - exec-briefing-memo-decision-command
packages/content/assets/open-design/examples/exec-briefing-memo-decision-command - experiment-readout
packages/content/assets/open-design/examples/experiment-readout - experiment-readout-growth-console
packages/content/assets/open-design/examples/experiment-readout-growth-console - experiment-readout-lab-notebook
packages/content/assets/open-design/examples/experiment-readout-lab-notebook - experiment-readout-product-readout
packages/content/assets/open-design/examples/experiment-readout-product-readout - finance-report
packages/content/assets/open-design/examples/finance-report - flowai-live-dashboard-template
packages/content/assets/open-design/examples/flowai-live-dashboard-template - frame-data-chart-nyt
packages/content/assets/open-design/examples/frame-data-chart-nyt - frame-flowchart-sticky
packages/content/assets/open-design/examples/frame-flowchart-sticky - frame-glitch-title
packages/content/assets/open-design/examples/frame-glitch-title - frame-light-leak-cinema
packages/content/assets/open-design/examples/frame-light-leak-cinema - frame-liquid-bg-hero
packages/content/assets/open-design/examples/frame-liquid-bg-hero - frame-logo-outro
packages/content/assets/open-design/examples/frame-logo-outro - frame-macos-notification
packages/content/assets/open-design/examples/frame-macos-notification - frontend-slides
packages/content/assets/open-design/examples/frontend-slides - fs-creative-voltage
packages/content/assets/open-design/examples/fs-creative-voltage - fs-editorial-forest
packages/content/assets/open-design/examples/fs-editorial-forest - fs-electric-studio
packages/content/assets/open-design/examples/fs-electric-studio - fs-emerald-editorial
packages/content/assets/open-design/examples/fs-emerald-editorial - fs-notebook-tabs
packages/content/assets/open-design/examples/fs-notebook-tabs - gamified-app
packages/content/assets/open-design/examples/gamified-app - github-dashboard
packages/content/assets/open-design/examples/github-dashboard - hps-academic-paper
packages/content/assets/open-design/examples/hps-academic-paper - hps-bauhaus
packages/content/assets/open-design/examples/hps-bauhaus - hps-memphis-pop
packages/content/assets/open-design/examples/hps-memphis-pop - hps-retro-tv
packages/content/assets/open-design/examples/hps-retro-tv - hps-true-blueprint
packages/content/assets/open-design/examples/hps-true-blueprint - hps-y2k-chrome
packages/content/assets/open-design/examples/hps-y2k-chrome - hr-onboarding
packages/content/assets/open-design/examples/hr-onboarding - html-ppt-course-module
packages/content/assets/open-design/examples/html-ppt-course-module - html-ppt-graphify-dark-graph
packages/content/assets/open-design/examples/html-ppt-graphify-dark-graph - html-ppt-hermes-cyber-terminal
packages/content/assets/open-design/examples/html-ppt-hermes-cyber-terminal - html-ppt-knowledge-arch-blueprint
packages/content/assets/open-design/examples/html-ppt-knowledge-arch-blueprint - html-ppt-obsidian-claude-gradient
packages/content/assets/open-design/examples/html-ppt-obsidian-claude-gradient - html-ppt-pitch-deck
packages/content/assets/open-design/examples/html-ppt-pitch-deck - html-ppt-presenter-mode
packages/content/assets/open-design/examples/html-ppt-presenter-mode-reveal - html-ppt-product-launch
packages/content/assets/open-design/examples/html-ppt-product-launch - html-ppt-taste-brutalist
packages/content/assets/open-design/examples/html-ppt-taste-brutalist - html-ppt-taste-editorial
packages/content/assets/open-design/examples/html-ppt-taste-editorial - html-ppt-tech-sharing
packages/content/assets/open-design/examples/html-ppt-tech-sharing - html-ppt-testing-safety-alert
packages/content/assets/open-design/examples/html-ppt-testing-safety-alert - html-ppt-weekly-report
packages/content/assets/open-design/examples/html-ppt-weekly-report - html-ppt-xhs-pastel-card
packages/content/assets/open-design/examples/html-ppt-xhs-pastel-card - html-ppt-xhs-white-editorial
packages/content/assets/open-design/examples/html-ppt-xhs-white-editorial - html-ppt-zhangzara-8-bit-orbit
packages/content/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit - html-ppt-zhangzara-biennale-yellow
packages/content/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow - html-ppt-zhangzara-block-frame
packages/content/assets/open-design/examples/html-ppt-zhangzara-block-frame - html-ppt-zhangzara-blue-professional
packages/content/assets/open-design/examples/html-ppt-zhangzara-blue-professional - html-ppt-zhangzara-bold-poster
packages/content/assets/open-design/examples/html-ppt-zhangzara-bold-poster - html-ppt-zhangzara-broadside
packages/content/assets/open-design/examples/html-ppt-zhangzara-broadside - html-ppt-zhangzara-capsule
packages/content/assets/open-design/examples/html-ppt-zhangzara-capsule - html-ppt-zhangzara-cartesian
packages/content/assets/open-design/examples/html-ppt-zhangzara-cartesian - html-ppt-zhangzara-cobalt-grid
packages/content/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid - html-ppt-zhangzara-coral
packages/content/assets/open-design/examples/html-ppt-zhangzara-coral - html-ppt-zhangzara-creative-mode
packages/content/assets/open-design/examples/html-ppt-zhangzara-creative-mode - html-ppt-zhangzara-daisy-days
packages/content/assets/open-design/examples/html-ppt-zhangzara-daisy-days - html-ppt-zhangzara-editorial-tri-tone
packages/content/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone - html-ppt-zhangzara-grove
packages/content/assets/open-design/examples/html-ppt-zhangzara-grove - html-ppt-zhangzara-long-table
packages/content/assets/open-design/examples/html-ppt-zhangzara-long-table - html-ppt-zhangzara-mat
packages/content/assets/open-design/examples/html-ppt-zhangzara-mat - html-ppt-zhangzara-monochrome
packages/content/assets/open-design/examples/html-ppt-zhangzara-monochrome - html-ppt-zhangzara-neo-grid-bold
packages/content/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold - html-ppt-zhangzara-peoples-platform
packages/content/assets/open-design/examples/html-ppt-zhangzara-peoples-platform - html-ppt-zhangzara-pin-and-paper
packages/content/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper - html-ppt-zhangzara-pink-script
packages/content/assets/open-design/examples/html-ppt-zhangzara-pink-script - html-ppt-zhangzara-playful
packages/content/assets/open-design/examples/html-ppt-zhangzara-playful - html-ppt-zhangzara-raw-grid
packages/content/assets/open-design/examples/html-ppt-zhangzara-raw-grid - html-ppt-zhangzara-retro-windows
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-windows - html-ppt-zhangzara-retro-zine
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-zine - html-ppt-zhangzara-sakura-chroma
packages/content/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma - html-ppt-zhangzara-scatterbrain
packages/content/assets/open-design/examples/html-ppt-zhangzara-scatterbrain - html-ppt-zhangzara-signal
packages/content/assets/open-design/examples/html-ppt-zhangzara-signal - html-ppt-zhangzara-soft-editorial
packages/content/assets/open-design/examples/html-ppt-zhangzara-soft-editorial - html-ppt-zhangzara-stencil-tablet
packages/content/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet - html-ppt-zhangzara-studio
packages/content/assets/open-design/examples/html-ppt-zhangzara-studio - html-ppt-zhangzara-vellum
packages/content/assets/open-design/examples/html-ppt-zhangzara-vellum - huashu-annual-letter
packages/content/assets/open-design/examples/huashu-annual-letter - huashu-bento-insight
packages/content/assets/open-design/examples/huashu-bento-insight - huashu-golden-circle
packages/content/assets/open-design/examples/huashu-golden-circle - huashu-keynote-black
packages/content/assets/open-design/examples/huashu-keynote-black - huashu-luxe-whitespace
packages/content/assets/open-design/examples/huashu-luxe-whitespace - huashu-pentagram-grid
packages/content/assets/open-design/examples/huashu-pentagram-grid - huashu-slides
packages/content/assets/open-design/examples/huashu-slides - huashu-sparkline-arc
packages/content/assets/open-design/examples/huashu-sparkline-arc - huashu-takram-soft-tech
packages/content/assets/open-design/examples/huashu-takram-soft-tech - ib-pitch-book
packages/content/assets/open-design/examples/ib-pitch-book - image-poster
packages/content/assets/open-design/examples/image-poster - info-funnel
packages/content/assets/open-design/examples/info-funnel - invoice
packages/content/assets/open-design/examples/invoice - kami-deck
packages/content/assets/open-design/examples/kami-deck - kami-landing
packages/content/assets/open-design/examples/kami-landing - kanban-board
packages/content/assets/open-design/examples/kanban-board - live-dashboard
packages/content/assets/open-design/examples/live-dashboard - magazine-poster
packages/content/assets/open-design/examples/magazine-poster - meeting-notes
packages/content/assets/open-design/examples/meeting-notes - mobile-app
packages/content/assets/open-design/examples/mobile-app - mobile-onboarding
packages/content/assets/open-design/examples/mobile-onboarding - mockup-device-3d
packages/content/assets/open-design/examples/mockup-device-3d - motion-frames
packages/content/assets/open-design/examples/motion-frames - open-design-landing-deck
packages/content/assets/open-design/examples/open-design-landing-deck - orbit-general
packages/content/assets/open-design/examples/orbit-general - orbit-github
packages/content/assets/open-design/examples/orbit-github - orbit-gmail
packages/content/assets/open-design/examples/orbit-gmail - orbit-linear
packages/content/assets/open-design/examples/orbit-linear - orbit-notion
packages/content/assets/open-design/examples/orbit-notion - pm-spec
packages/content/assets/open-design/examples/pm-spec - poster-hero
packages/content/assets/open-design/examples/poster-hero - postmortem
packages/content/assets/open-design/examples/postmortem - ppt-keynote
packages/content/assets/open-design/examples/ppt-keynote - pr-explainer
packages/content/assets/open-design/examples/pr-explainer - pricing-page
packages/content/assets/open-design/examples/pricing-page - resume-modern
packages/content/assets/open-design/examples/resume-modern - rfc
packages/content/assets/open-design/examples/rfc - saas-landing
packages/content/assets/open-design/examples/saas-landing - simple-deck
packages/content/assets/open-design/examples/simple-deck - social-carousel
packages/content/assets/open-design/examples/social-carousel - social-media-dashboard
packages/content/assets/open-design/examples/social-media-dashboard - social-media-matrix-tracker-template
packages/content/assets/open-design/examples/social-media-matrix-tracker-template - social-reddit-card
packages/content/assets/open-design/examples/social-reddit-card - social-spotify-card
packages/content/assets/open-design/examples/social-spotify-card - social-x-post-card
packages/content/assets/open-design/examples/social-x-post-card - sprite-animation
packages/content/assets/open-design/examples/sprite-animation - style-tile
packages/content/assets/open-design/examples/style-tile - team-okrs
packages/content/assets/open-design/examples/team-okrs - trading-analysis-dashboard-template
packages/content/assets/open-design/examples/trading-analysis-dashboard-template - tweaks
packages/content/assets/open-design/examples/tweaks - ve-midnight-editorial
packages/content/assets/open-design/examples/ve-midnight-editorial - ve-terminal-mono
packages/content/assets/open-design/examples/ve-terminal-mono - velar-luxury-real-estate
packages/content/assets/open-design/examples/velar-luxury-real-estate - vfx-text-cursor
packages/content/assets/open-design/examples/vfx-text-cursor - video-hyperframes
packages/content/assets/open-design/examples/video-hyperframes - video-shortform
packages/content/assets/open-design/examples/video-shortform - waitlist-page
packages/content/assets/open-design/examples/waitlist-page - web-prototype
packages/content/assets/open-design/examples/web-prototype - web-prototype-taste-brutalist
packages/content/assets/open-design/examples/web-prototype-taste-brutalist - web-prototype-taste-editorial
packages/content/assets/open-design/examples/web-prototype-taste-editorial - web-prototype-taste-soft
packages/content/assets/open-design/examples/web-prototype-taste-soft - webgl-aurora-veil
packages/content/assets/open-design/examples/webgl-aurora-veil - webgl-caustic-pool
packages/content/assets/open-design/examples/webgl-caustic-pool - webgl-depth-gallery
packages/content/assets/open-design/examples/webgl-depth-gallery - webgl-distortion-grain
packages/content/assets/open-design/examples/webgl-distortion-grain - webgl-experience
packages/content/assets/open-design/examples/webgl-experience - webgl-halftone-drift
packages/content/assets/open-design/examples/webgl-halftone-drift - webgl-holographic-foil
packages/content/assets/open-design/examples/webgl-holographic-foil - webgl-horizontal-parallax
packages/content/assets/open-design/examples/webgl-horizontal-parallax - webgl-liquid-iridescence
packages/content/assets/open-design/examples/webgl-liquid-iridescence - webgl-liquid-metal
packages/content/assets/open-design/examples/webgl-liquid-metal - webgl-neon-grid
packages/content/assets/open-design/examples/webgl-neon-grid - webgl-particle-galaxy
packages/content/assets/open-design/examples/webgl-particle-galaxy - webgl-pixel-reveal-gallery
packages/content/assets/open-design/examples/webgl-pixel-reveal-gallery - webgl-raymarched-hero
packages/content/assets/open-design/examples/webgl-raymarched-hero - webgl-voronoi-cells
packages/content/assets/open-design/examples/webgl-voronoi-cells - weekly-update
packages/content/assets/open-design/examples/weekly-update - wireframe-annotated
packages/content/assets/open-design/examples/wireframe-annotated - wireframe-greybox
packages/content/assets/open-design/examples/wireframe-greybox - wireframe-mobile-flow
packages/content/assets/open-design/examples/wireframe-mobile-flow - wireframe-sketch
packages/content/assets/open-design/examples/wireframe-sketch - worker-visualizer
packages/content/assets/open-design/examples/worker-visualizer - 3d-object
packages/content/assets/open-design/skills/3d-object - 3d-scene
packages/content/assets/open-design/skills/3d-scene - 8-bit-orbit-video-template
packages/content/assets/open-design/skills/8-bit-orbit-video-template - ad-creative
packages/content/assets/open-design/skills/ad-creative - adr
packages/content/assets/open-design/skills/adr - after-hours-editorial-template
packages/content/assets/open-design/skills/after-hours-editorial-template - agent-browser
packages/content/assets/open-design/skills/agent-browser - ai-music-album
packages/content/assets/open-design/skills/ai-music-album - algorithmic-art
packages/content/assets/open-design/skills/algorithmic-art - apple-hig
packages/content/assets/open-design/skills/apple-hig - article-magazine
packages/content/assets/open-design/skills/article-magazine - article-sketchnote-editorial
packages/content/assets/open-design/skills/article-sketchnote-editorial - artifacts-builder
packages/content/assets/open-design/skills/artifacts-builder - brainstorming
packages/content/assets/open-design/skills/brainstorming - brand-extract
packages/content/assets/open-design/skills/brand-extract - brand-guidelines
packages/content/assets/open-design/skills/brand-guidelines - brandkit
packages/content/assets/open-design/skills/brandkit - industrial-brutalist-ui
packages/content/assets/open-design/skills/brutalist-skill - canvas-design
packages/content/assets/open-design/skills/canvas-design - card-set
packages/content/assets/open-design/skills/card-set - card-twitter
packages/content/assets/open-design/skills/card-twitter - card-xiaohongshu
packages/content/assets/open-design/skills/card-xiaohongshu - changelog-page
packages/content/assets/open-design/skills/changelog-page - chat-motion-overlay
packages/content/assets/open-design/skills/chat-motion-overlay - color-expert
packages/content/assets/open-design/skills/color-expert - competitive-ads-extractor
packages/content/assets/open-design/skills/competitive-ads-extractor - competitive-teardown
packages/content/assets/open-design/skills/competitive-teardown - copywriting
packages/content/assets/open-design/skills/copywriting - creative-director
packages/content/assets/open-design/skills/creative-director - d3-visualization
packages/content/assets/open-design/skills/d3-visualization - data-report
packages/content/assets/open-design/skills/data-report - deck-guizang-editorial
packages/content/assets/open-design/skills/deck-guizang-editorial - deck-open-slide-canvas
packages/content/assets/open-design/skills/deck-open-slide-canvas - deck-swiss-international
packages/content/assets/open-design/skills/deck-swiss-international - design-brief
packages/content/assets/open-design/skills/design-brief - design-consultation
packages/content/assets/open-design/skills/design-consultation - design-md
packages/content/assets/open-design/skills/design-md - design-review
packages/content/assets/open-design/skills/design-review - diagram
packages/content/assets/open-design/skills/diagram - digits-fintech-swiss-template
packages/content/assets/open-design/skills/digits-fintech-swiss-template - doc
packages/content/assets/open-design/skills/doc - doc-kami-parchment
packages/content/assets/open-design/skills/doc-kami-parchment - docx
packages/content/assets/open-design/skills/docx - domain-name-brainstormer
packages/content/assets/open-design/skills/domain-name-brainstormer - ecommerce-image-workflow
packages/content/assets/open-design/skills/ecommerce-image-workflow - editorial-burgundy-principles-template
packages/content/assets/open-design/skills/editorial-burgundy-principles-template - email-campaign
packages/content/assets/open-design/skills/email-campaign - emil-design-eng
packages/content/assets/open-design/skills/emil-design-eng - emilkowalski-motion
packages/content/assets/open-design/skills/emilkowalski-motion - enhance-prompt
packages/content/assets/open-design/skills/enhance-prompt - exec-briefing-memo
packages/content/assets/open-design/skills/exec-briefing-memo - experiment-readout
packages/content/assets/open-design/skills/experiment-readout - export-download-debugging
packages/content/assets/open-design/skills/export-download-debugging - fal-3d
packages/content/assets/open-design/skills/fal-3d - fal-generate
packages/content/assets/open-design/skills/fal-generate - fal-image-edit
packages/content/assets/open-design/skills/fal-image-edit - fal-kling-o3
packages/content/assets/open-design/skills/fal-kling-o3 - fal-lip-sync
packages/content/assets/open-design/skills/fal-lip-sync - fal-realtime
packages/content/assets/open-design/skills/fal-realtime - fal-restore
packages/content/assets/open-design/skills/fal-restore - fal-train
packages/content/assets/open-design/skills/fal-train - fal-tryon
packages/content/assets/open-design/skills/fal-tryon - fal-upscale
packages/content/assets/open-design/skills/fal-upscale - fal-video-edit
packages/content/assets/open-design/skills/fal-video-edit - fal-vision
packages/content/assets/open-design/skills/fal-vision - faq-page
packages/content/assets/open-design/skills/faq-page - field-notes-editorial-template
packages/content/assets/open-design/skills/field-notes-editorial-template - figma-code-connect-components
packages/content/assets/open-design/skills/figma-code-connect-components - figma-create-design-system-rules
packages/content/assets/open-design/skills/figma-create-design-system-rules - figma-create-new-file
packages/content/assets/open-design/skills/figma-create-new-file - figma-generate-design
packages/content/assets/open-design/skills/figma-generate-design - figma-generate-library
packages/content/assets/open-design/skills/figma-generate-library - figma-implement-design
packages/content/assets/open-design/skills/figma-implement-design - figma-use
packages/content/assets/open-design/skills/figma-use - flutter-animating-apps
packages/content/assets/open-design/skills/flutter-animating-apps - frame-data-chart-nyt
packages/content/assets/open-design/skills/frame-data-chart-nyt - frame-flowchart-sticky
packages/content/assets/open-design/skills/frame-flowchart-sticky - frame-glitch-title
packages/content/assets/open-design/skills/frame-glitch-title - frame-light-leak-cinema
packages/content/assets/open-design/skills/frame-light-leak-cinema - frame-liquid-bg-hero
packages/content/assets/open-design/skills/frame-liquid-bg-hero - frame-logo-outro
packages/content/assets/open-design/skills/frame-logo-outro - frame-macos-notification
packages/content/assets/open-design/skills/frame-macos-notification - frontend-design
packages/content/assets/open-design/skills/frontend-design - frontend-dev
packages/content/assets/open-design/skills/frontend-dev - frontend-skill
packages/content/assets/open-design/skills/frontend-skill - frontend-slides
packages/content/assets/open-design/skills/frontend-slides - full-page-screenshot
packages/content/assets/open-design/skills/full-page-screenshot - gif-sticker-maker
packages/content/assets/open-design/skills/gif-sticker-maker - gpt-taste
packages/content/assets/open-design/skills/gpt-tasteskill - gsap-core
packages/content/assets/open-design/skills/gsap-core - gsap-frameworks
packages/content/assets/open-design/skills/gsap-frameworks - gsap-performance
packages/content/assets/open-design/skills/gsap-performance - gsap-plugins
packages/content/assets/open-design/skills/gsap-plugins - gsap-react
packages/content/assets/open-design/skills/gsap-react - gsap-scrolltrigger
packages/content/assets/open-design/skills/gsap-scrolltrigger - gsap-timeline
packages/content/assets/open-design/skills/gsap-timeline - gsap-utils
packages/content/assets/open-design/skills/gsap-utils - hand-drawn-diagrams
packages/content/assets/open-design/skills/hand-drawn-diagrams - hatch-pet
packages/content/assets/open-design/skills/hatch-pet - html-ppt-retro-quarterly-review
packages/content/assets/open-design/skills/html-ppt-retro-quarterly-review - image-enhancer
packages/content/assets/open-design/skills/image-enhancer - image-to-code
packages/content/assets/open-design/skills/image-to-code-skill - imagegen
packages/content/assets/open-design/skills/imagegen - imagegen-frontend-mobile
packages/content/assets/open-design/skills/imagegen-frontend-mobile - imagegen-frontend-web
packages/content/assets/open-design/skills/imagegen-frontend-web - imagen
packages/content/assets/open-design/skills/imagen - impeccable-design-polish
packages/content/assets/open-design/skills/impeccable-design-polish - info-funnel
packages/content/assets/open-design/skills/info-funnel - library-curator
packages/content/assets/open-design/skills/library-curator - login-flow
packages/content/assets/open-design/skills/login-flow - marketing-psychology
packages/content/assets/open-design/skills/marketing-psychology - minimalist-ui
packages/content/assets/open-design/skills/minimalist-skill - minimax-docx
packages/content/assets/open-design/skills/minimax-docx - minimax-pdf
packages/content/assets/open-design/skills/minimax-pdf - mockup-device-3d
packages/content/assets/open-design/skills/mockup-device-3d - nanobanana-ppt
packages/content/assets/open-design/skills/nanobanana-ppt - od-next-media-inputs
packages/content/assets/open-design/skills/od-next-media-inputs - full-output-enforcement
packages/content/assets/open-design/skills/output-skill - paywall-upgrade-cro
packages/content/assets/open-design/skills/paywall-upgrade-cro - pdf
packages/content/assets/open-design/skills/pdf - pixelbin-media
packages/content/assets/open-design/skills/pixelbin-media - plan-design-review
packages/content/assets/open-design/skills/plan-design-review - platform-design
packages/content/assets/open-design/skills/platform-design - poster-hero
packages/content/assets/open-design/skills/poster-hero - postmortem
packages/content/assets/open-design/skills/postmortem - ppt-keynote
packages/content/assets/open-design/skills/ppt-keynote - pptx
packages/content/assets/open-design/skills/pptx - pptx-generator
packages/content/assets/open-design/skills/pptx-generator - pptx-html-fidelity-audit
packages/content/assets/open-design/skills/pptx-html-fidelity-audit - pr-explainer
packages/content/assets/open-design/skills/pr-explainer - pr-feedback-quality-gate
packages/content/assets/open-design/skills/pr-feedback-quality-gate - redesign-existing-projects
packages/content/assets/open-design/skills/redesign-skill - reference-design-contract
packages/content/assets/open-design/skills/reference-design-contract - release-notes-one-pager
packages/content/assets/open-design/skills/release-notes-one-pager - remotion
packages/content/assets/open-design/skills/remotion - replicate
packages/content/assets/open-design/skills/replicate - research-decision-room
packages/content/assets/open-design/skills/research-decision-room - resume-modern
packages/content/assets/open-design/skills/resume-modern - review-animations
packages/content/assets/open-design/skills/review-animations - rfc
packages/content/assets/open-design/skills/rfc - screenshot
packages/content/assets/open-design/skills/screenshot - screenshots-marketing
packages/content/assets/open-design/skills/screenshots-marketing - shadcn-ui
packages/content/assets/open-design/skills/shadcn-ui - shader-dev
packages/content/assets/open-design/skills/shader-dev - shop-pack
packages/content/assets/open-design/skills/shop-pack - slack-gif-creator
packages/content/assets/open-design/skills/slack-gif-creator - slides
packages/content/assets/open-design/skills/slides - social-reddit-card
packages/content/assets/open-design/skills/social-reddit-card - social-spotify-card
packages/content/assets/open-design/skills/social-spotify-card - social-x-post-card
packages/content/assets/open-design/skills/social-x-post-card - social-youtube-thumbnail
packages/content/assets/open-design/skills/social-youtube-thumbnail - high-end-visual-design
packages/content/assets/open-design/skills/soft-skill - sora
packages/content/assets/open-design/skills/sora - speech
packages/content/assets/open-design/skills/speech - stitch-loop
packages/content/assets/open-design/skills/stitch-loop - stitch-design-taste
packages/content/assets/open-design/skills/stitch-skill - style-tile
packages/content/assets/open-design/skills/style-tile - swiftui-design
packages/content/assets/open-design/skills/swiftui-design - swiss-creative-mode-template
packages/content/assets/open-design/skills/swiss-creative-mode-template - swiss-user-research-video-template
packages/content/assets/open-design/skills/swiss-user-research-video-template - design-taste-frontend
packages/content/assets/open-design/skills/taste-skill - design-taste-frontend-v1
packages/content/assets/open-design/skills/taste-skill-v1 - theme-factory
packages/content/assets/open-design/skills/theme-factory - threejs
packages/content/assets/open-design/skills/threejs - ui-skills
packages/content/assets/open-design/skills/ui-skills - ui-ux-pro-max
packages/content/assets/open-design/skills/ui-ux-pro-max - venice-audio-music
packages/content/assets/open-design/skills/venice-audio-music - venice-audio-speech
packages/content/assets/open-design/skills/venice-audio-speech - venice-image-edit
packages/content/assets/open-design/skills/venice-image-edit - venice-image-generate
packages/content/assets/open-design/skills/venice-image-generate - venice-video
packages/content/assets/open-design/skills/venice-video - vfx-text-cursor
packages/content/assets/open-design/skills/vfx-text-cursor - video-downloader
packages/content/assets/open-design/skills/video-downloader - video-hyperframes
packages/content/assets/open-design/skills/video-hyperframes - web-artifacts-builder
packages/content/assets/open-design/skills/web-artifacts-builder - web-clone
packages/content/assets/open-design/skills/web-clone - web-design-guidelines
packages/content/assets/open-design/skills/web-design-guidelines - weread-year-in-review-video-template
packages/content/assets/open-design/skills/weread-year-in-review-video-template - wpds
packages/content/assets/open-design/skills/wpds - writing-guidelines
packages/content/assets/open-design/skills/writing-guidelines - youtube-clipper
packages/content/assets/open-design/skills/youtube-clipper - 3d-object
packages/content/local/examples/3d-object - 3d-object-glb
packages/content/local/examples/3d-object-glb - 3d-object-logo
packages/content/local/examples/3d-object-logo - 3d-scene
packages/content/local/examples/3d-scene - adr
packages/content/local/examples/adr - article-sketchnote-editorial
packages/content/local/examples/article-sketchnote-editorial - changelog-page
packages/content/local/examples/changelog-page - competitive-teardown
packages/content/local/examples/competitive-teardown - competitive-teardown-analyst-dossier
packages/content/local/examples/competitive-teardown-analyst-dossier - competitive-teardown-radar-map
packages/content/local/examples/competitive-teardown-radar-map - competitive-teardown-war-room-grid
packages/content/local/examples/competitive-teardown-war-room-grid - diagram
packages/content/local/examples/diagram - email-campaign
packages/content/local/examples/email-campaign - exec-briefing-memo
packages/content/local/examples/exec-briefing-memo - exec-briefing-memo-board-memo
packages/content/local/examples/exec-briefing-memo-board-memo - exec-briefing-memo-board-paper
packages/content/local/examples/exec-briefing-memo-board-paper - exec-briefing-memo-decision-command
packages/content/local/examples/exec-briefing-memo-decision-command - experiment-readout
packages/content/local/examples/experiment-readout - experiment-readout-growth-console
packages/content/local/examples/experiment-readout-growth-console - experiment-readout-lab-notebook
packages/content/local/examples/experiment-readout-lab-notebook - experiment-readout-product-readout
packages/content/local/examples/experiment-readout-product-readout - info-funnel
packages/content/local/examples/info-funnel - postmortem
packages/content/local/examples/postmortem - pr-explainer
packages/content/local/examples/pr-explainer - rfc
packages/content/local/examples/rfc - style-tile
packages/content/local/examples/style-tile - 3d-object
packages/content/local/skills/3d-object - 3d-scene
packages/content/local/skills/3d-scene - adr
packages/content/local/skills/adr - article-sketchnote-editorial
packages/content/local/skills/article-sketchnote-editorial - card-set
packages/content/local/skills/card-set - changelog-page
packages/content/local/skills/changelog-page - competitive-teardown
packages/content/local/skills/competitive-teardown - diagram
packages/content/local/skills/diagram - email-campaign
packages/content/local/skills/email-campaign - exec-briefing-memo
packages/content/local/skills/exec-briefing-memo - experiment-readout
packages/content/local/skills/experiment-readout - info-funnel
packages/content/local/skills/info-funnel - postmortem
packages/content/local/skills/postmortem - pr-explainer
packages/content/local/skills/pr-explainer - rfc
packages/content/local/skills/rfc - shop-pack
packages/content/local/skills/shop-pack - social-youtube-thumbnail
packages/content/local/skills/social-youtube-thumbnail - style-tile
packages/content/local/skills/style-tile - audio-jingle
packages/vscode/assets/open-design/design-templates/audio-jingle - blog-post
packages/vscode/assets/open-design/design-templates/blog-post - clinical-case-report
packages/vscode/assets/open-design/design-templates/clinical-case-report - contact-widget
packages/vscode/assets/open-design/design-templates/contact-widget - critique
packages/vscode/assets/open-design/design-templates/critique - dashboard
packages/vscode/assets/open-design/design-templates/dashboard - dating-web
packages/vscode/assets/open-design/design-templates/dating-web - dcf-valuation
packages/vscode/assets/open-design/design-templates/dcf-valuation - digital-eguide
packages/vscode/assets/open-design/design-templates/digital-eguide - docs-page
packages/vscode/assets/open-design/design-templates/docs-page - email-marketing
packages/vscode/assets/open-design/design-templates/email-marketing - eng-runbook
packages/vscode/assets/open-design/design-templates/eng-runbook - finance-report
packages/vscode/assets/open-design/design-templates/finance-report - flowai-live-dashboard-template
packages/vscode/assets/open-design/design-templates/flowai-live-dashboard-template - gamified-app
packages/vscode/assets/open-design/design-templates/gamified-app - github-dashboard
packages/vscode/assets/open-design/design-templates/github-dashboard - magazine-web-ppt
packages/vscode/assets/open-design/design-templates/guizang-ppt - hr-onboarding
packages/vscode/assets/open-design/design-templates/hr-onboarding - html-ppt
packages/vscode/assets/open-design/design-templates/html-ppt - html-ppt-course-module
packages/vscode/assets/open-design/design-templates/html-ppt-course-module - html-ppt-graphify-dark-graph
packages/vscode/assets/open-design/design-templates/html-ppt-graphify-dark-graph - html-ppt-hermes-cyber-terminal
packages/vscode/assets/open-design/design-templates/html-ppt-hermes-cyber-terminal - html-ppt-knowledge-arch-blueprint
packages/vscode/assets/open-design/design-templates/html-ppt-knowledge-arch-blueprint - html-ppt-obsidian-claude-gradient
packages/vscode/assets/open-design/design-templates/html-ppt-obsidian-claude-gradient - html-ppt-pitch-deck
packages/vscode/assets/open-design/design-templates/html-ppt-pitch-deck - html-ppt-presenter-mode
packages/vscode/assets/open-design/design-templates/html-ppt-presenter-mode-reveal - html-ppt-product-launch
packages/vscode/assets/open-design/design-templates/html-ppt-product-launch - html-ppt-taste-brutalist
packages/vscode/assets/open-design/design-templates/html-ppt-taste-brutalist - html-ppt-taste-editorial
packages/vscode/assets/open-design/design-templates/html-ppt-taste-editorial - html-ppt-tech-sharing
packages/vscode/assets/open-design/design-templates/html-ppt-tech-sharing - html-ppt-testing-safety-alert
packages/vscode/assets/open-design/design-templates/html-ppt-testing-safety-alert - html-ppt-weekly-report
packages/vscode/assets/open-design/design-templates/html-ppt-weekly-report - html-ppt-xhs-pastel-card
packages/vscode/assets/open-design/design-templates/html-ppt-xhs-pastel-card - html-ppt-xhs-white-editorial
packages/vscode/assets/open-design/design-templates/html-ppt-xhs-white-editorial - html-ppt-zhangzara-8-bit-orbit
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-8-bit-orbit - html-ppt-zhangzara-biennale-yellow
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-biennale-yellow - html-ppt-zhangzara-block-frame
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-block-frame - html-ppt-zhangzara-blue-professional
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-blue-professional - html-ppt-zhangzara-bold-poster
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-bold-poster - html-ppt-zhangzara-broadside
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-broadside - html-ppt-zhangzara-capsule
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-capsule - html-ppt-zhangzara-cartesian
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-cartesian - html-ppt-zhangzara-cobalt-grid
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-cobalt-grid - html-ppt-zhangzara-coral
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-coral - html-ppt-zhangzara-creative-mode
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-creative-mode - html-ppt-zhangzara-daisy-days
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-daisy-days - html-ppt-zhangzara-editorial-tri-tone
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-editorial-tri-tone - html-ppt-zhangzara-grove
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-grove - html-ppt-zhangzara-long-table
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-long-table - html-ppt-zhangzara-mat
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-mat - html-ppt-zhangzara-monochrome
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-monochrome - html-ppt-zhangzara-neo-grid-bold
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-neo-grid-bold - html-ppt-zhangzara-peoples-platform
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-peoples-platform - html-ppt-zhangzara-pin-and-paper
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-pin-and-paper - html-ppt-zhangzara-pink-script
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-pink-script - html-ppt-zhangzara-playful
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-playful - html-ppt-zhangzara-raw-grid
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-raw-grid - html-ppt-zhangzara-retro-windows
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-retro-windows - html-ppt-zhangzara-retro-zine
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-retro-zine - html-ppt-zhangzara-sakura-chroma
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-sakura-chroma - html-ppt-zhangzara-scatterbrain
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-scatterbrain - html-ppt-zhangzara-signal
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-signal - html-ppt-zhangzara-soft-editorial
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-soft-editorial - html-ppt-zhangzara-stencil-tablet
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-stencil-tablet - html-ppt-zhangzara-studio
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-studio - html-ppt-zhangzara-vellum
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-vellum - hyperframes
packages/vscode/assets/open-design/design-templates/hyperframes - ib-pitch-book
packages/vscode/assets/open-design/design-templates/ib-pitch-book - image-poster
packages/vscode/assets/open-design/design-templates/image-poster - invoice
packages/vscode/assets/open-design/design-templates/invoice - kami-deck
packages/vscode/assets/open-design/design-templates/kami-deck - kami-landing
packages/vscode/assets/open-design/design-templates/kami-landing - kanban-board
packages/vscode/assets/open-design/design-templates/kanban-board - last30days
packages/vscode/assets/open-design/design-templates/last30days - live-artifact
packages/vscode/assets/open-design/design-templates/live-artifact - live-dashboard
packages/vscode/assets/open-design/design-templates/live-dashboard - magazine-poster
packages/vscode/assets/open-design/design-templates/magazine-poster - meeting-notes
packages/vscode/assets/open-design/design-templates/meeting-notes - mobile-app
packages/vscode/assets/open-design/design-templates/mobile-app - mobile-onboarding
packages/vscode/assets/open-design/design-templates/mobile-onboarding - motion-frames
packages/vscode/assets/open-design/design-templates/motion-frames - open-design-landing
packages/vscode/assets/open-design/design-templates/open-design-landing - open-design-landing-deck
packages/vscode/assets/open-design/design-templates/open-design-landing-deck - orbit-general
packages/vscode/assets/open-design/design-templates/orbit-general - orbit-github
packages/vscode/assets/open-design/design-templates/orbit-github - orbit-gmail
packages/vscode/assets/open-design/design-templates/orbit-gmail - orbit-linear
packages/vscode/assets/open-design/design-templates/orbit-linear - orbit-notion
packages/vscode/assets/open-design/design-templates/orbit-notion - pm-spec
packages/vscode/assets/open-design/design-templates/pm-spec - pricing-page
packages/vscode/assets/open-design/design-templates/pricing-page - replit-deck
packages/vscode/assets/open-design/design-templates/replit-deck - saas-landing
packages/vscode/assets/open-design/design-templates/saas-landing - simple-deck
packages/vscode/assets/open-design/design-templates/simple-deck - social-carousel
packages/vscode/assets/open-design/design-templates/social-carousel - social-media-dashboard
packages/vscode/assets/open-design/design-templates/social-media-dashboard - social-media-matrix-tracker-template
packages/vscode/assets/open-design/design-templates/social-media-matrix-tracker-template - sprite-animation
packages/vscode/assets/open-design/design-templates/sprite-animation - team-okrs
packages/vscode/assets/open-design/design-templates/team-okrs - trading-analysis-dashboard-template
packages/vscode/assets/open-design/design-templates/trading-analysis-dashboard-template - tweaks
packages/vscode/assets/open-design/design-templates/tweaks - video-shortform
packages/vscode/assets/open-design/design-templates/video-shortform - waitlist-page
packages/vscode/assets/open-design/design-templates/waitlist-page - web-prototype
packages/vscode/assets/open-design/design-templates/web-prototype - web-prototype-taste-brutalist
packages/vscode/assets/open-design/design-templates/web-prototype-taste-brutalist - web-prototype-taste-editorial
packages/vscode/assets/open-design/design-templates/web-prototype-taste-editorial - web-prototype-taste-soft
packages/vscode/assets/open-design/design-templates/web-prototype-taste-soft - webgl-experience
packages/vscode/assets/open-design/design-templates/webgl-experience - weekly-update
packages/vscode/assets/open-design/design-templates/weekly-update - wireframe-annotated
packages/vscode/assets/open-design/design-templates/wireframe-annotated - wireframe-greybox
packages/vscode/assets/open-design/design-templates/wireframe-greybox - wireframe-mobile-flow
packages/vscode/assets/open-design/design-templates/wireframe-mobile-flow - wireframe-sketch
packages/vscode/assets/open-design/design-templates/wireframe-sketch - worker-visualizer
packages/vscode/assets/open-design/design-templates/worker-visualizer - x-research
packages/vscode/assets/open-design/design-templates/x-research - 3d-object
packages/vscode/assets/open-design/examples/3d-object - 3d-object-glb
packages/vscode/assets/open-design/examples/3d-object-glb - 3d-object-logo
packages/vscode/assets/open-design/examples/3d-object-logo - 3d-scene
packages/vscode/assets/open-design/examples/3d-scene - adr
packages/vscode/assets/open-design/examples/adr - article-magazine
packages/vscode/assets/open-design/examples/article-magazine - article-sketchnote-editorial
packages/vscode/assets/open-design/examples/article-sketchnote-editorial - audio-jingle
packages/vscode/assets/open-design/examples/audio-jingle - blog-post
packages/vscode/assets/open-design/examples/blog-post - card-twitter
packages/vscode/assets/open-design/examples/card-twitter - card-xiaohongshu
packages/vscode/assets/open-design/examples/card-xiaohongshu - changelog-page
packages/vscode/assets/open-design/examples/changelog-page - clinical-case-report
packages/vscode/assets/open-design/examples/clinical-case-report - codex-interactive-capability-map
packages/vscode/assets/open-design/examples/codex-interactive-capability-map - competitive-teardown
packages/vscode/assets/open-design/examples/competitive-teardown - competitive-teardown-analyst-dossier
packages/vscode/assets/open-design/examples/competitive-teardown-analyst-dossier - competitive-teardown-radar-map
packages/vscode/assets/open-design/examples/competitive-teardown-radar-map - competitive-teardown-war-room-grid
packages/vscode/assets/open-design/examples/competitive-teardown-war-room-grid - critique
packages/vscode/assets/open-design/examples/critique - dashboard
packages/vscode/assets/open-design/examples/dashboard - data-report
packages/vscode/assets/open-design/examples/data-report - dating-web
packages/vscode/assets/open-design/examples/dating-web - deck-guizang-editorial
packages/vscode/assets/open-design/examples/deck-guizang-editorial - deck-open-slide-canvas
packages/vscode/assets/open-design/examples/deck-open-slide-canvas - deck-swiss-international
packages/vscode/assets/open-design/examples/deck-swiss-international - diagram
packages/vscode/assets/open-design/examples/diagram - digital-eguide
packages/vscode/assets/open-design/examples/digital-eguide - doc-kami-parchment
packages/vscode/assets/open-design/examples/doc-kami-parchment - docs-page
packages/vscode/assets/open-design/examples/docs-page - email-campaign
packages/vscode/assets/open-design/examples/email-campaign - email-marketing
packages/vscode/assets/open-design/examples/email-marketing - eng-runbook
packages/vscode/assets/open-design/examples/eng-runbook - exec-briefing-memo
packages/vscode/assets/open-design/examples/exec-briefing-memo - exec-briefing-memo-board-memo
packages/vscode/assets/open-design/examples/exec-briefing-memo-board-memo - exec-briefing-memo-board-paper
packages/vscode/assets/open-design/examples/exec-briefing-memo-board-paper - exec-briefing-memo-decision-command
packages/vscode/assets/open-design/examples/exec-briefing-memo-decision-command - experiment-readout
packages/vscode/assets/open-design/examples/experiment-readout - experiment-readout-growth-console
packages/vscode/assets/open-design/examples/experiment-readout-growth-console - experiment-readout-lab-notebook
packages/vscode/assets/open-design/examples/experiment-readout-lab-notebook - experiment-readout-product-readout
packages/vscode/assets/open-design/examples/experiment-readout-product-readout - finance-report
packages/vscode/assets/open-design/examples/finance-report - flowai-live-dashboard-template
packages/vscode/assets/open-design/examples/flowai-live-dashboard-template - frame-data-chart-nyt
packages/vscode/assets/open-design/examples/frame-data-chart-nyt - frame-flowchart-sticky
packages/vscode/assets/open-design/examples/frame-flowchart-sticky - frame-glitch-title
packages/vscode/assets/open-design/examples/frame-glitch-title - frame-light-leak-cinema
packages/vscode/assets/open-design/examples/frame-light-leak-cinema - frame-liquid-bg-hero
packages/vscode/assets/open-design/examples/frame-liquid-bg-hero - frame-logo-outro
packages/vscode/assets/open-design/examples/frame-logo-outro - frame-macos-notification
packages/vscode/assets/open-design/examples/frame-macos-notification - frontend-slides
packages/vscode/assets/open-design/examples/frontend-slides - fs-creative-voltage
packages/vscode/assets/open-design/examples/fs-creative-voltage - fs-editorial-forest
packages/vscode/assets/open-design/examples/fs-editorial-forest - fs-electric-studio
packages/vscode/assets/open-design/examples/fs-electric-studio - fs-emerald-editorial
packages/vscode/assets/open-design/examples/fs-emerald-editorial - fs-notebook-tabs
packages/vscode/assets/open-design/examples/fs-notebook-tabs - gamified-app
packages/vscode/assets/open-design/examples/gamified-app - github-dashboard
packages/vscode/assets/open-design/examples/github-dashboard - hps-academic-paper
packages/vscode/assets/open-design/examples/hps-academic-paper - hps-bauhaus
packages/vscode/assets/open-design/examples/hps-bauhaus - hps-memphis-pop
packages/vscode/assets/open-design/examples/hps-memphis-pop - hps-retro-tv
packages/vscode/assets/open-design/examples/hps-retro-tv - hps-true-blueprint
packages/vscode/assets/open-design/examples/hps-true-blueprint - hps-y2k-chrome
packages/vscode/assets/open-design/examples/hps-y2k-chrome - hr-onboarding
packages/vscode/assets/open-design/examples/hr-onboarding - html-ppt-course-module
packages/vscode/assets/open-design/examples/html-ppt-course-module - html-ppt-graphify-dark-graph
packages/vscode/assets/open-design/examples/html-ppt-graphify-dark-graph - html-ppt-hermes-cyber-terminal
packages/vscode/assets/open-design/examples/html-ppt-hermes-cyber-terminal - html-ppt-knowledge-arch-blueprint
packages/vscode/assets/open-design/examples/html-ppt-knowledge-arch-blueprint - html-ppt-obsidian-claude-gradient
packages/vscode/assets/open-design/examples/html-ppt-obsidian-claude-gradient - html-ppt-pitch-deck
packages/vscode/assets/open-design/examples/html-ppt-pitch-deck - html-ppt-presenter-mode
packages/vscode/assets/open-design/examples/html-ppt-presenter-mode-reveal - html-ppt-product-launch
packages/vscode/assets/open-design/examples/html-ppt-product-launch - html-ppt-taste-brutalist
packages/vscode/assets/open-design/examples/html-ppt-taste-brutalist - html-ppt-taste-editorial
packages/vscode/assets/open-design/examples/html-ppt-taste-editorial - html-ppt-tech-sharing
packages/vscode/assets/open-design/examples/html-ppt-tech-sharing - html-ppt-testing-safety-alert
packages/vscode/assets/open-design/examples/html-ppt-testing-safety-alert - html-ppt-weekly-report
packages/vscode/assets/open-design/examples/html-ppt-weekly-report - html-ppt-xhs-pastel-card
packages/vscode/assets/open-design/examples/html-ppt-xhs-pastel-card - html-ppt-xhs-white-editorial
packages/vscode/assets/open-design/examples/html-ppt-xhs-white-editorial - html-ppt-zhangzara-8-bit-orbit
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit - html-ppt-zhangzara-biennale-yellow
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow - html-ppt-zhangzara-block-frame
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-block-frame - html-ppt-zhangzara-blue-professional
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-blue-professional - html-ppt-zhangzara-bold-poster
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-bold-poster - html-ppt-zhangzara-broadside
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-broadside - html-ppt-zhangzara-capsule
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-capsule - html-ppt-zhangzara-cartesian
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cartesian - html-ppt-zhangzara-cobalt-grid
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid - html-ppt-zhangzara-coral
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-coral - html-ppt-zhangzara-creative-mode
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-creative-mode - html-ppt-zhangzara-daisy-days
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-daisy-days - html-ppt-zhangzara-editorial-tri-tone
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone - html-ppt-zhangzara-grove
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-grove - html-ppt-zhangzara-long-table
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-long-table - html-ppt-zhangzara-mat
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-mat - html-ppt-zhangzara-monochrome
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-monochrome - html-ppt-zhangzara-neo-grid-bold
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold - html-ppt-zhangzara-peoples-platform
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-peoples-platform - html-ppt-zhangzara-pin-and-paper
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper - html-ppt-zhangzara-pink-script
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pink-script - html-ppt-zhangzara-playful
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-playful - html-ppt-zhangzara-raw-grid
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-raw-grid - html-ppt-zhangzara-retro-windows
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-windows - html-ppt-zhangzara-retro-zine
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-zine - html-ppt-zhangzara-sakura-chroma
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma - html-ppt-zhangzara-scatterbrain
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-scatterbrain - html-ppt-zhangzara-signal
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-signal - html-ppt-zhangzara-soft-editorial
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-soft-editorial - html-ppt-zhangzara-stencil-tablet
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet - html-ppt-zhangzara-studio
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-studio - html-ppt-zhangzara-vellum
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-vellum - huashu-annual-letter
packages/vscode/assets/open-design/examples/huashu-annual-letter - huashu-bento-insight
packages/vscode/assets/open-design/examples/huashu-bento-insight - huashu-golden-circle
packages/vscode/assets/open-design/examples/huashu-golden-circle - huashu-keynote-black
packages/vscode/assets/open-design/examples/huashu-keynote-black - huashu-luxe-whitespace
packages/vscode/assets/open-design/examples/huashu-luxe-whitespace - huashu-pentagram-grid
packages/vscode/assets/open-design/examples/huashu-pentagram-grid - huashu-slides
packages/vscode/assets/open-design/examples/huashu-slides - huashu-sparkline-arc
packages/vscode/assets/open-design/examples/huashu-sparkline-arc - huashu-takram-soft-tech
packages/vscode/assets/open-design/examples/huashu-takram-soft-tech - ib-pitch-book
packages/vscode/assets/open-design/examples/ib-pitch-book - image-poster
packages/vscode/assets/open-design/examples/image-poster - info-funnel
packages/vscode/assets/open-design/examples/info-funnel - invoice
packages/vscode/assets/open-design/examples/invoice - kami-deck
packages/vscode/assets/open-design/examples/kami-deck - kami-landing
packages/vscode/assets/open-design/examples/kami-landing - kanban-board
packages/vscode/assets/open-design/examples/kanban-board - live-dashboard
packages/vscode/assets/open-design/examples/live-dashboard - magazine-poster
packages/vscode/assets/open-design/examples/magazine-poster - meeting-notes
packages/vscode/assets/open-design/examples/meeting-notes - mobile-app
packages/vscode/assets/open-design/examples/mobile-app - mobile-onboarding
packages/vscode/assets/open-design/examples/mobile-onboarding - mockup-device-3d
packages/vscode/assets/open-design/examples/mockup-device-3d - motion-frames
packages/vscode/assets/open-design/examples/motion-frames - open-design-landing-deck
packages/vscode/assets/open-design/examples/open-design-landing-deck - orbit-general
packages/vscode/assets/open-design/examples/orbit-general - orbit-github
packages/vscode/assets/open-design/examples/orbit-github - orbit-gmail
packages/vscode/assets/open-design/examples/orbit-gmail - orbit-linear
packages/vscode/assets/open-design/examples/orbit-linear - orbit-notion
packages/vscode/assets/open-design/examples/orbit-notion - pm-spec
packages/vscode/assets/open-design/examples/pm-spec - poster-hero
packages/vscode/assets/open-design/examples/poster-hero - postmortem
packages/vscode/assets/open-design/examples/postmortem - ppt-keynote
packages/vscode/assets/open-design/examples/ppt-keynote - pr-explainer
packages/vscode/assets/open-design/examples/pr-explainer - pricing-page
packages/vscode/assets/open-design/examples/pricing-page - resume-modern
packages/vscode/assets/open-design/examples/resume-modern - rfc
packages/vscode/assets/open-design/examples/rfc - saas-landing
packages/vscode/assets/open-design/examples/saas-landing - simple-deck
packages/vscode/assets/open-design/examples/simple-deck - social-carousel
packages/vscode/assets/open-design/examples/social-carousel - social-media-dashboard
packages/vscode/assets/open-design/examples/social-media-dashboard - social-media-matrix-tracker-template
packages/vscode/assets/open-design/examples/social-media-matrix-tracker-template - social-reddit-card
packages/vscode/assets/open-design/examples/social-reddit-card - social-spotify-card
packages/vscode/assets/open-design/examples/social-spotify-card - social-x-post-card
packages/vscode/assets/open-design/examples/social-x-post-card - sprite-animation
packages/vscode/assets/open-design/examples/sprite-animation - style-tile
packages/vscode/assets/open-design/examples/style-tile - team-okrs
packages/vscode/assets/open-design/examples/team-okrs - trading-analysis-dashboard-template
packages/vscode/assets/open-design/examples/trading-analysis-dashboard-template - tweaks
packages/vscode/assets/open-design/examples/tweaks - ve-midnight-editorial
packages/vscode/assets/open-design/examples/ve-midnight-editorial - ve-terminal-mono
packages/vscode/assets/open-design/examples/ve-terminal-mono - velar-luxury-real-estate
packages/vscode/assets/open-design/examples/velar-luxury-real-estate - vfx-text-cursor
packages/vscode/assets/open-design/examples/vfx-text-cursor - video-hyperframes
packages/vscode/assets/open-design/examples/video-hyperframes - video-shortform
packages/vscode/assets/open-design/examples/video-shortform - waitlist-page
packages/vscode/assets/open-design/examples/waitlist-page - web-prototype
packages/vscode/assets/open-design/examples/web-prototype - web-prototype-taste-brutalist
packages/vscode/assets/open-design/examples/web-prototype-taste-brutalist - web-prototype-taste-editorial
packages/vscode/assets/open-design/examples/web-prototype-taste-editorial - web-prototype-taste-soft
packages/vscode/assets/open-design/examples/web-prototype-taste-soft - webgl-aurora-veil
packages/vscode/assets/open-design/examples/webgl-aurora-veil - webgl-caustic-pool
packages/vscode/assets/open-design/examples/webgl-caustic-pool - webgl-depth-gallery
packages/vscode/assets/open-design/examples/webgl-depth-gallery - webgl-distortion-grain
packages/vscode/assets/open-design/examples/webgl-distortion-grain - webgl-experience
packages/vscode/assets/open-design/examples/webgl-experience - webgl-halftone-drift
packages/vscode/assets/open-design/examples/webgl-halftone-drift - webgl-holographic-foil
packages/vscode/assets/open-design/examples/webgl-holographic-foil - webgl-horizontal-parallax
packages/vscode/assets/open-design/examples/webgl-horizontal-parallax - webgl-liquid-iridescence
packages/vscode/assets/open-design/examples/webgl-liquid-iridescence - webgl-liquid-metal
packages/vscode/assets/open-design/examples/webgl-liquid-metal - webgl-neon-grid
packages/vscode/assets/open-design/examples/webgl-neon-grid - webgl-particle-galaxy
packages/vscode/assets/open-design/examples/webgl-particle-galaxy - webgl-pixel-reveal-gallery
packages/vscode/assets/open-design/examples/webgl-pixel-reveal-gallery - webgl-raymarched-hero
packages/vscode/assets/open-design/examples/webgl-raymarched-hero - webgl-voronoi-cells
packages/vscode/assets/open-design/examples/webgl-voronoi-cells - weekly-update
packages/vscode/assets/open-design/examples/weekly-update - wireframe-annotated
packages/vscode/assets/open-design/examples/wireframe-annotated - wireframe-greybox
packages/vscode/assets/open-design/examples/wireframe-greybox - wireframe-mobile-flow
packages/vscode/assets/open-design/examples/wireframe-mobile-flow - wireframe-sketch
packages/vscode/assets/open-design/examples/wireframe-sketch - worker-visualizer
packages/vscode/assets/open-design/examples/worker-visualizer - 3d-object
packages/vscode/assets/open-design/skills/3d-object - 3d-scene
packages/vscode/assets/open-design/skills/3d-scene - 8-bit-orbit-video-template
packages/vscode/assets/open-design/skills/8-bit-orbit-video-template - ad-creative
packages/vscode/assets/open-design/skills/ad-creative - adr
packages/vscode/assets/open-design/skills/adr - after-hours-editorial-template
packages/vscode/assets/open-design/skills/after-hours-editorial-template - agent-browser
packages/vscode/assets/open-design/skills/agent-browser - ai-music-album
packages/vscode/assets/open-design/skills/ai-music-album - algorithmic-art
packages/vscode/assets/open-design/skills/algorithmic-art - apple-hig
packages/vscode/assets/open-design/skills/apple-hig - article-magazine
packages/vscode/assets/open-design/skills/article-magazine - article-sketchnote-editorial
packages/vscode/assets/open-design/skills/article-sketchnote-editorial - artifacts-builder
packages/vscode/assets/open-design/skills/artifacts-builder - brainstorming
packages/vscode/assets/open-design/skills/brainstorming - brand-extract
packages/vscode/assets/open-design/skills/brand-extract - brand-guidelines
packages/vscode/assets/open-design/skills/brand-guidelines - brandkit
packages/vscode/assets/open-design/skills/brandkit - industrial-brutalist-ui
packages/vscode/assets/open-design/skills/brutalist-skill - canvas-design
packages/vscode/assets/open-design/skills/canvas-design - card-set
packages/vscode/assets/open-design/skills/card-set - card-twitter
packages/vscode/assets/open-design/skills/card-twitter - card-xiaohongshu
packages/vscode/assets/open-design/skills/card-xiaohongshu - changelog-page
packages/vscode/assets/open-design/skills/changelog-page - chat-motion-overlay
packages/vscode/assets/open-design/skills/chat-motion-overlay - color-expert
packages/vscode/assets/open-design/skills/color-expert - competitive-ads-extractor
packages/vscode/assets/open-design/skills/competitive-ads-extractor - competitive-teardown
packages/vscode/assets/open-design/skills/competitive-teardown - copywriting
packages/vscode/assets/open-design/skills/copywriting - creative-director
packages/vscode/assets/open-design/skills/creative-director - d3-visualization
packages/vscode/assets/open-design/skills/d3-visualization - data-report
packages/vscode/assets/open-design/skills/data-report - deck-guizang-editorial
packages/vscode/assets/open-design/skills/deck-guizang-editorial - deck-open-slide-canvas
packages/vscode/assets/open-design/skills/deck-open-slide-canvas - deck-swiss-international
packages/vscode/assets/open-design/skills/deck-swiss-international - design-brief
packages/vscode/assets/open-design/skills/design-brief - design-consultation
packages/vscode/assets/open-design/skills/design-consultation - design-md
packages/vscode/assets/open-design/skills/design-md - design-review
packages/vscode/assets/open-design/skills/design-review - diagram
packages/vscode/assets/open-design/skills/diagram - digits-fintech-swiss-template
packages/vscode/assets/open-design/skills/digits-fintech-swiss-template - doc
packages/vscode/assets/open-design/skills/doc - doc-kami-parchment
packages/vscode/assets/open-design/skills/doc-kami-parchment - docx
packages/vscode/assets/open-design/skills/docx - domain-name-brainstormer
packages/vscode/assets/open-design/skills/domain-name-brainstormer - ecommerce-image-workflow
packages/vscode/assets/open-design/skills/ecommerce-image-workflow - editorial-burgundy-principles-template
packages/vscode/assets/open-design/skills/editorial-burgundy-principles-template - email-campaign
packages/vscode/assets/open-design/skills/email-campaign - emil-design-eng
packages/vscode/assets/open-design/skills/emil-design-eng - emilkowalski-motion
packages/vscode/assets/open-design/skills/emilkowalski-motion - enhance-prompt
packages/vscode/assets/open-design/skills/enhance-prompt - exec-briefing-memo
packages/vscode/assets/open-design/skills/exec-briefing-memo - experiment-readout
packages/vscode/assets/open-design/skills/experiment-readout - export-download-debugging
packages/vscode/assets/open-design/skills/export-download-debugging - fal-3d
packages/vscode/assets/open-design/skills/fal-3d - fal-generate
packages/vscode/assets/open-design/skills/fal-generate - fal-image-edit
packages/vscode/assets/open-design/skills/fal-image-edit - fal-kling-o3
packages/vscode/assets/open-design/skills/fal-kling-o3 - fal-lip-sync
packages/vscode/assets/open-design/skills/fal-lip-sync - fal-realtime
packages/vscode/assets/open-design/skills/fal-realtime - fal-restore
packages/vscode/assets/open-design/skills/fal-restore - fal-train
packages/vscode/assets/open-design/skills/fal-train - fal-tryon
packages/vscode/assets/open-design/skills/fal-tryon - fal-upscale
packages/vscode/assets/open-design/skills/fal-upscale - fal-video-edit
packages/vscode/assets/open-design/skills/fal-video-edit - fal-vision
packages/vscode/assets/open-design/skills/fal-vision - faq-page
packages/vscode/assets/open-design/skills/faq-page - field-notes-editorial-template
packages/vscode/assets/open-design/skills/field-notes-editorial-template - figma-code-connect-components
packages/vscode/assets/open-design/skills/figma-code-connect-components - figma-create-design-system-rules
packages/vscode/assets/open-design/skills/figma-create-design-system-rules - figma-create-new-file
packages/vscode/assets/open-design/skills/figma-create-new-file - figma-generate-design
packages/vscode/assets/open-design/skills/figma-generate-design - figma-generate-library
packages/vscode/assets/open-design/skills/figma-generate-library - figma-implement-design
packages/vscode/assets/open-design/skills/figma-implement-design - figma-use
packages/vscode/assets/open-design/skills/figma-use - flutter-animating-apps
packages/vscode/assets/open-design/skills/flutter-animating-apps - frame-data-chart-nyt
packages/vscode/assets/open-design/skills/frame-data-chart-nyt - frame-flowchart-sticky
packages/vscode/assets/open-design/skills/frame-flowchart-sticky - frame-glitch-title
packages/vscode/assets/open-design/skills/frame-glitch-title - frame-light-leak-cinema
packages/vscode/assets/open-design/skills/frame-light-leak-cinema - frame-liquid-bg-hero
packages/vscode/assets/open-design/skills/frame-liquid-bg-hero - frame-logo-outro
packages/vscode/assets/open-design/skills/frame-logo-outro - frame-macos-notification
packages/vscode/assets/open-design/skills/frame-macos-notification - frontend-design
packages/vscode/assets/open-design/skills/frontend-design - frontend-dev
packages/vscode/assets/open-design/skills/frontend-dev - frontend-skill
packages/vscode/assets/open-design/skills/frontend-skill - frontend-slides
packages/vscode/assets/open-design/skills/frontend-slides - full-page-screenshot
packages/vscode/assets/open-design/skills/full-page-screenshot - gif-sticker-maker
packages/vscode/assets/open-design/skills/gif-sticker-maker - gpt-taste
packages/vscode/assets/open-design/skills/gpt-tasteskill - gsap-core
packages/vscode/assets/open-design/skills/gsap-core - gsap-frameworks
packages/vscode/assets/open-design/skills/gsap-frameworks - gsap-performance
packages/vscode/assets/open-design/skills/gsap-performance - gsap-plugins
packages/vscode/assets/open-design/skills/gsap-plugins - gsap-react
packages/vscode/assets/open-design/skills/gsap-react - gsap-scrolltrigger
packages/vscode/assets/open-design/skills/gsap-scrolltrigger - gsap-timeline
packages/vscode/assets/open-design/skills/gsap-timeline - gsap-utils
packages/vscode/assets/open-design/skills/gsap-utils - hand-drawn-diagrams
packages/vscode/assets/open-design/skills/hand-drawn-diagrams - hatch-pet
packages/vscode/assets/open-design/skills/hatch-pet - html-ppt-retro-quarterly-review
packages/vscode/assets/open-design/skills/html-ppt-retro-quarterly-review - image-enhancer
packages/vscode/assets/open-design/skills/image-enhancer - image-to-code
packages/vscode/assets/open-design/skills/image-to-code-skill - imagegen
packages/vscode/assets/open-design/skills/imagegen - imagegen-frontend-mobile
packages/vscode/assets/open-design/skills/imagegen-frontend-mobile - imagegen-frontend-web
packages/vscode/assets/open-design/skills/imagegen-frontend-web - imagen
packages/vscode/assets/open-design/skills/imagen - impeccable-design-polish
packages/vscode/assets/open-design/skills/impeccable-design-polish - info-funnel
packages/vscode/assets/open-design/skills/info-funnel - library-curator
packages/vscode/assets/open-design/skills/library-curator - login-flow
packages/vscode/assets/open-design/skills/login-flow - marketing-psychology
packages/vscode/assets/open-design/skills/marketing-psychology - minimalist-ui
packages/vscode/assets/open-design/skills/minimalist-skill - minimax-docx
packages/vscode/assets/open-design/skills/minimax-docx - minimax-pdf
packages/vscode/assets/open-design/skills/minimax-pdf - mockup-device-3d
packages/vscode/assets/open-design/skills/mockup-device-3d - nanobanana-ppt
packages/vscode/assets/open-design/skills/nanobanana-ppt - od-next-media-inputs
packages/vscode/assets/open-design/skills/od-next-media-inputs - full-output-enforcement
packages/vscode/assets/open-design/skills/output-skill - paywall-upgrade-cro
packages/vscode/assets/open-design/skills/paywall-upgrade-cro - pdf
packages/vscode/assets/open-design/skills/pdf - pixelbin-media
packages/vscode/assets/open-design/skills/pixelbin-media - plan-design-review
packages/vscode/assets/open-design/skills/plan-design-review - platform-design
packages/vscode/assets/open-design/skills/platform-design - poster-hero
packages/vscode/assets/open-design/skills/poster-hero - postmortem
packages/vscode/assets/open-design/skills/postmortem - ppt-keynote
packages/vscode/assets/open-design/skills/ppt-keynote - pptx
packages/vscode/assets/open-design/skills/pptx - pptx-generator
packages/vscode/assets/open-design/skills/pptx-generator - pptx-html-fidelity-audit
packages/vscode/assets/open-design/skills/pptx-html-fidelity-audit - pr-explainer
packages/vscode/assets/open-design/skills/pr-explainer - pr-feedback-quality-gate
packages/vscode/assets/open-design/skills/pr-feedback-quality-gate - redesign-existing-projects
packages/vscode/assets/open-design/skills/redesign-skill - reference-design-contract
packages/vscode/assets/open-design/skills/reference-design-contract - release-notes-one-pager
packages/vscode/assets/open-design/skills/release-notes-one-pager - remotion
packages/vscode/assets/open-design/skills/remotion - replicate
packages/vscode/assets/open-design/skills/replicate - research-decision-room
packages/vscode/assets/open-design/skills/research-decision-room - resume-modern
packages/vscode/assets/open-design/skills/resume-modern - review-animations
packages/vscode/assets/open-design/skills/review-animations - rfc
packages/vscode/assets/open-design/skills/rfc - screenshot
packages/vscode/assets/open-design/skills/screenshot - screenshots-marketing
packages/vscode/assets/open-design/skills/screenshots-marketing - shadcn-ui
packages/vscode/assets/open-design/skills/shadcn-ui - shader-dev
packages/vscode/assets/open-design/skills/shader-dev - shop-pack
packages/vscode/assets/open-design/skills/shop-pack - slack-gif-creator
packages/vscode/assets/open-design/skills/slack-gif-creator - slides
packages/vscode/assets/open-design/skills/slides - social-reddit-card
packages/vscode/assets/open-design/skills/social-reddit-card - social-spotify-card
packages/vscode/assets/open-design/skills/social-spotify-card - social-x-post-card
packages/vscode/assets/open-design/skills/social-x-post-card - social-youtube-thumbnail
packages/vscode/assets/open-design/skills/social-youtube-thumbnail - high-end-visual-design
packages/vscode/assets/open-design/skills/soft-skill - sora
packages/vscode/assets/open-design/skills/sora - speech
packages/vscode/assets/open-design/skills/speech - stitch-loop
packages/vscode/assets/open-design/skills/stitch-loop - stitch-design-taste
packages/vscode/assets/open-design/skills/stitch-skill - style-tile
packages/vscode/assets/open-design/skills/style-tile - swiftui-design
packages/vscode/assets/open-design/skills/swiftui-design - swiss-creative-mode-template
packages/vscode/assets/open-design/skills/swiss-creative-mode-template - swiss-user-research-video-template
packages/vscode/assets/open-design/skills/swiss-user-research-video-template - design-taste-frontend
packages/vscode/assets/open-design/skills/taste-skill - design-taste-frontend-v1
packages/vscode/assets/open-design/skills/taste-skill-v1 - theme-factory
packages/vscode/assets/open-design/skills/theme-factory - threejs
packages/vscode/assets/open-design/skills/threejs - ui-skills
packages/vscode/assets/open-design/skills/ui-skills - ui-ux-pro-max
packages/vscode/assets/open-design/skills/ui-ux-pro-max - venice-audio-music
packages/vscode/assets/open-design/skills/venice-audio-music - venice-audio-speech
packages/vscode/assets/open-design/skills/venice-audio-speech - venice-image-edit
packages/vscode/assets/open-design/skills/venice-image-edit - venice-image-generate
packages/vscode/assets/open-design/skills/venice-image-generate - venice-video
packages/vscode/assets/open-design/skills/venice-video - vfx-text-cursor
packages/vscode/assets/open-design/skills/vfx-text-cursor - video-downloader
packages/vscode/assets/open-design/skills/video-downloader - video-hyperframes
packages/vscode/assets/open-design/skills/video-hyperframes - web-artifacts-builder
packages/vscode/assets/open-design/skills/web-artifacts-builder - web-clone
packages/vscode/assets/open-design/skills/web-clone - web-design-guidelines
packages/vscode/assets/open-design/skills/web-design-guidelines - weread-year-in-review-video-template
packages/vscode/assets/open-design/skills/weread-year-in-review-video-template - wpds
packages/vscode/assets/open-design/skills/wpds - writing-guidelines
packages/vscode/assets/open-design/skills/writing-guidelines - youtube-clipper
packages/vscode/assets/open-design/skills/youtube-clipper
How it works
od-deck-deck-guizang-editorial
When your agent uses it
Guizang Editorial E-Ink Deck (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
66 tokensAlways available to the agent
SKILL.md
270 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
../../../../.claude-plugin/marketplace.jsonasset650 bytes../../.claude-plugin/icon.pngasset41,463 bytes../../.claude-plugin/plugin.jsonasset412 bytesSKILL.mdcore1,159 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:deck-guizang-editorial` (Guizang Editorial E-Ink Deck).
Brief: "$ARGUMENTS", or if empty: "Use the Guizang Editorial E-Ink Deck template to turn my content into an editorial magazine x e-ink horizontal deck with 10 layouts and 5 palettes. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-guizang-editorial" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-deck-open-slide-canvas
When your agent uses it
Open-Slide 1920 Canvas Deck (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
65 tokensAlways available to the agent
SKILL.md
267 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,154 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:deck-open-slide-canvas` (Open-Slide 1920 Canvas Deck).
Brief: "$ARGUMENTS", or if empty: "Use the Open-Slide 1920 Canvas Deck template to turn my content into a locked 1920x1080 free-composition deck with React component-level layout. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-open-slide-canvas" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-deck-swiss-international
When your agent uses it
Swiss International Deck (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
250 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,146 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:deck-swiss-international` (Swiss International Deck).
Brief: "$ARGUMENTS", or if empty: "Use the Swiss International Deck template to turn my content into a 16-column-grid deck with one saturated accent and 22 locked layouts. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-swiss-international" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-guizang-ppt
When your agent uses it
Write a Brand-to-Revenue Story like a Growth Strategy Lead (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
68 tokensAlways available to the agent
SKILL.md
319 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,412 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:guizang-ppt` (Write a Brand-to-Revenue Story like a Growth Strategy Lead).
Brief: "$ARGUMENTS", or if empty: "Create \"Write a Brand-to-Revenue Story like a Growth Strategy Lead\" as a Marketing and GTM deck in the Guizang Ppt visual system. Scene: annual-marketing-plan. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce a commercial-grade slide plan, written slides, visual direction, speaker-ready structure, and critic pass against this rubric: can the plan connect creative choices to measurable growth."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:guizang-ppt" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-ppt-keynote
When your agent uses it
Keynote-style Slides (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
247 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,114 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:ppt-keynote` (Keynote-style Slides).
Brief: "$ARGUMENTS", or if empty: "Use the Keynote-style Slides template to turn my content into Apple Keynote-quality slides with one card per screen and keyboard left/right navigation. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:ppt-keynote" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-article-magazine
When your agent uses it
Magazine Article (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
241 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,099 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:article-magazine` (Magazine Article).
Brief: "$ARGUMENTS", or if empty: "Use the Magazine Article template to turn my content into a Huashu / huashu-md-html-inspired long-form HTML essay. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:article-magazine" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-card-twitter
When your agent uses it
Twitter Share Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
237 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,095 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:card-twitter` (Twitter Share Card).
Brief: "$ARGUMENTS", or if empty: "Use the Twitter Share Card template to turn my content into a Twitter quote or data card designed to pair with a post. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:card-twitter" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-card-xiaohongshu
When your agent uses it
Xiaohongshu Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
255 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,097 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:card-xiaohongshu` (Xiaohongshu Card).
Brief: "$ARGUMENTS", or if empty: "Use the Xiaohongshu Card template to turn my content into a Xiaohongshu-style swipeable knowledge-card carousel. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:card-xiaohongshu" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-data-report
When your agent uses it
Data Visualization Report (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
234 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,102 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:data-report` (Data Visualization Report).
Brief: "$ARGUMENTS", or if empty: "Use the Data Visualization Report template to turn my CSV, Excel, or JSON data into a polished visual report page. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:data-report" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-doc-kami-parchment
When your agent uses it
Kami Parchment Document (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
262 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,179 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:doc-kami-parchment` (Kami Parchment Document).
Brief: "$ARGUMENTS", or if empty: "Use the Kami Parchment Document template to turn my content into a warm parchment document with monochrome ink-blue accents, one serif family, and editorial-grade typography. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:doc-kami-parchment" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-mockup-device-3d
When your agent uses it
Device 3D Showcase (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
63 tokensAlways available to the agent
SKILL.md
263 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,134 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:mockup-device-3d` (Device 3D Showcase).
Brief: "$ARGUMENTS", or if empty: "Use the Device 3D Showcase template to turn my content into a static iPhone and MacBook 3D-style showcase with real HTML embedded on the screens. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:mockup-device-3d" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-poster-hero
When your agent uses it
Marketing Poster (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
238 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,101 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:poster-hero` (Marketing Poster).
Brief: "$ARGUMENTS", or if empty: "Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:poster-hero" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-resume-modern
When your agent uses it
Modern Resume (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
237 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,094 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:resume-modern` (Modern Resume).
Brief: "$ARGUMENTS", or if empty: "Use the Modern Resume template to turn my content into a modern minimal single-page A4 resume ready for print or PDF export. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:resume-modern" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-carousel
When your agent uses it
social-carousel (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
55 tokensAlways available to the agent
SKILL.md
231 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,020 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-carousel` (social-carousel).
Brief: "$ARGUMENTS", or if empty: "Design a 3-card cinematic social carousel — ‘onwards.’, ‘to the next one.’, ‘looking ahead.’. 1080×1080 squares, drop-into-Instagram ready."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-carousel" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-reddit-card
When your agent uses it
Reddit Post Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
250 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,146 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-reddit-card` (Reddit Post Card).
Brief: "$ARGUMENTS", or if empty: "Use the Reddit Post Card template to turn my content into a realistic Reddit post card with vote rail and comment count for a video overlay or story share. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-reddit-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-spotify-card
When your agent uses it
Spotify Now-Playing Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
260 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,202 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-spotify-card` (Spotify Now-Playing Card).
Brief: "$ARGUMENTS", or if empty: "Use the Spotify Now-Playing Card template to turn my content into a Spotify Now Playing-style card with album art, progress bar, and playback controls for a video overlay or personal homepage. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-spotify-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-x-post-card
When your agent uses it
X / Twitter Post Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
254 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,156 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-x-post-card` (X / Twitter Post Card).
Brief: "$ARGUMENTS", or if empty: "Use the X / Twitter Post Card template to turn my content into a realistic X post card with engagement metrics for a video overlay or shareable image card. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-x-post-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-youtube-thumbnail
When your agent uses it
YouTube Thumbnail (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
251 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,163 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-youtube-thumbnail` (YouTube Thumbnail).
Brief: "$ARGUMENTS", or if empty: "Use the YouTube Thumbnail template to design a thumbnail for my video. Make the promise of the video readable in under a second: one short hook line, one strong focal subject, high contrast. Use real content from my brief and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-youtube-thumbnail" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-data-chart-nyt
When your agent uses it
NYT-Style Data Chart Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
263 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,166 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-data-chart-nyt` (NYT-Style Data Chart Frame).
Brief: "$ARGUMENTS", or if empty: "Use the NYT-Style Data Chart Frame template to turn my content into a frame with NYT-newsroom typography, staggered reveal animation, and editorial-grade charts. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-data-chart-nyt" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-flowchart-sticky
When your agent uses it
Sticky Flowchart Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
255 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,166 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-flowchart-sticky` (Sticky Flowchart Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Sticky Flowchart Frame template to turn my content into a whiteboard-brainstorm frame with SVG curve connectors, sticky-note nodes, and cursor interaction. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-flowchart-sticky" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-glitch-title
When your agent uses it
Glitch Title Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
255 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,148 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-glitch-title` (Glitch Title Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Glitch Title Frame template to turn my content into a digital-glitch, chromatic-offset, data-corruption title frame for a video transition or cyberpunk hero. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-glitch-title" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-light-leak-cinema
When your agent uses it
Light-Leak Cinematic Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
266 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,188 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-light-leak-cinema` (Light-Leak Cinematic Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Light-Leak Cinematic Frame template to turn my content into a cinematic opening or chapter card with film light leaks, grain, letterbox framing, and large serif type. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-light-leak-cinema" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-liquid-bg-hero
When your agent uses it
Liquid Background Hero (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
254 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,169 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-liquid-bg-hero` (Liquid Background Hero).
Brief: "$ARGUMENTS", or if empty: "Use the Liquid Background Hero template to turn my content into a WebGL-style fluid displacement background with a quote overlay for a video intro, landing hero, or poster. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-liquid-bg-hero" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-logo-outro
When your agent uses it
Logo Outro Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
248 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,129 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-logo-outro` (Logo Outro Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Logo Outro Frame template to turn my content into a video outro or brand closing frame with segmented logo assembly, glow bloom, and tagline reveal. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-logo-outro" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-macos-notification
When your agent uses it
macOS Notification Banner (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
249 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,158 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-macos-notification` (macOS Notification Banner).
Brief: "$ARGUMENTS", or if empty: "Use the macOS Notification Banner template to turn my content into a realistic macOS notification banner for a video overlay or product teaser. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-macos-notification" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-vfx-text-cursor
When your agent uses it
VFX Text Cursor (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
253 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,117 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:vfx-text-cursor` (VFX Text Cursor).
Brief: "$ARGUMENTS", or if empty: "Use the VFX Text Cursor template to turn my content into a video-intro quote reveal with cursor light trails, chromatic rays, and directional flares. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:vfx-text-cursor" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-video-hyperframes
When your agent uses it
Hyperframes Video (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
243 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,122 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:video-hyperframes` (Hyperframes Video).
Brief: "$ARGUMENTS", or if empty: "Use the Hyperframes Video template to turn my content into a Hyperframes / Remotion-compatible continuous frame animation with autoplay support. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:video-hyperframes" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.open-design
When your agent uses it
Generate design artifacts (landing pages, decks, prototypes, dashboards, components) using Open Design's bundled design skills and design systems. Use whenever the user asks to design, build, mock up, or generate something visual — a landing page, pitch deck, dashboard, prototype, or marketing page — even if they don't say "Open Design" explicitly.
What it loads into context
Frontmatter
77 tokensAlways available to the agent
SKILL.md
10,361 tokensWhen the skill is activated
Reference documents
14,120 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Help
Files
SKILL.mdcore45,037 bytesSKILL.mdcore45,037 bytesSKILL.mdcore45,037 bytesreferences/remixable-examples.mddoc61,528 bytes
Read SKILL.md
Open Design is a bundled catalog of design skills and design templates (reusable task recipes and rendering styles — both usable interchangeably as a `skillId`) plus design systems (brand-inspired visual token sets), exposed through the `open-design` MCP server's tools.
Every skill/template id is namespaced as `od:<mode>:<name>` (e.g. `od:deck:guizang-ppt`), where `mode` is one of: `prototype`, `deck`, `design-system`, `image`, `video`, `template`, `utility`, `audio`. Always pass the full namespaced id as `skillId`. Note: mode `design-system` means "a skill that helps author a design-system deliverable" — it has nothing to do with `designSystemId`, which selects from the separate library of ~150 prebuilt brand design systems (see step 2).
A small, curated subset of skills/templates also has its own explicit `/open-design:<id>` skill — if the user's request closely matches one of those, prefer invoking it directly; it pins the exact skillId and often a ready-made example brief, removing any guesswork. Otherwise, follow the flow below yourself.
All Open Design content (skill/template text, design system tokens, example briefs) is delivered to you as plain text through the MCP tool calls below — never as a file path. You never need to, and should not, browse or search for Open Design's own files anywhere on disk; `list_open_design_skills` and `prepare_open_design_brief` already return everything you need as plain text.
<!-- voice:start -->
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.open-design-campaign
When your agent uses it
Turn one brief into a whole campaign — one master design exported to every channel size (social, link previews, banners, display ads), plus an optional landing page and email, in every language you need, checked and shown on one campaign sheet — use whenever the user wants a campaign, a launch kit, assets for several channels or sizes at once, ad banners in several sizes, or the same creative in several languages, even if they don't mention Open Design
What it loads into context
Frontmatter
141 tokensAlways available to the agent
SKILL.md
1,816 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Agree the copy deck
- 2. Build one fluid master
- 3. Pick channels
- 4. Check every shape
- 5. Other pieces (optional)
- 6. Export and show the sheet
Files
SKILL.mdcore7,358 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Build a campaign with Open Design: one message, one visual system, every channel.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What is the campaign for, which channels, and which languages?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-critique
When your agent uses it
Get a second opinion on an Open Design artifact from a design critic, judged from its latest check screenshots, the brief and the design system against a fixed rubric, with one verdict (ship, polish or rework) and at most five fixes — use before telling the user a design is done (the open-design skill's check step), and whenever the user asks for a second opinion, another opinion, a critique or a review of an Open Design artifact, or asks "is this good?"
What it loads into context
Frontmatter
133 tokensAlways available to the agent
SKILL.md
1,943 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the artifact
- 2. Gather what the critic sees
- 3. Get the critique
- 4. Act on the verdict
- 5. Record it
- 6. Tell the user
Files
SKILL.mdcore8,190 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Get a design critic's second opinion on one Open Design artifact.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which design should get a second opinion?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-deck-from-source
When your agent uses it
Turn a document (a report, spec, spreadsheet, PDF, existing deck, or repository files such as a CHANGELOG) into a deck or one-pager, storyline first, with every number traced back to the source — use whenever the user wants slides, a deck, a presentation or a one-pager made from an existing document, spreadsheet, PDF or deck, or from repository files (CHANGELOG, RFCs, architecture decision records, metrics CSVs), even if they don't mention Open Design
What it loads into context
Frontmatter
144 tokensAlways available to the agent
SKILL.md
1,188 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the sources
- 2. Pick the format
- 3. Prepare the brief with sources
- 4. Storyline first
- 5. Build and check
- 6. Hand it over
Files
SKILL.mdcore5,089 bytesSKILL.mdcore5,089 bytesSKILL.mdcore5,089 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Build a deck (or a one-pager) from existing documents with Open Design, storyline first, keeping every fact traceable to its source.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which document should the deck be built from, and for whom?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-design-system-from-url
When your agent uses it
Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by side with the site before saving — use whenever the user wants a design system, brand kit, theme or tokens taken from a website or URL ("make a design system from stripe.com", "match our site's look", "extract the brand from this page"), even if they don't mention Open Design
What it loads into context
Frontmatter
144 tokensAlways available to the agent
SKILL.md
1,813 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Ask only what's missing
- 2. Measure the site
- 3. Write both files from the draft
- 4. Review it side by side
- 5. Save
Scripts executed separately
../../../../scripts/claude-design-system.ts
Files
SKILL.mdcore7,566 bytes../../../../scripts/claude-design-system.tsruns6,288 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Make an Open Design design system from a website: measure the rendered site, write `DESIGN.md` and `tokens.css` from one set of measurements, and check the result against the site before saving it.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which website should the design system come from?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-docs
When your agent uses it
Turn a folder of Markdown documents (ADRs, RFCs, runbooks, notes) into designed HTML pages, one per file, all in one style, and keep them in step when the Markdown changes — use whenever the user wants several Markdown files (a docs folder, ADRs, RFCs, runbooks, meeting notes) turned into HTML pages, or wants HTML versions of existing docs refreshed after edits
What it loads into context
Frontmatter
118 tokensAlways available to the agent
SKILL.md
1,182 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the files
- 2. Pick one template for the set
- 3. On a re-run, only redo what changed
- 4. Build each page
- 5. Report
Files
SKILL.mdcore4,824 bytesSKILL.mdcore4,824 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Turn existing Markdown documents into designed HTML pages with Open Design, one page per file.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which Markdown files should become pages, and in what style?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-explore
When your agent uses it
Explore 2–4 deliberately different design directions for one brief, compare them side by side, then build out the one you pick — use whenever the user explicitly asks for several options, directions, alternatives or versions of a design to compare ("show me three directions for…", "a few different takes on…"), even if they don't mention Open Design; not for a single, ordinary design request
What it loads into context
Frontmatter
119 tokensAlways available to the agent
SKILL.md
1,465 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Plan the directions
- 2. Generate each direction
- 3. Compare
- 4. Present
- 5. Take the choice forward
Files
SKILL.mdcore6,308 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Explore several deliberately different design directions with Open Design, compare them side by side, and take the chosen one forward.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What should we explore directions for?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-integrations
When your agent uses it
Show which services Open Design can use directly (Canva, Figma, Notion, Google Drive, Slack, social posting), whether each is connected, and how to set one up — use whenever the user asks which integrations, connectors or services Open Design can use, what's connected, or how to connect Canva, Figma, Notion, Google Drive, Slack or a social posting service
What it loads into context
Frontmatter
110 tokensAlways available to the agent
SKILL.md
1,091 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Get the list
- 2. Work out each status
- 3. Reply
- 4. Setting one up (only when asked)
Files
SKILL.mdcore4,488 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Show the user Open Design's integrations and whether each one is connected here.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Anything you'd like to connect? (or leave empty to just see the list)")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-new
When your agent uses it
Start a new design by picking what to make (prototype, mobile app, slides, document, wireframe, animation, résumé, research, data report, poster, social post, diagram), then build it with the right recipe
What it loads into context
Frontmatter
83 tokensAlways available to the agent
SKILL.md
1,828 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the surface
- 2. Ask what's missing
- 3. Build it
Files
SKILL.mdcore7,765 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Start a new design with Open Design.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What do you want to make, and what is it for?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-poster
When your agent uses it
Design a poster or flyer for print or screen, check it, and export print-ready PDFs or upload-ready images, including other sizes and one version per row of a spreadsheet — use whenever the user wants a poster, flyer, event or gig poster, print piece, handout, certificate or name card set, or wants an existing design in other sizes or as a print-ready PDF, even if they don't mention Open Design
What it loads into context
Frontmatter
131 tokensAlways available to the agent
SKILL.md
2,156 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the medium and a default shape
- 2. Generate
- 3. Add a QR code, if it needs one
- 4. Register
- 5. Check and fix
- 6. Other shapes
- 7. Export
- 8. Report
Files
SKILL.mdcore8,748 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Design a poster with Open Design, check it, and export files that are ready to print or post.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What is the poster for, and is it for print (which size) or screens?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-preview
When your agent uses it
Open an Open Design artifact in a live browser preview, where you can see it update as it changes, click elements to comment on them, and compare check screenshots before and after — use whenever the user asks to see, show, preview or open an Open Design artifact, or wants to comment on one visually
What it loads into context
Frontmatter
98 tokensAlways available to the agent
SKILL.md
891 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,811 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Show an Open Design artifact in the browser preview.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which design should the preview show?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-publish
When your agent uses it
Share an Open Design artifact as a live link (a temporary no-account link, or your own Netlify, Vercel, Cloudflare Pages or GitHub Pages), or as one self-contained HTML file — use whenever the user wants to share, publish, deploy or host an Open Design artifact, or get a link to send to teammates or stakeholders; also when they want a single HTML file to attach or send
What it loads into context
Frontmatter
118 tokensAlways available to the agent
SKILL.md
1,284 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the artifact
- 2. A file, or a link?
- 3. Prepare the link
- 4. Follow the returned instructions exactly
- 5. Finish
Files
SKILL.mdcore5,452 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Share an Open Design artifact with people who don't have this project open.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which design should we share, and how?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-recurring
When your agent uses it
Set up a design that rebuilds itself on a schedule (a weekly report deck, next week's social posts, a refreshed one-pager), or run one such job — one job file, one supervised run, then a one-line prompt for the scheduler — use whenever the user wants a design made again every day, every week or every month, on a schedule, or as a recurring job, or when a prompt says "Run the Open Design job <path>", even if they don't mention Open Design
What it loads into context
Frontmatter
147 tokensAlways available to the agent
SKILL.md
1,898 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Run
- Set up
Files
SKILL.mdcore7,794 bytesSKILL.mdcore7,794 bytesSKILL.mdcore7,794 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Recurring Open Design jobs: one job file describes what to make each period, and a scheduler runs it.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What should be rebuilt, from which sources, and how often?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-social-post
When your agent uses it
Design a social media post (X, Instagram, LinkedIn, Xiaohongshu, Stories/Reels, YouTube thumbnail or video) and export upload-ready files — use whenever the user wants something to post on social media (an X/Twitter image, Instagram or LinkedIn post or carousel, Xiaohongshu cards, a Story/Reels cover, a YouTube thumbnail or video), even if they don't mention Open Design
What it loads into context
Frontmatter
121 tokensAlways available to the agent
SKILL.md
1,606 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the platform and format
- 2. Generate
- 3. Register
- 4. Export
- 5. Report
Files
SKILL.mdcore6,401 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Design a social media post with Open Design and export files that are ready to upload.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What should the post say, and for which platform?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |od-deck-deck-guizang-editorial
When your agent uses it
Guizang Editorial E-Ink Deck (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
66 tokensAlways available to the agent
SKILL.md
270 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,159 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:deck-guizang-editorial` (Guizang Editorial E-Ink Deck).
Brief: "$ARGUMENTS", or if empty: "Use the Guizang Editorial E-Ink Deck template to turn my content into an editorial magazine x e-ink horizontal deck with 10 layouts and 5 palettes. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-guizang-editorial" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-deck-open-slide-canvas
When your agent uses it
Open-Slide 1920 Canvas Deck (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
65 tokensAlways available to the agent
SKILL.md
267 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,154 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:deck-open-slide-canvas` (Open-Slide 1920 Canvas Deck).
Brief: "$ARGUMENTS", or if empty: "Use the Open-Slide 1920 Canvas Deck template to turn my content into a locked 1920x1080 free-composition deck with React component-level layout. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-open-slide-canvas" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-deck-swiss-international
When your agent uses it
Swiss International Deck (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
250 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,146 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:deck-swiss-international` (Swiss International Deck).
Brief: "$ARGUMENTS", or if empty: "Use the Swiss International Deck template to turn my content into a 16-column-grid deck with one saturated accent and 22 locked layouts. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-swiss-international" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-guizang-ppt
When your agent uses it
Write a Brand-to-Revenue Story like a Growth Strategy Lead (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
68 tokensAlways available to the agent
SKILL.md
319 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,412 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:guizang-ppt` (Write a Brand-to-Revenue Story like a Growth Strategy Lead).
Brief: "$ARGUMENTS", or if empty: "Create \"Write a Brand-to-Revenue Story like a Growth Strategy Lead\" as a Marketing and GTM deck in the Guizang Ppt visual system. Scene: annual-marketing-plan. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce a commercial-grade slide plan, written slides, visual direction, speaker-ready structure, and critic pass against this rubric: can the plan connect creative choices to measurable growth."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:guizang-ppt" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-deck-ppt-keynote
When your agent uses it
Keynote-style Slides (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
247 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,114 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:deck:ppt-keynote` (Keynote-style Slides).
Brief: "$ARGUMENTS", or if empty: "Use the Keynote-style Slides template to turn my content into Apple Keynote-quality slides with one card per screen and keyboard left/right navigation. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:ppt-keynote" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-article-magazine
When your agent uses it
Magazine Article (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
241 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,099 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:article-magazine` (Magazine Article).
Brief: "$ARGUMENTS", or if empty: "Use the Magazine Article template to turn my content into a Huashu / huashu-md-html-inspired long-form HTML essay. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:article-magazine" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-card-twitter
When your agent uses it
Twitter Share Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
237 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,095 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:card-twitter` (Twitter Share Card).
Brief: "$ARGUMENTS", or if empty: "Use the Twitter Share Card template to turn my content into a Twitter quote or data card designed to pair with a post. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:card-twitter" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-card-xiaohongshu
When your agent uses it
Xiaohongshu Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
255 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,097 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:card-xiaohongshu` (Xiaohongshu Card).
Brief: "$ARGUMENTS", or if empty: "Use the Xiaohongshu Card template to turn my content into a Xiaohongshu-style swipeable knowledge-card carousel. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:card-xiaohongshu" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-data-report
When your agent uses it
Data Visualization Report (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
234 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,102 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:data-report` (Data Visualization Report).
Brief: "$ARGUMENTS", or if empty: "Use the Data Visualization Report template to turn my CSV, Excel, or JSON data into a polished visual report page. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:data-report" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-doc-kami-parchment
When your agent uses it
Kami Parchment Document (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
262 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,179 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:doc-kami-parchment` (Kami Parchment Document).
Brief: "$ARGUMENTS", or if empty: "Use the Kami Parchment Document template to turn my content into a warm parchment document with monochrome ink-blue accents, one serif family, and editorial-grade typography. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:doc-kami-parchment" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-mockup-device-3d
When your agent uses it
Device 3D Showcase (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
63 tokensAlways available to the agent
SKILL.md
263 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,134 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:mockup-device-3d` (Device 3D Showcase).
Brief: "$ARGUMENTS", or if empty: "Use the Device 3D Showcase template to turn my content into a static iPhone and MacBook 3D-style showcase with real HTML embedded on the screens. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:mockup-device-3d" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-poster-hero
When your agent uses it
Marketing Poster (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
238 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,101 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:poster-hero` (Marketing Poster).
Brief: "$ARGUMENTS", or if empty: "Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:poster-hero" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-resume-modern
When your agent uses it
Modern Resume (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
237 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,094 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:resume-modern` (Modern Resume).
Brief: "$ARGUMENTS", or if empty: "Use the Modern Resume template to turn my content into a modern minimal single-page A4 resume ready for print or PDF export. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:resume-modern" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-carousel
When your agent uses it
social-carousel (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
55 tokensAlways available to the agent
SKILL.md
231 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,020 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-carousel` (social-carousel).
Brief: "$ARGUMENTS", or if empty: "Design a 3-card cinematic social carousel — ‘onwards.’, ‘to the next one.’, ‘looking ahead.’. 1080×1080 squares, drop-into-Instagram ready."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-carousel" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-reddit-card
When your agent uses it
Reddit Post Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
250 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,146 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-reddit-card` (Reddit Post Card).
Brief: "$ARGUMENTS", or if empty: "Use the Reddit Post Card template to turn my content into a realistic Reddit post card with vote rail and comment count for a video overlay or story share. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-reddit-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-spotify-card
When your agent uses it
Spotify Now-Playing Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
260 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,202 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-spotify-card` (Spotify Now-Playing Card).
Brief: "$ARGUMENTS", or if empty: "Use the Spotify Now-Playing Card template to turn my content into a Spotify Now Playing-style card with album art, progress bar, and playback controls for a video overlay or personal homepage. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-spotify-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-x-post-card
When your agent uses it
X / Twitter Post Card (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
254 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,156 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-x-post-card` (X / Twitter Post Card).
Brief: "$ARGUMENTS", or if empty: "Use the X / Twitter Post Card template to turn my content into a realistic X post card with engagement metrics for a video overlay or shareable image card. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-x-post-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-prototype-social-youtube-thumbnail
When your agent uses it
YouTube Thumbnail (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
251 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,163 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:prototype:social-youtube-thumbnail` (YouTube Thumbnail).
Brief: "$ARGUMENTS", or if empty: "Use the YouTube Thumbnail template to design a thumbnail for my video. Make the promise of the video readable in under a second: one short hook line, one strong focal subject, high contrast. Use real content from my brief and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-youtube-thumbnail" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-data-chart-nyt
When your agent uses it
NYT-Style Data Chart Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
263 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,166 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-data-chart-nyt` (NYT-Style Data Chart Frame).
Brief: "$ARGUMENTS", or if empty: "Use the NYT-Style Data Chart Frame template to turn my content into a frame with NYT-newsroom typography, staggered reveal animation, and editorial-grade charts. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-data-chart-nyt" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-flowchart-sticky
When your agent uses it
Sticky Flowchart Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
255 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,166 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-flowchart-sticky` (Sticky Flowchart Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Sticky Flowchart Frame template to turn my content into a whiteboard-brainstorm frame with SVG curve connectors, sticky-note nodes, and cursor interaction. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-flowchart-sticky" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-glitch-title
When your agent uses it
Glitch Title Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
255 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,148 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-glitch-title` (Glitch Title Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Glitch Title Frame template to turn my content into a digital-glitch, chromatic-offset, data-corruption title frame for a video transition or cyberpunk hero. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-glitch-title" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-light-leak-cinema
When your agent uses it
Light-Leak Cinematic Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
62 tokensAlways available to the agent
SKILL.md
266 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,188 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-light-leak-cinema` (Light-Leak Cinematic Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Light-Leak Cinematic Frame template to turn my content into a cinematic opening or chapter card with film light leaks, grain, letterbox framing, and large serif type. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-light-leak-cinema" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-liquid-bg-hero
When your agent uses it
Liquid Background Hero (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
254 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,169 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-liquid-bg-hero` (Liquid Background Hero).
Brief: "$ARGUMENTS", or if empty: "Use the Liquid Background Hero template to turn my content into a WebGL-style fluid displacement background with a quote overlay for a video intro, landing hero, or poster. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-liquid-bg-hero" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-logo-outro
When your agent uses it
Logo Outro Frame (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
248 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,129 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-logo-outro` (Logo Outro Frame).
Brief: "$ARGUMENTS", or if empty: "Use the Logo Outro Frame template to turn my content into a video outro or brand closing frame with segmented logo assembly, glow bloom, and tagline reveal. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-logo-outro" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-frame-macos-notification
When your agent uses it
macOS Notification Banner (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
249 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,158 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:frame-macos-notification` (macOS Notification Banner).
Brief: "$ARGUMENTS", or if empty: "Use the macOS Notification Banner template to turn my content into a realistic macOS notification banner for a video overlay or product teaser. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-macos-notification" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-vfx-text-cursor
When your agent uses it
VFX Text Cursor (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
59 tokensAlways available to the agent
SKILL.md
253 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,117 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:vfx-text-cursor` (VFX Text Cursor).
Brief: "$ARGUMENTS", or if empty: "Use the VFX Text Cursor template to turn my content into a video-intro quote reveal with cursor light trails, chromatic rays, and directional flares. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:vfx-text-cursor" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.od-video-video-hyperframes
When your agent uses it
Hyperframes Video (Open Design) — use only when the user explicitly runs this skill
What it loads into context
Frontmatter
57 tokensAlways available to the agent
SKILL.md
243 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,122 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Use the Open Design skill `od:video:video-hyperframes` (Hyperframes Video).
Brief: "$ARGUMENTS", or if empty: "Use the Hyperframes Video template to turn my content into a Hyperframes / Remotion-compatible continuous frame animation with autoplay support. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:video-hyperframes" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.open-design
When your agent uses it
Generate design artifacts (landing pages, decks, prototypes, dashboards, components) using Open Design's bundled design skills and design systems. Use whenever the user asks to design, build, mock up, or generate something visual — a landing page, pitch deck, dashboard, prototype, or marketing page — even if they don't say "Open Design" explicitly.
What it loads into context
Frontmatter
77 tokensAlways available to the agent
SKILL.md
10,361 tokensWhen the skill is activated
Reference documents
14,120 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Help
Files
SKILL.mdcore45,037 bytesSKILL.mdcore45,037 bytesSKILL.mdcore45,037 bytesreferences/remixable-examples.mddoc61,528 bytes
Read SKILL.md
Open Design is a bundled catalog of design skills and design templates (reusable task recipes and rendering styles — both usable interchangeably as a `skillId`) plus design systems (brand-inspired visual token sets), exposed through the `open-design` MCP server's tools.
Every skill/template id is namespaced as `od:<mode>:<name>` (e.g. `od:deck:guizang-ppt`), where `mode` is one of: `prototype`, `deck`, `design-system`, `image`, `video`, `template`, `utility`, `audio`. Always pass the full namespaced id as `skillId`. Note: mode `design-system` means "a skill that helps author a design-system deliverable" — it has nothing to do with `designSystemId`, which selects from the separate library of ~150 prebuilt brand design systems (see step 2).
A small, curated subset of skills/templates also has its own explicit `/open-design:<id>` skill — if the user's request closely matches one of those, prefer invoking it directly; it pins the exact skillId and often a ready-made example brief, removing any guesswork. Otherwise, follow the flow below yourself.
All Open Design content (skill/template text, design system tokens, example briefs) is delivered to you as plain text through the MCP tool calls below — never as a file path. You never need to, and should not, browse or search for Open Design's own files anywhere on disk; `list_open_design_skills` and `prepare_open_design_brief` already return everything you need as plain text.
<!-- voice:start -->
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.open-design-campaign
When your agent uses it
Turn one brief into a whole campaign — one master design exported to every channel size (social, link previews, banners, display ads), plus an optional landing page and email, in every language you need, checked and shown on one campaign sheet — use whenever the user wants a campaign, a launch kit, assets for several channels or sizes at once, ad banners in several sizes, or the same creative in several languages, even if they don't mention Open Design
What it loads into context
Frontmatter
141 tokensAlways available to the agent
SKILL.md
1,816 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Agree the copy deck
- 2. Build one fluid master
- 3. Pick channels
- 4. Check every shape
- 5. Other pieces (optional)
- 6. Export and show the sheet
Files
SKILL.mdcore7,358 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Build a campaign with Open Design: one message, one visual system, every channel.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What is the campaign for, which channels, and which languages?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-critique
When your agent uses it
Get a second opinion on an Open Design artifact from a design critic, judged from its latest check screenshots, the brief and the design system against a fixed rubric, with one verdict (ship, polish or rework) and at most five fixes — use before telling the user a design is done (the open-design skill's check step), and whenever the user asks for a second opinion, another opinion, a critique or a review of an Open Design artifact, or asks "is this good?"
What it loads into context
Frontmatter
133 tokensAlways available to the agent
SKILL.md
1,943 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the artifact
- 2. Gather what the critic sees
- 3. Get the critique
- 4. Act on the verdict
- 5. Record it
- 6. Tell the user
Files
SKILL.mdcore8,190 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Get a design critic's second opinion on one Open Design artifact.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which design should get a second opinion?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-deck-from-source
When your agent uses it
Turn a document (a report, spec, spreadsheet, PDF, existing deck, or repository files such as a CHANGELOG) into a deck or one-pager, storyline first, with every number traced back to the source — use whenever the user wants slides, a deck, a presentation or a one-pager made from an existing document, spreadsheet, PDF or deck, or from repository files (CHANGELOG, RFCs, architecture decision records, metrics CSVs), even if they don't mention Open Design
What it loads into context
Frontmatter
144 tokensAlways available to the agent
SKILL.md
1,188 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the sources
- 2. Pick the format
- 3. Prepare the brief with sources
- 4. Storyline first
- 5. Build and check
- 6. Hand it over
Files
SKILL.mdcore5,089 bytesSKILL.mdcore5,089 bytesSKILL.mdcore5,089 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Build a deck (or a one-pager) from existing documents with Open Design, storyline first, keeping every fact traceable to its source.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which document should the deck be built from, and for whom?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-design-system-from-url
When your agent uses it
Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by side with the site before saving — use whenever the user wants a design system, brand kit, theme or tokens taken from a website or URL ("make a design system from stripe.com", "match our site's look", "extract the brand from this page"), even if they don't mention Open Design
What it loads into context
Frontmatter
144 tokensAlways available to the agent
SKILL.md
1,813 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Ask only what's missing
- 2. Measure the site
- 3. Write both files from the draft
- 4. Review it side by side
- 5. Save
Scripts executed separately
../../../../../scripts/claude-design-system.ts
Files
SKILL.mdcore7,566 bytes../../../../../scripts/claude-design-system.tsruns6,288 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Make an Open Design design system from a website: measure the rendered site, write `DESIGN.md` and `tokens.css` from one set of measurements, and check the result against the site before saving it.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which website should the design system come from?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-docs
When your agent uses it
Turn a folder of Markdown documents (ADRs, RFCs, runbooks, notes) into designed HTML pages, one per file, all in one style, and keep them in step when the Markdown changes — use whenever the user wants several Markdown files (a docs folder, ADRs, RFCs, runbooks, meeting notes) turned into HTML pages, or wants HTML versions of existing docs refreshed after edits
What it loads into context
Frontmatter
118 tokensAlways available to the agent
SKILL.md
1,182 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the files
- 2. Pick one template for the set
- 3. On a re-run, only redo what changed
- 4. Build each page
- 5. Report
Files
SKILL.mdcore4,824 bytesSKILL.mdcore4,824 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Turn existing Markdown documents into designed HTML pages with Open Design, one page per file.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which Markdown files should become pages, and in what style?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-explore
When your agent uses it
Explore 2–4 deliberately different design directions for one brief, compare them side by side, then build out the one you pick — use whenever the user explicitly asks for several options, directions, alternatives or versions of a design to compare ("show me three directions for…", "a few different takes on…"), even if they don't mention Open Design; not for a single, ordinary design request
What it loads into context
Frontmatter
119 tokensAlways available to the agent
SKILL.md
1,465 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Plan the directions
- 2. Generate each direction
- 3. Compare
- 4. Present
- 5. Take the choice forward
Files
SKILL.mdcore6,308 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Explore several deliberately different design directions with Open Design, compare them side by side, and take the chosen one forward.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What should we explore directions for?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-integrations
When your agent uses it
Show which services Open Design can use directly (Canva, Figma, Notion, Google Drive, Slack, social posting), whether each is connected, and how to set one up — use whenever the user asks which integrations, connectors or services Open Design can use, what's connected, or how to connect Canva, Figma, Notion, Google Drive, Slack or a social posting service
What it loads into context
Frontmatter
110 tokensAlways available to the agent
SKILL.md
1,091 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Get the list
- 2. Work out each status
- 3. Reply
- 4. Setting one up (only when asked)
Files
SKILL.mdcore4,488 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Show the user Open Design's integrations and whether each one is connected here.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Anything you'd like to connect? (or leave empty to just see the list)")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-new
When your agent uses it
Start a new design by picking what to make (prototype, mobile app, slides, document, wireframe, animation, résumé, research, data report, poster, social post, diagram), then build it with the right recipe
What it loads into context
Frontmatter
83 tokensAlways available to the agent
SKILL.md
1,828 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the surface
- 2. Ask what's missing
- 3. Build it
Files
SKILL.mdcore7,765 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Start a new design with Open Design.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What do you want to make, and what is it for?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-poster
When your agent uses it
Design a poster or flyer for print or screen, check it, and export print-ready PDFs or upload-ready images, including other sizes and one version per row of a spreadsheet — use whenever the user wants a poster, flyer, event or gig poster, print piece, handout, certificate or name card set, or wants an existing design in other sizes or as a print-ready PDF, even if they don't mention Open Design
What it loads into context
Frontmatter
131 tokensAlways available to the agent
SKILL.md
2,156 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the medium and a default shape
- 2. Generate
- 3. Add a QR code, if it needs one
- 4. Register
- 5. Check and fix
- 6. Other shapes
- 7. Export
- 8. Report
Files
SKILL.mdcore8,748 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Design a poster with Open Design, check it, and export files that are ready to print or post.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What is the poster for, and is it for print (which size) or screens?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-preview
When your agent uses it
Open an Open Design artifact in a live browser preview, where you can see it update as it changes, click elements to comment on them, and compare check screenshots before and after — use whenever the user asks to see, show, preview or open an Open Design artifact, or wants to comment on one visually
What it loads into context
Frontmatter
98 tokensAlways available to the agent
SKILL.md
891 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,811 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Show an Open Design artifact in the browser preview.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which design should the preview show?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-publish
When your agent uses it
Share an Open Design artifact as a live link (a temporary no-account link, or your own Netlify, Vercel, Cloudflare Pages or GitHub Pages), or as one self-contained HTML file — use whenever the user wants to share, publish, deploy or host an Open Design artifact, or get a link to send to teammates or stakeholders; also when they want a single HTML file to attach or send
What it loads into context
Frontmatter
118 tokensAlways available to the agent
SKILL.md
1,284 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the artifact
- 2. A file, or a link?
- 3. Prepare the link
- 4. Follow the returned instructions exactly
- 5. Finish
Files
SKILL.mdcore5,452 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Share an Open Design artifact with people who don't have this project open.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "Which design should we share, and how?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-recurring
When your agent uses it
Set up a design that rebuilds itself on a schedule (a weekly report deck, next week's social posts, a refreshed one-pager), or run one such job — one job file, one supervised run, then a one-line prompt for the scheduler — use whenever the user wants a design made again every day, every week or every month, on a schedule, or as a recurring job, or when a prompt says "Run the Open Design job <path>", even if they don't mention Open Design
What it loads into context
Frontmatter
147 tokensAlways available to the agent
SKILL.md
1,898 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Run
- Set up
Files
SKILL.mdcore7,794 bytesSKILL.mdcore7,794 bytesSKILL.mdcore7,794 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Recurring Open Design jobs: one job file describes what to make each period, and a scheduler runs it.
Request: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What should be rebuilt, from which sources, and how often?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-social-post
When your agent uses it
Design a social media post (X, Instagram, LinkedIn, Xiaohongshu, Stories/Reels, YouTube thumbnail or video) and export upload-ready files — use whenever the user wants something to post on social media (an X/Twitter image, Instagram or LinkedIn post or carousel, Xiaohongshu cards, a Story/Reels cover, a YouTube thumbnail or video), even if they don't mention Open Design
What it loads into context
Frontmatter
121 tokensAlways available to the agent
SKILL.md
1,606 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the platform and format
- 2. Generate
- 3. Register
- 4. Export
- 5. Report
Files
SKILL.mdcore6,401 bytes
Read SKILL.md
<!-- generated:curated-entry -->
Design a social media post with Open Design and export files that are ready to upload.
Brief: "$ARGUMENTS" — or, if that is empty, the user's request in this conversation (if it isn't clear, ask the user: "What should the post say, and for which platform?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |article-magazine
When your agent uses it
Magazine Article (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
26 tokensAlways available to the agent
SKILL.md
221 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,041 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:article-magazine` (Magazine Article).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Magazine Article template to turn my content into a Huashu / huashu-md-html-inspired long-form HTML essay. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:article-magazine" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.card-twitter
When your agent uses it
Twitter Share Card (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
26 tokensAlways available to the agent
SKILL.md
218 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,037 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:card-twitter` (Twitter Share Card).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Twitter Share Card template to turn my content into a Twitter quote or data card designed to pair with a post. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:card-twitter" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.card-xiaohongshu
When your agent uses it
Xiaohongshu Card (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
32 tokensAlways available to the agent
SKILL.md
236 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,039 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:card-xiaohongshu` (Xiaohongshu Card).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Xiaohongshu Card template to turn my content into a Xiaohongshu-style swipeable knowledge-card carousel. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:card-xiaohongshu" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.data-report
When your agent uses it
Data Visualization Report (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
26 tokensAlways available to the agent
SKILL.md
215 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,044 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:data-report` (Data Visualization Report).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Data Visualization Report template to turn my CSV, Excel, or JSON data into a polished visual report page. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:data-report" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.deck-guizang-editorial
When your agent uses it
Guizang Editorial E-Ink Deck (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
35 tokensAlways available to the agent
SKILL.md
250 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,106 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:deck:deck-guizang-editorial` (Guizang Editorial E-Ink Deck).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Guizang Editorial E-Ink Deck template to turn my content into an editorial magazine x e-ink horizontal deck with 10 layouts and 5 palettes. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-guizang-editorial" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.deck-open-slide-canvas
When your agent uses it
Open-Slide 1920 Canvas Deck (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
34 tokensAlways available to the agent
SKILL.md
247 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,101 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:deck:deck-open-slide-canvas` (Open-Slide 1920 Canvas Deck).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Open-Slide 1920 Canvas Deck template to turn my content into a locked 1920x1080 free-composition deck with React component-level layout. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-open-slide-canvas" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.deck-swiss-international
When your agent uses it
Swiss International Deck (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
29 tokensAlways available to the agent
SKILL.md
230 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,093 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:deck:deck-swiss-international` (Swiss International Deck).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Swiss International Deck template to turn my content into a 16-column-grid deck with one saturated accent and 22 locked layouts. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:deck-swiss-international" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.doc-kami-parchment
When your agent uses it
Kami Parchment Document (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
32 tokensAlways available to the agent
SKILL.md
243 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,121 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:doc-kami-parchment` (Kami Parchment Document).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Kami Parchment Document template to turn my content into a warm parchment document with monochrome ink-blue accents, one serif family, and editorial-grade typography. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:doc-kami-parchment" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.frame-data-chart-nyt
When your agent uses it
NYT-Style Data Chart Frame (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
33 tokensAlways available to the agent
SKILL.md
245 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,112 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:frame-data-chart-nyt` (NYT-Style Data Chart Frame).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the NYT-Style Data Chart Frame template to turn my content into a frame with NYT-newsroom typography, staggered reveal animation, and editorial-grade charts. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-data-chart-nyt" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.frame-flowchart-sticky
When your agent uses it
Sticky Flowchart Frame (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
30 tokensAlways available to the agent
SKILL.md
237 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,112 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:frame-flowchart-sticky` (Sticky Flowchart Frame).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Sticky Flowchart Frame template to turn my content into a whiteboard-brainstorm frame with SVG curve connectors, sticky-note nodes, and cursor interaction. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-flowchart-sticky" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.frame-glitch-title
When your agent uses it
Glitch Title Frame (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
29 tokensAlways available to the agent
SKILL.md
237 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,094 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:frame-glitch-title` (Glitch Title Frame).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Glitch Title Frame template to turn my content into a digital-glitch, chromatic-offset, data-corruption title frame for a video transition or cyberpunk hero. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-glitch-title" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.frame-light-leak-cinema
When your agent uses it
Light-Leak Cinematic Frame (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
33 tokensAlways available to the agent
SKILL.md
248 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,134 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:frame-light-leak-cinema` (Light-Leak Cinematic Frame).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Light-Leak Cinematic Frame template to turn my content into a cinematic opening or chapter card with film light leaks, grain, letterbox framing, and large serif type. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-light-leak-cinema" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.frame-liquid-bg-hero
When your agent uses it
Liquid Background Hero (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
29 tokensAlways available to the agent
SKILL.md
236 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,115 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:frame-liquid-bg-hero` (Liquid Background Hero).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Liquid Background Hero template to turn my content into a WebGL-style fluid displacement background with a quote overlay for a video intro, landing hero, or poster. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-liquid-bg-hero" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.frame-logo-outro
When your agent uses it
Logo Outro Frame (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
28 tokensAlways available to the agent
SKILL.md
230 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,075 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:frame-logo-outro` (Logo Outro Frame).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Logo Outro Frame template to turn my content into a video outro or brand closing frame with segmented logo assembly, glow bloom, and tagline reveal. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-logo-outro" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.frame-macos-notification
When your agent uses it
macOS Notification Banner (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
30 tokensAlways available to the agent
SKILL.md
231 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,104 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:frame-macos-notification` (macOS Notification Banner).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the macOS Notification Banner template to turn my content into a realistic macOS notification banner for a video overlay or product teaser. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:frame-macos-notification" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.guizang-ppt
When your agent uses it
Write a Brand-to-Revenue Story like a Growth Strategy Lead (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
38 tokensAlways available to the agent
SKILL.md
300 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,359 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:deck:guizang-ppt` (Write a Brand-to-Revenue Story like a Growth Strategy Lead).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Create \"Write a Brand-to-Revenue Story like a Growth Strategy Lead\" as a Marketing and GTM deck in the Guizang Ppt visual system. Scene: annual-marketing-plan. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce a commercial-grade slide plan, written slides, visual direction, speaker-ready structure, and critic pass against this rubric: can the plan connect creative choices to measurable growth."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:guizang-ppt" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.mockup-device-3d
When your agent uses it
Device 3D Showcase (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
32 tokensAlways available to the agent
SKILL.md
243 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,076 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:mockup-device-3d` (Device 3D Showcase).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Device 3D Showcase template to turn my content into a static iPhone and MacBook 3D-style showcase with real HTML embedded on the screens. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:mockup-device-3d" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.open-design
When your agent uses it
Generate design artifacts (landing pages, decks, prototypes, dashboards, components) using Open Design's bundled design skills and design systems. Use whenever the user asks to design, build, mock up, or generate something visual — a landing page, pitch deck, dashboard, prototype, or marketing page — even if they don't say "Open Design" explicitly.
What it loads into context
Frontmatter
77 tokensAlways available to the agent
SKILL.md
9,585 tokensWhen the skill is activated
Reference documents
14,120 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Help
Files
SKILL.mdcore41,535 bytesSKILL.mdcore41,535 bytesSKILL.mdcore41,535 bytesreferences/remixable-examples.mddoc61,528 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Open Design is a bundled catalog of design skills and design templates (reusable task recipes and rendering styles — both usable interchangeably as a `skillId`) plus design systems (brand-inspired visual token sets), exposed through the `open-design` MCP server's tools.
Every skill/template id is namespaced as `od:<mode>:<name>` (e.g. `od:deck:guizang-ppt`), where `mode` is one of: `prototype`, `deck`, `design-system`, `image`, `video`, `template`, `utility`, `audio`. Always pass the full namespaced id as `skillId`. Note: mode `design-system` means "a skill that helps author a design-system deliverable" — it has nothing to do with `designSystemId`, which selects from the separate library of ~150 prebuilt brand design systems (see step 2).
A small, curated subset of skills/templates also has its own explicit `/open-design:<id>` skill — if the user's request closely matches one of those, prefer invoking it directly; it pins the exact skillId and often a ready-made example brief, removing any guesswork. Otherwise, follow the flow below yourself.
All Open Design content (skill/template text, design system tokens, example briefs) is delivered to you as plain text through the MCP tool calls below — never as a file path. You never need to, and should not, browse or search for Open Design's own files anywhere on disk; `list_open_design_skills` and `prepare_open_design_brief` already return everything you need as plain text.
<!-- voice:start -->
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.open-design-campaign
When your agent uses it
Turn one brief into a whole campaign — one master design exported to every channel size (social, link previews, banners, display ads), plus an optional landing page and email, in every language you need, checked and shown on one campaign sheet — use whenever the user wants a campaign, a launch kit, assets for several channels or sizes at once, ad banners in several sizes, or the same creative in several languages, even if they don't mention Open Design
What it loads into context
Frontmatter
100 tokensAlways available to the agent
SKILL.md
1,550 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Agree the copy deck
- 2. Build one fluid master
- 3. Pick channels
- 4. Check every shape
- 5. Other pieces (optional)
- 6. Export and show the sheet
Files
SKILL.mdcore6,201 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Build a campaign with Open Design: one message, one visual system, every channel.
Brief: the rest of the user's message (if there is none, ask the user: "What is the campaign for, which channels, and which languages?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-critique
When your agent uses it
Get a second opinion on an Open Design artifact from a design critic, judged from its latest check screenshots, the brief and the design system against a fixed rubric, with one verdict (ship, polish or rework) and at most five fixes — use before telling the user a design is done (the open-design skill's check step), and whenever the user asks for a second opinion, another opinion, a critique or a review of an Open Design artifact, or asks "is this good?"
What it loads into context
Frontmatter
108 tokensAlways available to the agent
SKILL.md
1,905 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the artifact
- 2. Gather what the critic sees
- 3. Get the critique
- 4. Act on the verdict
- 5. Record it
- 6. Tell the user
Files
SKILL.mdcore8,046 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Get a design critic's second opinion on one Open Design artifact.
Request: the rest of the user's message (if there is none, ask the user: "Which design should get a second opinion?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-deck-from-source
When your agent uses it
Turn a document (a report, spec, spreadsheet, PDF, existing deck, or repository files such as a CHANGELOG) into a deck or one-pager, storyline first, with every number traced back to the source — use whenever the user wants slides, a deck, a presentation or a one-pager made from an existing document, spreadsheet, PDF or deck, or from repository files (CHANGELOG, RFCs, architecture decision records, metrics CSVs), even if they don't mention Open Design
What it loads into context
Frontmatter
111 tokensAlways available to the agent
SKILL.md
1,055 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the sources
- 2. Pick the format
- 3. Prepare the brief with sources
- 4. Storyline first
- 5. Build and check
- 6. Hand it over
Files
SKILL.mdcore4,527 bytesSKILL.mdcore4,527 bytesSKILL.mdcore4,527 bytesSKILL.mdcore4,527 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Build a deck (or a one-pager) from existing documents with Open Design, storyline first, keeping every fact traceable to its source.
Request: the rest of the user's message (if there is none, ask the user: "Which document should the deck be built from, and for whom?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-design-system-from-url
When your agent uses it
Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by side with the site before saving — use whenever the user wants a design system, brand kit, theme or tokens taken from a website or URL ("make a design system from stripe.com", "match our site's look", "extract the brand from this page"), even if they don't mention Open Design
What it loads into context
Frontmatter
107 tokensAlways available to the agent
SKILL.md
1,667 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Ask only what's missing
- 2. Measure the site
- 3. Write both files from the draft
- 4. Review it side by side
- 5. Save
Files
SKILL.mdcore6,946 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Make an Open Design design system from a website: measure the rendered site, write `DESIGN.md` and `tokens.css` from one set of measurements, and check the result against the site before saving it.
Request: the rest of the user's message (if there is none, ask the user: "Which website should the design system come from?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-docs
When your agent uses it
Turn a folder of Markdown documents (ADRs, RFCs, runbooks, notes) into designed HTML pages, one per file, all in one style, and keep them in step when the Markdown changes — use whenever the user wants several Markdown files (a docs folder, ADRs, RFCs, runbooks, meeting notes) turned into HTML pages, or wants HTML versions of existing docs refreshed after edits
What it loads into context
Frontmatter
91 tokensAlways available to the agent
SKILL.md
1,144 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the files
- 2. Pick one template for the set
- 3. On a re-run, only redo what changed
- 4. Build each page
- 5. Report
Files
SKILL.mdcore4,692 bytesSKILL.mdcore4,692 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Turn existing Markdown documents into designed HTML pages with Open Design, one page per file.
Request: the rest of the user's message (if there is none, ask the user: "Which Markdown files should become pages, and in what style?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-explore
When your agent uses it
Explore 2–4 deliberately different design directions for one brief, compare them side by side, then build out the one you pick — use whenever the user explicitly asks for several options, directions, alternatives or versions of a design to compare ("show me three directions for…", "a few different takes on…"), even if they don't mention Open Design; not for a single, ordinary design request
What it loads into context
Frontmatter
88 tokensAlways available to the agent
SKILL.md
1,146 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Plan the directions
- 2. Generate each direction
- 3. Compare
- 4. Present
- 5. Take the choice forward
Files
SKILL.mdcore4,960 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Explore several deliberately different design directions with Open Design, compare them side by side, and take the chosen one forward.
Brief: the rest of the user's message (if there is none, ask the user: "What should we explore directions for?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-integrations
When your agent uses it
Show which services Open Design can use directly (Canva, Figma, Notion, Google Drive, Slack, social posting), whether each is connected, and how to set one up — use whenever the user asks which integrations, connectors or services Open Design can use, what's connected, or how to connect Canva, Figma, Notion, Google Drive, Slack or a social posting service
What it loads into context
Frontmatter
87 tokensAlways available to the agent
SKILL.md
1,057 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Get the list
- 2. Work out each status
- 3. Reply
- 4. Setting one up (only when asked)
Files
SKILL.mdcore4,375 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Show the user Open Design's integrations and whether each one is connected here.
Request: the rest of the user's message (if there is none, ask the user: "Anything you'd like to connect? (or leave empty to just see the list)")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-new
When your agent uses it
Start a new design by picking what to make (prototype, mobile app, slides, document, wireframe, animation, résumé, research, data report, poster, social post, diagram), then build it with the right recipe
What it loads into context
Frontmatter
53 tokensAlways available to the agent
SKILL.md
1,306 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the surface
- 2. Ask what's missing
- 3. Build it
Files
SKILL.mdcore5,460 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Start a new design with Open Design.
Request: the rest of the user's message (if there is none, ask the user: "What do you want to make, and what is it for?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-poster
When your agent uses it
Design a poster or flyer for print or screen, check it, and export print-ready PDFs or upload-ready images, including other sizes and one version per row of a spreadsheet — use whenever the user wants a poster, flyer, event or gig poster, print piece, handout, certificate or name card set, or wants an existing design in other sizes or as a print-ready PDF, even if they don't mention Open Design
What it loads into context
Frontmatter
93 tokensAlways available to the agent
SKILL.md
2,016 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the medium and a default shape
- 2. Generate
- 3. Add a QR code, if it needs one
- 4. Register
- 5. Check and fix
- 6. Other shapes
- 7. Export
- 8. Report
Files
SKILL.mdcore8,155 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Design a poster with Open Design, check it, and export files that are ready to print or post.
Brief: the rest of the user's message (if there is none, ask the user: "What is the poster for, and is it for print (which size) or screens?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-preview
When your agent uses it
Open an Open Design artifact in a live browser preview, where you can see it update as it changes, click elements to comment on them, and compare check screenshots before and after — use whenever the user asks to see, show, preview or open an Open Design artifact, or wants to comment on one visually
What it loads into context
Frontmatter
69 tokensAlways available to the agent
SKILL.md
703 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,021 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Show an Open Design artifact in the browser preview.
Request: the rest of the user's message (if there is none, ask the user: "Which design should the preview show?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-publish
When your agent uses it
Share an Open Design artifact as a live link (a temporary no-account link, or your own Netlify, Vercel, Cloudflare Pages or GitHub Pages), or as one self-contained HTML file — use whenever the user wants to share, publish, deploy or host an Open Design artifact, or get a link to send to teammates or stakeholders; also when they want a single HTML file to attach or send
What it loads into context
Frontmatter
92 tokensAlways available to the agent
SKILL.md
981 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Find the artifact
- 2. A file, or a link?
- 3. Prepare the link
- 4. Follow the returned instructions exactly
- 5. Finish
Files
SKILL.mdcore4,096 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Share an Open Design artifact with people who don't have this project open.
Request: the rest of the user's message (if there is none, ask the user: "Which design should we share, and how?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-recurring
When your agent uses it
Set up a design that rebuilds itself on a schedule (a weekly report deck, next week's social posts, a refreshed one-pager), or run one such job — one job file, one supervised run, then a one-line prompt for the scheduler — use whenever the user wants a design made again every day, every week or every month, on a schedule, or as a recurring job, or when a prompt says "Run the Open Design job <path>", even if they don't mention Open Design
What it loads into context
Frontmatter
109 tokensAlways available to the agent
SKILL.md
1,799 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Run
- Set up
Files
SKILL.mdcore7,411 bytesSKILL.mdcore7,411 bytesSKILL.mdcore7,411 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Recurring Open Design jobs: one job file describes what to make each period, and a scheduler runs it.
Request: the rest of the user's message (if there is none, ask the user: "What should be rebuilt, from which sources, and how often?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |open-design-social-post
When your agent uses it
Design a social media post (X, Instagram, LinkedIn, Xiaohongshu, Stories/Reels, YouTube thumbnail or video) and export upload-ready files — use whenever the user wants something to post on social media (an X/Twitter image, Instagram or LinkedIn post or carousel, Xiaohongshu cards, a Story/Reels cover, a YouTube thumbnail or video), even if they don't mention Open Design
What it loads into context
Frontmatter
95 tokensAlways available to the agent
SKILL.md
1,478 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Pick the platform and format
- 2. Generate
- 3. Register
- 4. Export
- 5. Report
Files
SKILL.mdcore5,843 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Design a social media post with Open Design and export files that are ready to upload.
Brief: the rest of the user's message (if there is none, ask the user: "What should the post say, and for which platform?")
**How to talk to the user.** Many people using Open Design don't write code, so:
- Use the user's own words. If they say "artifact", "design tokens" or give a file path, use those terms back; otherwise use the plain words below.
- Keep the machinery out of replies: no tool names, no ids like `od:prototype:poster-hero`, no internal files (`.artifact.json`, `.comments.json`, `config.json`), and not the words "register", "manifest", "sidecar", "entry" or "surface", unless the user used them first.
- Explain a print term the first time it comes up, in one short clause, and not again.
- Say where a file is the way the user would find it ("in your Open Design folder, under seed-swap-flyer"). Give a raw path only where the user can click it (Claude Code, Claude Desktop's Code tab, VS Code) or asks for it.
- End each reply that finishes a step with one line on what they can do next, with at most two options ("Want it in Instagram sizes too, or is it ready to print?").
| Instead of | Say |poster-hero
When your agent uses it
Marketing Poster (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
26 tokensAlways available to the agent
SKILL.md
218 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,043 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:poster-hero` (Marketing Poster).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:poster-hero" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.ppt-keynote
When your agent uses it
Keynote-style Slides (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
28 tokensAlways available to the agent
SKILL.md
227 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,061 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:deck:ppt-keynote` (Keynote-style Slides).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Keynote-style Slides template to turn my content into Apple Keynote-quality slides with one card per screen and keyboard left/right navigation. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:deck:ppt-keynote" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.resume-modern
When your agent uses it
Modern Resume (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
25 tokensAlways available to the agent
SKILL.md
217 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,036 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:resume-modern` (Modern Resume).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Modern Resume template to turn my content into a modern minimal single-page A4 resume ready for print or PDF export. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:resume-modern" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.social-carousel
When your agent uses it
social-carousel (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
25 tokensAlways available to the agent
SKILL.md
212 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore962 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:social-carousel` (social-carousel).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Design a 3-card cinematic social carousel — ‘onwards.’, ‘to the next one.’, ‘looking ahead.’. 1080×1080 squares, drop-into-Instagram ready."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-carousel" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.social-reddit-card
When your agent uses it
Reddit Post Card (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
28 tokensAlways available to the agent
SKILL.md
231 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,088 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:social-reddit-card` (Reddit Post Card).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Reddit Post Card template to turn my content into a realistic Reddit post card with vote rail and comment count for a video overlay or story share. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-reddit-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.social-spotify-card
When your agent uses it
Spotify Now-Playing Card (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
30 tokensAlways available to the agent
SKILL.md
241 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,144 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:social-spotify-card` (Spotify Now-Playing Card).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Spotify Now-Playing Card template to turn my content into a Spotify Now Playing-style card with album art, progress bar, and playback controls for a video overlay or personal homepage. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-spotify-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.social-x-post-card
When your agent uses it
X / Twitter Post Card (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
30 tokensAlways available to the agent
SKILL.md
235 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,098 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:social-x-post-card` (X / Twitter Post Card).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the X / Twitter Post Card template to turn my content into a realistic X post card with engagement metrics for a video overlay or shareable image card. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-x-post-card" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.social-youtube-thumbnail
When your agent uses it
YouTube Thumbnail (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
28 tokensAlways available to the agent
SKILL.md
232 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,105 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:prototype:social-youtube-thumbnail` (YouTube Thumbnail).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the YouTube Thumbnail template to design a thumbnail for my video. Make the promise of the video readable in under a second: one short hook line, one strong focal subject, high contrast. Use real content from my brief and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:social-youtube-thumbnail" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.vfx-text-cursor
When your agent uses it
VFX Text Cursor (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
30 tokensAlways available to the agent
SKILL.md
235 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,063 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:vfx-text-cursor` (VFX Text Cursor).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the VFX Text Cursor template to turn my content into a video-intro quote reveal with cursor light trails, chromatic rays, and directional flares. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:vfx-text-cursor" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.video-hyperframes
When your agent uses it
Hyperframes Video (Open Design) — use only when explicitly invoked, not for general design requests
What it loads into context
Frontmatter
28 tokensAlways available to the agent
SKILL.md
225 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,068 bytesagents/openai.yamlasset77 bytes
Read SKILL.md
<!-- generated:open-design-agent-kit -->
Use the Open Design skill `od:video:video-hyperframes` (Hyperframes Video).
Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Hyperframes Video template to turn my content into a Hyperframes / Remotion-compatible continuous frame animation with autoplay support. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:video:video-hyperframes" and this brief — call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.audio-jingle
When your agent uses it
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
What it loads into context
Frontmatter
237 tokensAlways available to the agent
SKILL.md
1,181 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules
Files
SKILL.mdcore4,436 bytesSKILL.mdcore4,436 bytes
Read SKILL.md
# Audio Jingle Skill
Three sub-modes. The active project's `audioKind` decides which one
runs:
| `audioKind` | Models we route to | Plan focus |
|---|---|---|
| `music` | Suno V5 (default), Udio, Lyria 2 | genre + tempo + instrumentation |
| `speech` | MiniMax TTS (default), Fish, ElevenLabs V3 | script + voice + pacing |
| `sfx` | ElevenLabs SFX (default), AudioCraft | texture + impact + duration |
## Resource map
```blog-post
When your agent uses it
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
What it loads into context
Frontmatter
188 tokensAlways available to the agent
SKILL.md
760 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,899 bytes
Read SKILL.md
# Blog Post Skill
Produce a single long-form article page — editorial layout, no chrome.
## Workflow
1. **Read the active DESIGN.md** (injected above). Lean into the typography
tokens — long-form is 70% type, 20% image, 10% chrome.
2. **Pick the topic** from the brief and write a real article — at least 600
words across 4–6 H2 sections. No lorem ipsum.
3. **Sections**, in order:
- **Masthead** — small wordmark + 4–6 nav links, plain.
- **Article header** — category eyebrow, headline (display token, large),
deck (1–2 sentence subhead), author name + role + date.clinical-case-report
When your agent uses it
Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
What it loads into context
Frontmatter
222 tokensAlways available to the agent
SKILL.md
2,030 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What you will produce
- Step-by-step workflow
Files
SKILL.mdcore8,855 bytes
Read SKILL.md
# Clinical Case Report Skill
Generate a structured medical case presentation for clinical rounds,
conferences, or documentation. The output follows standard medical
formatting conventions used in hospital settings worldwide.
## What you will produce
A single-page HTML case report (`index.html`). Content varies by format
(see `references/case-formats.md` — selected in Step 0):
**SOAP / Conference format:**
- **Patient identification** — age, sex, chief complaint
- **History of Present Illness (HPI)** — chronological narrative withcontact-widget
When your agent uses it
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.
What it loads into context
Frontmatter
365 tokensAlways available to the agent
SKILL.md
1,578 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What this skill produces
- Design direction
- Inputs
- Workflow
- Backend integration (optional, user-driven only)
Files
SKILL.mdcore6,346 bytes
Read SKILL.md
# Contact Widget
## What this skill produces
A single self-contained HTML file with a floating chat widget that includes:
1. **Chat bubble** — fixed bottom-right circular button, opens/closes the panel
2. **Welcome home screen** — agent avatar + name + online status + greeting message
3. **Message input** — text field with emoji/send icons (UI only; wire to your own backend)
4. **Social links** — row of circular icons (Telegram, WhatsApp, Instagram, Messenger, Discord, Slack — only the ones the user provides)
5. **Meeting card** — optional "Book a meeting" entry with calendar icon, links to user-provided URL (Calendly, Cal.com, Lark, etc.)
6. **Offline form** — fallback contact form (name, email, message) when `is_available=false`
7. **Mobile responsive** — full-width on small viewports
critique
When your agent uses it
Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outputs a single self-contained HTML report with a radar chart, evidence-backed scores, and three lists: Keep / Fix / Quick-wins. Use when the brief asks for a "design review", "design critique", "5 维度评审", "design audit", or "what's wrong with my design".
What it loads into context
Frontmatter
293 tokensAlways available to the agent
SKILL.md
2,506 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to use
- What you produce
- The 5 dimensions
- Scoring discipline (read before you score)
- Workflow
- Output contract
- Hard rules
Files
SKILL.mdcore9,684 bytes
Read SKILL.md
# Critique Skill · 5 维度专家评审
Produce a single-file HTML "design review report" that scores any
artifact across 5 dimensions and proposes actionable fixes. Inspired by
the *huashu-design* expert-critique flow.
## When to use
- After the agent (or user) generates an artifact (deck / prototype /
landing page) and the user asks "what's wrong with this?" or
"review this"
- As a self-check loop the agent can run on its own output **before**
emitting it
- For comparing two variants of the same designdashboard
When your agent uses it
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.
What it loads into context
Frontmatter
174 tokensAlways available to the agent
SKILL.md
712 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,771 bytes
Read SKILL.md
# Dashboard Skill
Produce a single-screen admin / analytics dashboard.
## Workflow
1. **Read the active DESIGN.md** (injected above). Colors, typography, spacing,
component styling all come from it. Do not invent new tokens.
2. **Classify** what the dashboard monitors (sales, traffic, usage, incidents,
ops, etc.) from the brief. Generate specific, plausible metric names and
values — no "Metric A / Metric B" placeholders.
3. **Lay out** the required regions:
- **Left sidebar** (220–260px): brand mark at top, 6–8 nav links with
icons, active state uses the DS accent.dating-web
When your agent uses it
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.
What it loads into context
Frontmatter
238 tokensAlways available to the agent
SKILL.md
981 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,905 bytes
Read SKILL.md
# Dating Web Skill
Produce a single-screen consumer dashboard that feels like a Sunday-paper
dating column rendered as software. Editorial type, single restrained
accent, lots of negative space, *no* swipe deck or hookup tropes.
## Workflow
1. **Read the active DESIGN.md** (injected above). Lean into a serif display
token for the metric numerals — these screens live or die on numerals.
2. **Pick a brand voice** — wry, observational, slightly literary. Generate
real, specific copy. Examples: "the people who'd text back within a day",
"manageable. two are now friends.", "your single greatest compatibility
asset."dcf-valuation
When your agent uses it
Discounted cash flow valuation and intrinsic value analysis for public companies. Use when the brief asks for DCF, fair value, intrinsic value, price target, undervalued or overvalued analysis, or "what is this company worth?"
What it loads into context
Frontmatter
168 tokensAlways available to the agent
SKILL.md
1,089 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Goal
- Data Rules
- Workflow
- Markdown Report Contract
- Attribution
Files
SKILL.mdcore4,709 bytesSKILL.mdcore4,709 bytesSKILL.mdcore4,709 bytesSKILL.mdcore4,709 bytes
Read SKILL.md
# DCF Valuation Skill
This skill is adapted from Dexter's DCF valuation workflow
(`https://github.com/virattt/dexter`). It is an OD-native skill contract only;
it does not assume Dexter tools, Financial Datasets, or any finance-specific OD
runtime exists.
## Goal
Create a reusable Markdown valuation report in Design Files at:
```text
finance/<safe-company-or-ticker>-dcf.md
```digital-eguide
When your agent uses it
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 "电子指南".
What it loads into context
Frontmatter
280 tokensAlways available to the agent
SKILL.md
972 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,708 bytes
Read SKILL.md
# Digital E-Guide Skill
Produce a two-page digital guide preview side-by-side. Cover on the inline-start,
inside spread on the inline-end. Lifestyle creator tone, lots of negative space,
serif display headings, careful column rhythm.
## Workflow
1. **Read the active DESIGN.md** (injected above). Pick a serif display
token for the title (italic ligatures encouraged), a body serif for
long-form, and a mono token for stats / labels.
2. **Pick the topic + author** from the brief. Generate a real title (e.g.
"The Creator's Style & Format Guide"), a real subtitle, and a one-line
author byline.docs-page
When your agent uses it
A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".
What it loads into context
Frontmatter
164 tokensAlways available to the agent
SKILL.md
779 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,015 bytes
Read SKILL.md
# Docs Page Skill
Produce a single, three-column documentation page in one HTML file.
## Workflow
1. **Read the active DESIGN.md** (injected above). Use the body type token for
prose; the mono token for code; respect line-height and max-width rules.
2. **Pick a topic** from the brief — the page should look like real docs, not
a generic wireframe. Concrete API names, command examples, plausible
parameters.
3. **Lay out** three regions, expressed on the inline axis so the
layout flips correctly under `dir="rtl"`:
- **Inline-start nav** (240–280px, sticky): grouped link list, currentemail-marketing
When your agent uses it
A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".
What it loads into context
Frontmatter
227 tokensAlways available to the agent
SKILL.md
899 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,488 bytes
Read SKILL.md
# Email Marketing Skill
Produce a single HTML email — centered, single column, no chrome around the
email body. Treat it like a marketing artifact: one big idea, one CTA.
## Workflow
1. **Read the active DESIGN.md** (injected above). Email leans on the display
font more than any other surface — pick the loudest type token in the DS
for the headline lockup.
2. **Pick the brand + product** from the brief. Generate a real wordmark, a
real product name, and one real benefit sentence — no placeholders.
3. **Layout**, in order, all centered inside a 600–680px column on a tinted
page background (so the email body looks like an email, not the page):eng-runbook
When your agent uses it
An engineering runbook — service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation, and an incident-response checklist. Use when the brief mentions "runbook", "ops doc", "on-call guide", "SRE doc", or "运维手册".
What it loads into context
Frontmatter
198 tokensAlways available to the agent
SKILL.md
382 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,540 bytes
Read SKILL.md
# Engineering Runbook Skill
Produce a single-page engineering runbook.
## Workflow
1. Read DESIGN.md.
2. Identify the service from the brief.
3. Layout:
- Header: service name, owner team, severity tier, version.
- Service summary paragraph + dependency list.
- Alerts table: alert name / severity / what it means / first response.
- Dashboards & links list.
- Common procedures block (3–4) with code blocks (deploy, rollback, rotate keys).finance-report
When your agent uses it
Quarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook paragraph. Use when the brief mentions "financial report", "Q3 report", "MRR review", "P&L", or "财报".
What it loads into context
Frontmatter
218 tokensAlways available to the agent
SKILL.md
544 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,138 bytes
Read SKILL.md
# Finance Report Skill
Produce a single-screen financial report in one self-contained HTML file.
## Workflow
1. **Read the active DESIGN.md.** Tables, KPI cards, and chart strokes use
palette tokens — never invent new ones.
2. **Classify** the period (monthly / quarterly / yearly) and entity
(startup, division, project) from the brief. If unspecified, assume a
quarterly SaaS report and pick believable numbers.
3. **Layout** the page in this order:
- Masthead: company / period / "Confidential — Finance" badge.
- Headline KPI strip (4 cards): Revenue, Net new MRR, Gross margin, Cash runway.flowai-live-dashboard-template
When your agent uses it
Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export. Use when the brief asks for a team / workspace admin dashboard, an interactive admin dashboard with charts, or names FlowAI.
What it loads into context
Frontmatter
312 tokensAlways available to the agent
SKILL.md
797 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Output contract
Files
SKILL.mdcore3,522 bytes
Read SKILL.md
# FlowAI Dashboard Skill
Produce a single-screen, multi-tab team management dashboard inspired by the
FlowAI aesthetic. The output is a self-contained HTML file (no external runtime
dependencies) with built-in interactions: tab switching, an animated bar chart,
hover tooltips on charts, click-to-zoom panels, dark mode toggle, and CSV
export of the visible team table.
## Resource map
```
flowai-live-dashboard-template/
├── SKILL.md
├── assets/gamified-app
When your agent uses it
A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", or "ELI5-style explainer app".
What it loads into context
Frontmatter
303 tokensAlways available to the agent
SKILL.md
1,183 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore4,503 bytes
Read SKILL.md
# Gamified App Skill
Produce a multi-screen mobile prototype on a single dark showcase page.
Three phone frames side-by-side, each one its own moment in the journey.
## Workflow
1. **Read the active DESIGN.md** (injected above). For gamified apps, lean
on bold display type for headlines and a brighter, broader palette than
most products — quests look like quests because the colors do.
2. **Pick the brand + value prop** from the brief. Generate real quest
names (e.g. "Body — 20-min strength: pushups & planks", "Read — Four
Thousand Weeks", "Listen — Huberman Lab · Sleep Architecture",
"Nourish — Cook a high-protein lunch", "Mind — 10-min focusgithub-dashboard
When your agent uses it
GitHub repository analytics dashboard — stars, forks, contributors, issues, pull requests, recent activity, and top contributors. Use when the brief asks for a GitHub repo dashboard, open-source growth report, repository health page, or GitHub analytics view.
What it loads into context
Frontmatter
253 tokensAlways available to the agent
SKILL.md
1,760 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- When to use this skill
- Workflow
- Visual rules
- Self-check
Files
SKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytes
Read SKILL.md
# GitHub Dashboard Skill
Create a single-screen GitHub repository analytics dashboard in the FlowAI / Soft Paper Workspace visual style: warm off-white canvas, white rounded panels, a fixed left sidebar, compact KPI cards, pastel pills, dense tables, and low-contrast hairlines.
## Resource map
```
github-dashboard/
├── SKILL.md
├── example.html ← rendered reference dashboard
└── references/
├── template.html ← live-artifact-compatible HTML template
├── example-data.json ← normalized public GitHub data shape
├── artifact-example.json ← minimal live-artifact create inputmagazine-web-ppt
When your agent uses it
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.
What it loads into context
Frontmatter
549 tokensAlways available to the agent
SKILL.md
4,889 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What this skill does
- When to use
- Workflow
- Resource file tour
- Core design principles (philosophy)
- Reference works
Files
SKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytesSKILL.mdcore19,299 bytes
Read SKILL.md
# Magazine Web Ppt
## What this skill does
Generates a **single-file HTML** horizontal-swipe deck with a visual tone of:
- A **electronic magazine + electronic ink** hybrid style
- A **WebGL fluid / contour / dispersion background** (visible on hero pages)
- **Serif headlines (Noto Serif SC + Playfair Display) + sans-serif body (Noto Sans SC + Inter) + monospace metadata (IBM Plex Mono)**
- **Lucide line icons** (no emoji)
- **Horizontal left/right paging** (keyboard ← →, scroll wheel, touch swipe, bottom dots, ESC index)
- **Smooth theme interpolation**: when you flip to a hero page, the colors and shader transition softly
This skill's aesthetic is not "corporate PPT," nor "consumer-internet UI": it looks like *Monocle* magazine after code was stitched onto it.hr-onboarding
When your agent uses it
A new-hire onboarding plan as a single page — first week schedule, buddy + manager intro, learning track, equipment checklist, and "you're set when…" outcomes. Use when the brief mentions "onboarding", "new hire", "first week plan", or "入职".
What it loads into context
Frontmatter
192 tokensAlways available to the agent
SKILL.md
404 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,595 bytes
Read SKILL.md
# HR Onboarding Skill
Produce a single-screen onboarding plan in HTML.
## Workflow
1. Read the active DESIGN.md.
2. Identify the role + tenure expectations from the brief. Default to a
30/60/90-day shape if unspecified.
3. Layout:
- Cover banner: name placeholder, role, start date, manager + buddy.
- "Day 1" panel with the literal schedule (kickoff time, lunch, 1:1 slot).
- First-week timeline (Mon → Fri, two activities per day).
- 30 / 60 / 90 day milestone cards with three concrete outcomes each.html-ppt
When your agent uses it
For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan. Built around the core query "consulting-final-deck", with engagement manager judgment, buyer-ready proof, and this outcome: accept the recommendation and commit owners to the roadmap.
What it loads into context
Frontmatter
555 tokensAlways available to the agent
SKILL.md
3,991 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Install
- What the skill gives you
- When to use
- Before you author anything — infer first, ask only when blocked
- Quick start
- Authoring rules (important)
- Writing guide
- Catalogs (load when needed)
- File structure
- Rendering to PNG
- Keyboard cheat sheet
- License & author
Files
SKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytes
Read SKILL.md
# html-ppt — HTML PPT Studio
Author professional HTML presentations as static files. One theme file = one
look. One layout file = one page type. One animation class = one entry effect.
All pages share a token-based design system in `assets/base.css`.
## Install
```bash
npx skills add https://github.com/lewislulu/html-ppt-skill
```
One command, no build. Pure static HTML/CSS/JS with only CDN webfonts.
html-ppt-course-module
When your agent uses it
A first-30-days onboarding module for new hospitality hires — the behaviors, the practice, the checks, and the manager follow-up. Built as a decision-grade professional training deck for new hires, managers.
What it loads into context
Frontmatter
531 tokensAlways available to the agent
SKILL.md
1,369 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,656 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · Course Module
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`course-module`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `course-module` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-graphify-dark-graph
When your agent uses it
OpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
What it loads into context
Frontmatter
517 tokensAlways available to the agent
SKILL.md
1,377 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,626 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · 暗底知识图谱
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`graphify-dark-graph`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `graphify-dark-graph` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-hermes-cyber-terminal
When your agent uses it
OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.
What it loads into context
Frontmatter
552 tokensAlways available to the agent
SKILL.md
1,414 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,563 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · 暗终端测评
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`hermes-cyber-terminal`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `hermes-cyber-terminal` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-knowledge-arch-blueprint
When your agent uses it
OpenDesign's incident retro: the daemon-restart data bug, the root cause, the fix, and the systemic follow-ups. Built as a decision-grade product management deck for engineering, SRE, leadership.
What it loads into context
Frontmatter
532 tokensAlways available to the agent
SKILL.md
1,393 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,676 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · 奶油蓝图架构
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`knowledge-arch-blueprint`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `knowledge-arch-blueprint` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-obsidian-claude-gradient
When your agent uses it
OpenDesign's enterprise AI-adoption brief: local-first agents at work, the risk controls, the ROI, and the rollout plan. Built as a decision-grade AI literacy deck for leadership, IT, security.
What it loads into context
Frontmatter
536 tokensAlways available to the agent
SKILL.md
1,402 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,636 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · GitHub 暗紫渐变
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`obsidian-claude-gradient`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `obsidian-claude-gradient` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-pitch-deck
When your agent uses it
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.
What it loads into context
Frontmatter
555 tokensAlways available to the agent
SKILL.md
1,401 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,558 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · Pitch Deck
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`pitch-deck`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `pitch-deck` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-presenter-mode
When your agent uses it
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.
What it loads into context
Frontmatter
530 tokensAlways available to the agent
SKILL.md
1,388 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,543 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · Presenter Mode (演讲者模式)
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`presenter-mode-reveal`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `presenter-mode-reveal` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-product-launch
When your agent uses it
OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Built as a decision-grade B2B sales deck for design team lead, IT.
What it loads into context
Frontmatter
519 tokensAlways available to the agent
SKILL.md
1,357 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,479 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · Product Launch
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`product-launch`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `product-launch` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-taste-brutalist
When your agent uses it
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Tactical Telemetry mode).
What it loads into context
Frontmatter
83 tokensAlways available to the agent
SKILL.md
1,223 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Source
- Hard rules
- Banned
- Required slide archetypes (10–14 total)
- Motion
- Pre-flight
Files
SKILL.mdcore4,861 bytes
Read SKILL.md
# HTML PPT — Tactical Telemetry / CRT Terminal
A 16:9 deck for project debriefs, security reviews, infra incident write-ups, ops walkthroughs, and any "we are not selling, we are reporting" presentation. Reads like a declassified mission packet, not a pitch deck.
This skill commits to ONE substrate (dark CRT) — never mix with the light Swiss-print mode in the same artifact.
## Source
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.2 (Tactical Telemetry & CRT Terminal). Deck system follows the project's existing `html-ppt` convention (16:9 slides, vertical-stack fallback when opened directly).
## Hard rules
- **Substrate:** deactivated-CRT charcoal `#0A0A0A` / `#121212`. Never pure black.
- **Foreground:** white phosphor `#EAEAEA`. Secondary `#9A9A98`.html-ppt-taste-editorial
When your agent uses it
16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one accent. Distilled from Leonxlnx/taste-skill `minimalist-skill`.
What it loads into context
Frontmatter
69 tokensAlways available to the agent
SKILL.md
1,141 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Source
- Hard rules
- Banned
- Required slide archetypes (10–12 total recommended)
- Motion
- Pre-flight
Files
SKILL.mdcore4,282 bytes
Read SKILL.md
# HTML PPT — Editorial Minimalism
A 16:9 deck for the briefs that hate neon: investor updates, design reviews, internal manifestos, lecture decks. Reads like a print supplement, not a SaaS landing.
## Source
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md`. The deck system follows the project deck convention: each `.slide` is a `100vw × 100vh` section, the active slide carries `.active` / `.is-active`, and the baked example owns keyboard, wheel, touch, and dot navigation inside the gallery iframe. No-script and print fallbacks keep every slide visible. See `example.html` in this directory.
## Hard rules
- **Substrate:** warm off-white `#FBFBFA` / `#F7F6F3`. Foreground off-black `#1A1A19`. Never pure white or pure black.
- **Type pairing:** display in **serif** (Instrument Serif / Newsreader / Lyon), body in **grotesque** (Inter Tight / Switzer), meta in **mono** (JetBrains Mono).
- **Display scale per slide:** title `clamp(56px, 6.5vw, 96px)` italic-capable serif, line-height `1.05`, tracking `-0.025em`.
- **Hairline only:** `1px solid #EAEAEA` — borders, dividers, table cells. No drop shadows.html-ppt-tech-sharing
When your agent uses it
OpenDesign internals: how the agent stream, sandbox, and artifacts work — an engineering deep-dive talk. Built as a decision-grade AI literacy deck for engineers, dev community.
What it loads into context
Frontmatter
508 tokensAlways available to the agent
SKILL.md
1,347 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,461 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · Tech Sharing
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`tech-sharing`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `tech-sharing` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-testing-safety-alert
When your agent uses it
A hospital data-governance briefing: patient-data risk, the control framework, accountability, and the approval the board must give. Built as a decision-grade policy briefing deck for health-system board, regulators.
What it loads into context
Frontmatter
539 tokensAlways available to the agent
SKILL.md
1,392 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,776 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · 红琥珀警示
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`testing-safety-alert`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `testing-safety-alert` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-weekly-report
When your agent uses it
OpenDesign's weekly growth review: stars, installs, activation — the number, the driver, and the recommended move. Built as a decision-grade data & finance deck for growth & product team.
What it loads into context
Frontmatter
503 tokensAlways available to the agent
SKILL.md
1,344 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,467 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · Weekly Report
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`weekly-report`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `weekly-report` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-xhs-pastel-card
When your agent uses it
A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for community, talk audience.
What it loads into context
Frontmatter
524 tokensAlways available to the agent
SKILL.md
1,388 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,512 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · 柔和马卡龙慢生活
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`xhs-pastel-card`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `xhs-pastel-card` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-xhs-white-editorial
When your agent uses it
A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Built as a decision-grade career deck for manager, calibration committee.
What it loads into context
Frontmatter
527 tokensAlways available to the agent
SKILL.md
1,383 tokensWhen the skill is activated
Reference documents
3,991 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this card is picked
- How to author the deck
- Attribution
Files
SKILL.mdcore5,645 bytes../html-ppt/SKILL.mddoc16,237 bytes
Read SKILL.md
# HTML PPT · 白底杂志风
A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) master skill that lands the user directly on the **`xhs-white-editorial`** full-deck template.
## When this card is picked
The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `xhs-white-editorial` (see the upstream [full-decks catalog](../html-ppt/references/full-decks.md) for screenshots and rationale).
## How to author the deck
1. **Read the master skill first.** All authoring rules live in
[`design-templates/html-ppt/SKILL.md`](../html-ppt/SKILL.md) — content/audience checklist,
token rules, layout reuse, presenter mode, the keyboard runtime, and the
"never put presenter-only text on the slide" rule.
2. **Start from the matching template folder:**html-ppt-zhangzara-8-bit-orbit
When your agent uses it
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.
What it loads into context
Frontmatter
565 tokensAlways available to the agent
SKILL.md
1,162 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,847 bytes
Read SKILL.md
# 8-Bit Orbit
> Pixel-art neon arcade aesthetic on a deep navy void.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** dark
- **Formality:** low
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-biennale-yellow
When your agent uses it
A curatorial deck for a contemporary art biennale — the thesis, the rooms, the works, and the visitor journey. Built as a decision-grade design craft deck for museum board, curators.
What it loads into context
Frontmatter
563 tokensAlways available to the agent
SKILL.md
1,158 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,966 bytes
Read SKILL.md
# Biennale Yellow
> Solar yellow on warm parchment with deep indigo serif and atmospheric sun-glow gradients.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** high
- **Density:** medium
- **Slides in demo:** 8html-ppt-zhangzara-block-frame
When your agent uses it
Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for founders, exec presenter.
What it loads into context
Frontmatter
572 tokensAlways available to the agent
SKILL.md
1,147 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,929 bytes
Read SKILL.md
# BlockFrame
> Neobrutalist deck with pastel-neon color blocks and chunky black borders.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium-low
- **Density:** high
- **Slides in demo:** 10html-ppt-zhangzara-blue-professional
When your agent uses it
OpenDesign's QBR for the executive committee: what moved, what stalled, and the resource reallocation ask. Built as a decision-grade corporate strategy deck for executive committee.
What it loads into context
Frontmatter
524 tokensAlways available to the agent
SKILL.md
1,110 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,910 bytes
Read SKILL.md
# Blue Professional
> Cream paper background with electric cobalt blue accents; clean modern professional.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium-high
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-bold-poster
When your agent uses it
OpenDesign's Series A growth story: the traction curve, the expansion motion, and why it's venture-scale. Built as a decision-grade fundraising pitch deck for Series A partners.
What it loads into context
Frontmatter
565 tokensAlways available to the agent
SKILL.md
1,155 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,877 bytes
Read SKILL.md
# Bold Poster
> Editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium
- **Density:** low
- **Slides in demo:** 10html-ppt-zhangzara-broadside
When your agent uses it
OpenDesign's product-launch announcement and press narrative — the headline, the proof points, and the call to action. Built as a decision-grade marketing & GTM deck for press, community, prospects.
What it loads into context
Frontmatter
544 tokensAlways available to the agent
SKILL.md
1,132 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,910 bytes
Read SKILL.md
# Broadside
> Dark editorial canvas with a single fire orange accent and bilingual Latin/Chinese type stack.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** dark
- **Formality:** medium-high
- **Density:** medium
- **Slides in demo:** 16html-ppt-zhangzara-capsule
When your agent uses it
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.
What it loads into context
Frontmatter
543 tokensAlways available to the agent
SKILL.md
1,116 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,786 bytes
Read SKILL.md
# Capsule
> Modular pill-shaped cards on warm bone with a full pastel-pop palette.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium-low
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-cartesian
When your agent uses it
An economics senior thesis on the employment effects of local minimum-wage increases — identification strategy, evidence, and limitations. Built as a decision-grade coursework defense deck for thesis committee.
What it loads into context
Frontmatter
552 tokensAlways available to the agent
SKILL.md
1,136 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,049 bytes
Read SKILL.md
# Cartesian
> Quiet warm-neutral palette with classical Playfair serifs; tasteful and unhurried.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** high
- **Density:** low
- **Slides in demo:** 10html-ppt-zhangzara-cobalt-grid
When your agent uses it
OpenDesign renewal + seat-expansion business case for a growing customer: realized value, usage proof, and the expansion ROI. Built as a decision-grade B2B sales deck for champion, finance approver.
What it loads into context
Frontmatter
559 tokensAlways available to the agent
SKILL.md
1,169 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,991 bytes
Read SKILL.md
# Cobalt Grid
> Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** high
- **Density:** medium
- **Slides in demo:** 8html-ppt-zhangzara-coral
When your agent uses it
OpenDesign's community-growth campaign across GitHub, Discord, and X: the loops, the content calendar, and the pipeline math. Built as a decision-grade marketing & GTM deck for growth team, community lead.
What it loads into context
Frontmatter
541 tokensAlways available to the agent
SKILL.md
1,120 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,832 bytes
Read SKILL.md
# Coral
> Cream and coral on near-black, set in oversized Bebas Neue.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** mixed
- **Formality:** medium
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-creative-mode
When your agent uses it
A brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it consistent. Built as a decision-grade design craft deck for brand team, client.
What it loads into context
Frontmatter
545 tokensAlways available to the agent
SKILL.md
1,235 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,399 bytes
Read SKILL.md
# Creative Mode
> Cream paper canvas with confident multi-color (green, pink, orange, yellow) accents and Archivo Black display.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium
- **Density:** medium-high
- **Slides in demo:** 8html-ppt-zhangzara-daisy-days
When your agent uses it
A customer-success workshop onboarding users to a project-management app — the first-value path and the habits that retain. Built as a decision-grade professional training deck for new customers, CS team.
What it loads into context
Frontmatter
547 tokensAlways available to the agent
SKILL.md
1,146 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,097 bytes
Read SKILL.md
# Daisy Days
> Cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** low
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-editorial-tri-tone
When your agent uses it
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.
What it loads into context
Frontmatter
545 tokensAlways available to the agent
SKILL.md
1,249 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,380 bytes
Read SKILL.md
# Editorial Tri-Tone
> Three-color editorial system: dusty pink, mustard cream, and deep burgundy, set in Bricolage + Instrument Serif.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** mixed
- **Formality:** medium-high
- **Density:** medium
- **Slides in demo:** 8html-ppt-zhangzara-grove
When your agent uses it
A municipal urban-tree-canopy policy proposal — the public need, the evidence, the options, and the funding decision. Built as a decision-grade policy briefing deck for city council, agency reviewers.
What it loads into context
Frontmatter
548 tokensAlways available to the agent
SKILL.md
1,142 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,007 bytes
Read SKILL.md
# Grove
> Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** mixed
- **Formality:** medium-high
- **Density:** medium
- **Slides in demo:** 12html-ppt-zhangzara-long-table
When your agent uses it
OpenDesign's unit-economics and BYOK cost model: the assumptions, the sensitivity, and why it scales. Built as a decision-grade data & finance deck for CFO, investors.
What it loads into context
Frontmatter
530 tokensAlways available to the agent
SKILL.md
1,145 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,874 bytes
Read SKILL.md
# Long Table
> Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium
- **Density:** medium
- **Slides in demo:** 8html-ppt-zhangzara-mat
When your agent uses it
A margin-recovery diagnosis for a regional grocery chain — the governing thought, the driver tree, the priorities, and the roadmap. Built as a decision-grade consulting deck for client sponsor, steering committee.
What it loads into context
Frontmatter
553 tokensAlways available to the agent
SKILL.md
1,137 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,969 bytes
Read SKILL.md
# Mat
> Dark sage canvas with bone paper and burnt-orange accent; mid-century modern with wood undertones.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** mixed
- **Formality:** medium
- **Density:** medium
- **Slides in demo:** 9html-ppt-zhangzara-monochrome
When your agent uses it
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.
What it loads into context
Frontmatter
550 tokensAlways available to the agent
SKILL.md
1,145 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,891 bytes
Read SKILL.md
# Monochrome
> Ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color at all.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** high
- **Density:** high
- **Slides in demo:** 16html-ppt-zhangzara-neo-grid-bold
When your agent uses it
A designer's portfolio narrative for a senior interview — three case studies, the craft, and the judgment behind each. Built as a decision-grade career deck for hiring panel.
What it loads into context
Frontmatter
528 tokensAlways available to the agent
SKILL.md
1,220 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,294 bytes
Read SKILL.md
# Neo-Grid Bold
> Editorial neo-brutalism with a single neon yellow accent on off-white paper.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium
- **Density:** high
- **Slides in demo:** 12html-ppt-zhangzara-peoples-platform
When your agent uses it
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.
What it loads into context
Frontmatter
546 tokensAlways available to the agent
SKILL.md
1,239 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,466 bytes
Read SKILL.md
# People's Platform (Block & Bold)
> Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium-low
- **Density:** medium-high
- **Slides in demo:** 10html-ppt-zhangzara-pin-and-paper
When your agent uses it
A field-biology capstone on urban pollinator decline — the survey design, the data, the contribution, and the caveats. Built as a decision-grade coursework defense deck for faculty reviewers.
What it loads into context
Frontmatter
574 tokensAlways available to the agent
SKILL.md
1,288 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,562 bytes
Read SKILL.md
# Pin & Paper
> Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium
- **Density:** medium
- **Slides in demo:** 11html-ppt-zhangzara-pink-script
When your agent uses it
A wedding-anniversary tribute photo essay — a decade in scenes, the turning points, and the quiet meaning of staying. Built as a decision-grade story deck for couple, family, friends.
What it loads into context
Frontmatter
553 tokensAlways available to the agent
SKILL.md
1,253 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,388 bytes
Read SKILL.md
# Pink Script — After Hours
> Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** dark
- **Formality:** medium-high
- **Density:** low
- **Slides in demo:** 9html-ppt-zhangzara-playful
When your agent uses it
A retail sales-floor training on consultative selling — the flow, the role-plays, and the daily habit that lifts conversion. Built as a decision-grade professional training deck for store associates, floor managers.
What it loads into context
Frontmatter
550 tokensAlways available to the agent
SKILL.md
1,121 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,928 bytes
Read SKILL.md
# Playful
> Sun-warm peach background with Syne display: a friendly indie launch deck.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** low
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-raw-grid
When your agent uses it
A brutalist poster-series case study for a music festival — the concept, the system, and how it scaled across formats. Built as a decision-grade design craft deck for design peers, client.
What it loads into context
Frontmatter
541 tokensAlways available to the agent
SKILL.md
1,142 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,923 bytes
Read SKILL.md
# Raw Grid
> Neo-brutalist deck with thick borders, offset shadows, and a pink/sage/ink palette.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium-low
- **Density:** high
- **Slides in demo:** 10html-ppt-zhangzara-retro-windows
When your agent uses it
An IT security-awareness training on spotting phishing — the tells, the drill, and what to do in the first 60 seconds. Built as a decision-grade professional training deck for all employees.
What it loads into context
Frontmatter
553 tokensAlways available to the agent
SKILL.md
1,140 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,902 bytes
Read SKILL.md
# Retro Windows
> Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** low
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-retro-zine
When your agent uses it
A neighborhood zine on the disappearing corner shops — portraits, voices, and what a block loses when they close. Built as a decision-grade story deck for community, local readers.
What it loads into context
Frontmatter
535 tokensAlways available to the agent
SKILL.md
1,134 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,815 bytes
Read SKILL.md
# Retro Zine
> Beige paper with green accent and Bebas Neue + Caveat: a riso-printed zine in HTML form.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium-low
- **Density:** medium
- **Slides in demo:** 10html-ppt-zhangzara-sakura-chroma
When your agent uses it
A cherry-blossom-season travel photo essay through Kyoto — the arrival, the peak bloom, and the moment that made the trip. Built as a decision-grade story deck for friends, travel readers.
What it loads into context
Frontmatter
574 tokensAlways available to the agent
SKILL.md
1,200 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,151 bytes
Read SKILL.md
# Sakura Chroma
> Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** low
- **Density:** medium
- **Slides in demo:** 8html-ppt-zhangzara-scatterbrain
When your agent uses it
A design-school graduation project: a civic wayfinding system for a transit hub — the brief, the process, and the outcome. Built as a decision-grade coursework defense deck for crit panel, faculty.
What it loads into context
Frontmatter
561 tokensAlways available to the agent
SKILL.md
1,155 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,067 bytes
Read SKILL.md
# Scatterbrain
> Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand and Zilla Slab type stack.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** low
- **Density:** high
- **Slides in demo:** 10html-ppt-zhangzara-signal
When your agent uses it
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.
What it loads into context
Frontmatter
532 tokensAlways available to the agent
SKILL.md
1,115 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,862 bytes
Read SKILL.md
# Signal
> Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** mixed
- **Formality:** high
- **Density:** high
- **Slides in demo:** 18html-ppt-zhangzara-soft-editorial
When your agent uses it
A digital-transformation roadmap for a legacy insurer — the diagnosis, the sequenced bets, and the operating rhythm to land them. Built as a decision-grade consulting deck for client executives.
What it loads into context
Frontmatter
548 tokensAlways available to the agent
SKILL.md
1,240 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,349 bytes
Read SKILL.md
# Soft Editorial
> Cormorant Garamond serif on warm paper with sage, blush, and lemon accents.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** high
- **Density:** low
- **Slides in demo:** 12html-ppt-zhangzara-stencil-tablet
When your agent uses it
A workplace-safety compliance review for a manufacturing regulator — findings, the evidence chain, and the corrective mandate. Built as a decision-grade policy briefing deck for regulator, plant leadership.
What it loads into context
Frontmatter
545 tokensAlways available to the agent
SKILL.md
1,244 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore5,521 bytes
Read SKILL.md
# Stencil & Tablet
> Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** light
- **Formality:** medium-high
- **Density:** medium
- **Slides in demo:** 11html-ppt-zhangzara-studio
When your agent uses it
A photography studio's portfolio-and-rate deck — the signature work, the process, and the packages that win the brief. Built as a decision-grade design craft deck for prospective clients.
What it loads into context
Frontmatter
539 tokensAlways available to the agent
SKILL.md
1,117 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,870 bytes
Read SKILL.md
# Studio
> Black canvas with electric-yellow type; high-voltage design studio aesthetic.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** dark
- **Formality:** medium
- **Density:** medium
- **Slides in demo:** 12html-ppt-zhangzara-vellum
When your agent uses it
A humanities lecture: how Renaissance linear perspective reshaped early cartography — sources, argument, and evidence. Built as a decision-grade academic research deck for faculty, graduate seminar.
What it loads into context
Frontmatter
516 tokensAlways available to the agent
SKILL.md
1,120 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- At a glance
- Best for
- Avoid for
- Workflow
- Output contract
- Source & license
Files
SKILL.mdcore4,935 bytes
Read SKILL.md
# Vellum
> Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
## At a glance
- **Scheme:** dark
- **Formality:** high
- **Density:** low
- **Slides in demo:** 9hyperframes
When your agent uses it
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.
What it loads into context
Frontmatter
329 tokensAlways available to the agent
SKILL.md
6,972 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- OpenDesign integration (load-bearing for this surface)
- Approach
- Layout Before Animation
- Data Attributes
- Composition Structure
- Video and Audio
- Timeline Contract
- Rules (Non-Negotiable)
- Scene Transitions (Non-Negotiable)
- Animation Guardrails
- Typography and Assets
- Editing Existing Compositions
- Output Checklist
- Quality Checks
- References (loaded on demand)
Files
SKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytes
Read SKILL.md
# HyperFrames
HTML is the source of truth for video. A composition is an HTML file with `data-*` attributes for timing, a GSAP timeline for animation, and CSS for appearance. The framework handles clip visibility, media playback, and timeline sync.
## OpenDesign integration (load-bearing for this surface)
When this skill runs inside OpenDesign (i.e. `$OD_PROJECT_DIR` is set), the
output flow is fixed: only the rendered `.mp4` should land in the project
root. Composition source files (`hyperframes.json`, `meta.json`,
`index.html`, assets) belong inside a hidden cache directory so they don't
clutter the user's FileViewer or the chat's "produced files" chips.
**Render workflow inside OD — fast path**:
ib-pitch-book
When your agent uses it
OpenDesign's investor pitch book: market map, moat, unit economics, and the ask — analyst-grade and diligence-ready. Built as a decision-grade fundraising pitch deck for growth-equity investors.
What it loads into context
Frontmatter
546 tokensAlways available to the agent
SKILL.md
1,860 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to use
- Resource map
- Workflow
- Relationship to OpenDesign financial skills
- Provenance
Files
SKILL.mdcore8,120 bytesSKILL.mdcore8,120 bytesSKILL.mdcore8,120 bytesSKILL.mdcore8,120 bytes
Read SKILL.md
# IB Pitch Book
End-to-end **investment-banking-style** pitch materials for a **strategic
alternatives** conversation (coverage & advisory). This is the workflow shape
of Anthropic's **Pitch Agent** from
[`financial-services`](https://github.com/anthropics/financial-services),
repackaged as an OpenDesign `deck` skill.
## When to use
| Use this skill | Use something else |
|----------------|-------------------|
| Board / MD discussion materials, M&A framing, comps & precedents | **html-ppt-pitch-deck** — VC / seed fundraising decks |
| Sell-side tone, confidentiality ribbons, financial tables | **guizang-ppt** — magazine editorial decks |image-poster
When your agent uses it
Single-image generation skill for posters, key art, and editorial illustrations. Defaults to gpt-image-2 but is provider-agnostic — the same workflow drives Flux, Imagen, or Midjourney via the active upstream tooling. Output is one or more PNG/JPEG files saved to the project folder.
What it loads into context
Frontmatter
224 tokensAlways available to the agent
SKILL.md
885 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules
Files
SKILL.mdcore3,604 bytesSKILL.mdcore3,604 bytes
Read SKILL.md
# Image Poster Skill
Produce **one** finished image asset per turn unless the user asks for
variations. Image generation rewards a tight, structured prompt — your
job is to assemble that prompt from the user's brief, then dispatch.
## Resource map
```
image-poster/
├── SKILL.md ← you're reading this
└── example.html ← what the resulting card looks like in Examples
```
invoice
When your agent uses it
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 "发票".
What it loads into context
Frontmatter
175 tokensAlways available to the agent
SKILL.md
349 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,396 bytes
Read SKILL.md
# Invoice Skill
Produce a single-page printable invoice.
## Workflow
1. Read DESIGN.md.
2. Layout:
- Top band: studio brand on the left, "INVOICE" + number + date + due date on the right.
- Two columns: From (sender) / Bill to (recipient) with addresses.
- Project ref + payment-terms strip.
- Line items table: description / qty / unit / amount.
- Right-aligned totals block: subtotal, retainer, tax, total due.
- Payment instructions (bank, wire, ACH).kami-deck
When your agent uses it
A lab-meeting deck on gut-microbiome links to sleep quality — the design, the results, the caveats, and the next experiment. Built as a decision-grade academic research deck for lab group, PI.
What it loads into context
Frontmatter
816 tokensAlways available to the agent
SKILL.md
2,281 tokensWhen the skill is activated
Reference documents
6,384 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What you get
- Slide types
- Workflow
- Boundaries
- See also
Files
../../design-systems/kami/DESIGN.mddoc22,066 bytesSKILL.mdcore8,885 bytesSKILL.mdcore8,885 bytes
Read SKILL.md
# kami-deck
Sister skill to [`kami-landing`](../kami-landing/). Produces a single
self-contained HTML file: a horizontal magazine-style swipe deck in
the **kami (紙 / 纸)** design system — print rhythm, ink-blue accent,
serif at one weight, no italic, no cool grays.
The navigation model is intentionally borrowed from the
[`guizang-ppt`](../guizang-ppt/) skill — `←/→` arrow keys, wheel /
swipe, ESC for the overview grid. The aesthetic stays kami: parchment
content slides, ink-blue cover and chapter slides, serif everywhere.
> **Design system source of truth:**
> [`design-systems/kami/DESIGN.md`](../../design-systems/kami/DESIGN.md).kami-landing
When your agent uses it
Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.
What it loads into context
Frontmatter
667 tokensAlways available to the agent
SKILL.md
2,533 tokensWhen the skill is activated
Reference documents
6,384 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What you get
- Page structure
- Workflow contract
- Files in this skill
- Boundaries
- See also
Files
../../design-systems/kami/DESIGN.mddoc22,066 bytesSKILL.mdcore9,539 bytesSKILL.mdcore9,539 bytes
Read SKILL.md
# kami-landing
Produce a single-page document in the **kami (紙 / 纸)** design system.
The aesthetic borrows from editorial print, technical white papers,
and old typewritten correspondence — the goal is *good content on
good paper*, not *modern app UI*.
> **Design system source of truth:** [`design-systems/kami/DESIGN.md`](../../design-systems/kami/DESIGN.md).
> Read it before shipping. Tokens, type rules, the "ten invariants",
> and forbidden colors all live there.
## What you get
A single self-contained HTML file with:kanban-board
When your agent uses it
Kanban / task board with columns (To do / In progress / In review / Done), draggable-looking cards, assignee avatars, swimlanes, and a top filter bar. Use when the brief mentions "kanban", "task board", "sprint board", "trello", "看板".
What it loads into context
Frontmatter
215 tokensAlways available to the agent
SKILL.md
418 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,556 bytes
Read SKILL.md
# Kanban Board Skill
Produce a single-screen kanban board.
## Workflow
1. Read the active DESIGN.md.
2. Identify squad name, sprint number, columns, and member roster from the brief.
3. Layout:
- Top bar: project crumb, sprint chip, filter row (members, labels, status), search.
- 4 columns: Backlog, In progress, In review, Done. Each column has a count chip and an "+ add" affordance.
- 3–6 cards per column. Each card: tag chip, title, assignee avatar, point estimate, progress (if applicable).
- Sidebar (collapsible feel): "Sprint pulse" with progress bar, top assignees, blocked-tickets callout.
4. One inline `<style>`, semantic HTML.last30days
When your agent uses it
Recent community and social trend research over the last 30 days. Use when the brief asks what people are saying now, recent sentiment, community reactions, social proof, launch reaction, trend scan, or last-30-days context.
What it loads into context
Frontmatter
165 tokensAlways available to the agent
SKILL.md
1,199 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Runtime
- Source Coverage Rules
- Workflow
- Markdown Report Contract
- Attribution
Files
SKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytesSKILL.mdcore5,228 bytes
Read SKILL.md
# Last30Days Research Skill
This skill adapts the upstream Last30Days workflow for OpenDesign. It includes
the runtime-minimum Python engine under `scripts/`, but it does not add slash
commands, provider settings, daemon routes, bundled API keys, or browser/social
connectors outside the copied engine.
The final deliverable is always a reusable Markdown briefing in Design Files:
```text
research/last30days/<safe-topic-slug>.md
```
## Runtimelive-artifact
When your agent uses it
Create refreshable, auditable OpenDesign artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.
What it loads into context
Frontmatter
190 tokensAlways available to the agent
SKILL.md
1,939 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Current status
- When to use this skill
- Workflow
- Required files
Files
SKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytesSKILL.mdcore8,892 bytes
Read SKILL.md
# Live Artifact Skill
Create an OpenDesign live artifact: a project-scoped, previewable HTML artifact whose data can later be refreshed without redesigning the presentation.
## Resource map
```
live-artifact/
├── SKILL.md
└── references/
├── artifact-schema.md ← `references/artifact-schema.md`: artifact files, DTO shape, template binding rules
├── connector-policy.md ← `references/connector-policy.md`: connector safety, redaction, credential boundaries
└── refresh-contract.md ← `references/refresh-contract.md`: source metadata, refresh execution, snapshots
```live-dashboard
When your agent uses it
Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-time activity feed and a linked-database task table — wired to Notion via the Composio connector catalog. Refreshes on demand and when the artifact is opened. Falls back to seeded mock data when no connector is bound, so it works offline / in screenshots / in the picker preview.
What it loads into context
Frontmatter
681 tokensAlways available to the agent
SKILL.md
2,208 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Pre-flight (must complete before emitting any HTML)
- Build order
- Live behavior (the part that earns the "Live" in Live Artifact)
- Self-critique (must run before emitting)
- Hard nos (anti-AI-slop)
- Output contract
Files
SKILL.mdcore8,391 bytesSKILL.mdcore8,391 bytes
Read SKILL.md
# Live Dashboard
You are a senior product-designer-engineer building a **Live Artifact** —
an HTML page that behaves like a working dashboard, not a mockup. Your
output ships, not only renders.
## Pre-flight (must complete before emitting any HTML)
1. `Read assets/template.html` — start from this skeleton verbatim. Do
not rebuild the shell from scratch. Override only what the user's
brief or the active DESIGN.md require.
2. `Read references/layouts.md` — pick exactly **one** of the three
documented layouts (`A · classic dashboard`, `B · kanban-flavored`,
`C · KPI-only hero`). State your choice in your reply.magazine-poster
When your agent uses it
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".
What it loads into context
Frontmatter
260 tokensAlways available to the agent
SKILL.md
925 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,598 bytes
Read SKILL.md
# Magazine Poster Skill
Produce a single-page editorial poster — looks like a tear-out from a
Sunday paper. Long-form, deliberate, type-driven.
## Workflow
1. **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.
2. **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").
3. **Layout**, in order:meeting-notes
When your agent uses it
Meeting notes page — title bar with attendees, agenda checklist, decisions block, action items table with owners + dates, and a "next meeting" footer. Use when the brief mentions "meeting notes", "minutes", "1:1 notes", "all-hands recap", or "会议纪要".
What it loads into context
Frontmatter
193 tokensAlways available to the agent
SKILL.md
329 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,307 bytes
Read SKILL.md
# Meeting Notes Skill
Produce a single-screen meeting notes page.
## Workflow
1. Read DESIGN.md.
2. Layout:
- Header: meeting title, date, time, location/Zoom, attendees row.
- Agenda checklist (4–6 items).
- Decisions panel — bulleted list with strong styling.
- Action items table with owner, due date, status.
- "Open questions" + "next meeting" footer.
3. Subdued colour palette, clear hierarchy.mobile-app
When your agent uses it
A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the seed `assets/template.html` and pasting one screen archetype from `references/layouts.md`. Use when the brief asks for "mobile app", "iOS app", "Android app", "phone screen", or "app UI".
What it loads into context
Frontmatter
207 tokensAlways available to the agent
SKILL.md
979 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules
Files
SKILL.mdcore3,860 bytes
Read SKILL.md
# Mobile App Skill
Produce a single mobile-app screen mockup, framed inside a real-feeling iPhone 15 Pro device.
## Resource map
```
mobile-app/
├── SKILL.md ← you're reading this
├── assets/
│ └── template.html ← seed: device frame + screen primitives (READ FIRST)
└── references/
├── layouts.md ← 6 screen archetypes (Feed / Detail / Onboarding / Profile / Checkout / Focus)
└── checklist.md ← P0/P1/P2 self-review (anti-fake-device)mobile-onboarding
When your agent uses it
A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when the brief mentions "mobile onboarding", "iOS onboarding", "phone signup", or "移动端引导".
What it loads into context
Frontmatter
219 tokensAlways available to the agent
SKILL.md
385 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,582 bytes
Read SKILL.md
# Mobile Onboarding Skill
Produce a three-screen mobile onboarding flow on a single HTML page.
## Workflow
1. Read DESIGN.md.
2. Identify the app + audience.
3. Layout: three phone frames side by side. Each phone:
- Status bar (time, battery, signal).
- Hero artwork or icon.
- Headline + supporting paragraph.
- 3-dot pagination.
- Primary CTA (full-width pill button).motion-frames
When your agent uses it
A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter. Use when the brief asks for "motion design", "animated hero", "loop", "video poster", "title card", or pairs Open Claude Design with HyperFrames for a kinetic export.
What it loads into context
Frontmatter
257 tokensAlways available to the agent
SKILL.md
937 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,694 bytes
Read SKILL.md
# Motion Frames Skill
Produce a single full-bleed motion composition. Inline CSS animations only —
the page is the loop. Treat it as a poster frame that an exporter (HyperFrames,
Lottie, etc.) can capture into a video.
## Workflow
1. **Read the active DESIGN.md** (injected above). Motion lives or dies on
typography contrast — pick the most expressive serif / display token in
the DS for the headline; the body / mono token labels everything else.
2. **Compose** the canvas as a 16:9 hero with these layers, back to front:
- **Stage** — full-bleed `<main>`. Off-white or DS-canvas background, very
subtle dotted grid texture (CSS background, `radial-gradient` dots atopen-design-landing
When your agent uses it
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.
What it loads into context
Frontmatter
950 tokensAlways available to the agent
SKILL.md
2,974 tokensWhen the skill is activated
Reference documents
3,644 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What you get
- Workflow contract
- Self-check before delivering
- Files in this skill
- Boundaries
- See also
Files
../../design-systems/atelier-zero/DESIGN.mddoc13,691 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytes
Read SKILL.md
# open-design-landing
Build a single-page editorial landing site (or a slide deck — see the
sibling [`open-design-landing-deck`](../open-design-landing-deck/) skill)
in the **Atelier Zero** design system: warm-paper background, Inter
Tight + Playfair Display, italic serif emphasis spans, dotted hairline
rules, coral terminating dots, scroll-reveal motion, and 16 surreal
collage plates.
This is the canonical OpenDesign marketing-page recipe — the example
output is the very page you see at [open-design](https://github.com/nexu-io/open-design).
The skill is fully **parameterized**. The agent fills one typed
`inputs.json` from the user's brief; the composer turns that JSON +open-design-landing-deck
When your agent uses it
OpenDesign'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.
What it loads into context
Frontmatter
895 tokensAlways available to the agent
SKILL.md
2,486 tokensWhen the skill is activated
Reference documents
3,644 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What you get
- Slide types
- Workflow
- Boundaries
- See also
Files
../../design-systems/atelier-zero/DESIGN.mddoc13,691 bytesSKILL.mdcore10,031 bytesSKILL.mdcore10,031 bytesSKILL.mdcore10,031 bytes
Read SKILL.md
# 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.cssorbit-general
When your agent uses it
Open Orbit briefing skill — selected by the Orbit pipeline when the user has two or more connectors connected. Pulls the past 24 hours of activity from every authenticated connector (GitHub, Linear, Notion, Slack, 飞书, Calendar, Gmail, Drive, Sentry, Vercel, …) and renders a single adaptive bento-grid dashboard at the top of "我的设计". Each connector module picks its own UI form (list, avatar stack, status ring, heatmap, file grid, alert card, …) based on the data shape it returns, so the layout scales as Orbit's connector ecosystem grows. This skill should not be triggered manually — it is invoked by Orbit's daily-digest scheduler against the user's live connector data.
What it loads into context
Frontmatter
321 tokensAlways available to the agent
SKILL.md
2,846 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- ⚠<U+FE0F> Source-of-truth protocol (read this first)
- ⚠<U+FE0F> Design system policy
- Canvas tokens (use these exact values)
- Page sections (top to bottom)
- Connector → UI mapping (pick the matching family)
- Implementation constraints (paired do / don't)
Files
SKILL.mdcore11,273 bytesSKILL.mdcore11,273 bytes
Read SKILL.md
# Orbit General Briefing
Cross-connector morning briefing that lives at the top of "我的设计".
Pulls the past 24 hours of activity from every authenticated connector
and lays them out as one editorial bento dashboard.
## ⚠<U+FE0F> Source-of-truth protocol (read this first)
**Step 1.** Open and read the shipped `example.html` in this folder
before writing any output. That file is the canonical design — your
job is to **reproduce it**, not reinterpret it.
**Step 2.** Mirror the example's structure 1:1:
- Same DOM hierarchy and class namesorbit-github
When your agent uses it
Open Orbit briefing skill — selected by the Orbit pipeline when GitHub is the user's only connected connector, or when the user explicitly scopes their daily digest to GitHub. Pulls the past 24 hours of PRs, review requests, issues, CI runs, and merges from the user's authenticated GitHub connection and renders them in a layout that mirrors GitHub's native Notifications + PR-diff visual language. This skill should not be triggered manually — it is invoked by Orbit's daily-digest scheduler against live GitHub data.
What it loads into context
Frontmatter
255 tokensAlways available to the agent
SKILL.md
1,992 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- ⚠<U+FE0F> Source-of-truth protocol (read this first)
- ⚠<U+FE0F> Design system policy
- Canvas tokens (use these exact values)
- Page sections
- Pill / chip rules
- Implementation constraints (paired do / don't)
Files
SKILL.mdcore7,474 bytes
Read SKILL.md
# Orbit · GitHub Briefing
Single-connector Orbit template scoped to GitHub.
## ⚠<U+FE0F> Source-of-truth protocol (read this first)
**Step 1.** Open and read the shipped `example.html` in this folder
before writing any output. That file is the canonical design — your
job is to **reproduce it**, not reinterpret it.
**Step 2.** Mirror the example's structure 1:1:
- Same DOM hierarchy and class names
- Same nav-bar items (and only those)
- Same left-rail filter list (and only those)orbit-gmail
When your agent uses it
Open Orbit briefing skill — selected by the Orbit pipeline when Gmail is the user's only connected connector, or when the user explicitly scopes their daily digest to Gmail. Pulls the past 24 hours of inbox activity (replies awaited, mentions, cc, auto- categorized bulk) from the user's authenticated Gmail connection and renders the digest as the Orbit Daily Digest email opened inside Gmail's reading view. This skill should not be triggered manually — it is invoked by Orbit's daily-digest scheduler against live Gmail data.
What it loads into context
Frontmatter
240 tokensAlways available to the agent
SKILL.md
1,937 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- ⚠<U+FE0F> Source-of-truth protocol (read this first)
- ⚠<U+FE0F> Design system policy
- Canvas tokens (use these exact values)
- Page sections (top to bottom — the page is one column, not a 3-pane app)
- Pill / icon rules
- Implementation constraints (paired do / don't)
Files
SKILL.mdcore7,679 bytes
Read SKILL.md
# Orbit · Gmail Briefing
Single-connector Orbit template scoped to Gmail. The briefing renders
as **the Orbit Daily Digest email already opened** inside Gmail's
reading view — Gmail top header + the email chrome (toolbar / subject
/ sender / digest body / reply bar). There is no left rail, no inbox
list, and no three-pane layout.
## ⚠<U+FE0F> Source-of-truth protocol (read this first)
**Step 1.** Open and read the shipped `example.html` in this folder
before writing any output. That file is the canonical design — your
job is to **reproduce it**, not reinterpret it.
orbit-linear
When your agent uses it
Open Orbit briefing skill — selected by the Orbit pipeline when Linear is the user's only connected connector, or when the user explicitly scopes their daily digest to Linear. Pulls the past 24 hours of issue movement, status changes, assignments, and cycle progress from the user's authenticated Linear connection and renders the digest in Linear's native Inbox + cycle-progress visual language. This skill should not be triggered manually — it is invoked by Orbit's daily-digest scheduler against live Linear data.
What it loads into context
Frontmatter
234 tokensAlways available to the agent
SKILL.md
2,138 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- ⚠<U+FE0F> Source-of-truth protocol (read this first)
- ⚠<U+FE0F> Design system policy
- Canvas tokens — light theme (default to ship)
- Page sections
- Identifier / chip rules
- Implementation constraints (paired do / don't)
Files
SKILL.mdcore7,946 bytes
Read SKILL.md
# Orbit · Linear Briefing
Single-connector Orbit template scoped to Linear.
## ⚠<U+FE0F> Source-of-truth protocol (read this first)
**Step 1.** Open and read the shipped `example.html` in this folder
before writing any output. That file is the canonical design — your
job is to **reproduce it**, not reinterpret it.
**Step 2.** Mirror the example's structure 1:1:
- Same DOM hierarchy and class names
- Same top toolbar (breadcrumb + view switcher + cycle strip + theme
toggle), exactly those itemsorbit-notion
When your agent uses it
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.
What it loads into context
Frontmatter
252 tokensAlways available to the agent
SKILL.md
2,235 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- ⚠<U+FE0F> Source-of-truth protocol (read this first)
- ⚠<U+FE0F> Design system policy
- Canvas tokens (use these exact values)
- Page sections (top to bottom)
- Block formatting rules
- Implementation constraints (paired do / don't)
Files
SKILL.mdcore8,435 bytes
Read SKILL.md
# Orbit · Notion Briefing
Single-connector Orbit template scoped to Notion. The briefing renders
*as a real Notion page* — same chrome, same block primitives, same
typography.
## ⚠<U+FE0F> Source-of-truth protocol (read this first)
**Step 1.** Open and read the shipped `example.html` in this folder
before writing any output. That file is the canonical design — your
job is to **reproduce it**, not reinterpret it.
**Step 2.** Mirror the example's structure 1:1:
- Same DOM hierarchy and class namespm-spec
When your agent uses it
Product spec / PRD as a single page — problem, success metrics, scope, user stories, design notes, rollout plan, open questions. Use when the brief mentions "PRD", "spec", "product spec", "feature brief", or "需求文档".
What it loads into context
Frontmatter
187 tokensAlways available to the agent
SKILL.md
405 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,555 bytes
Read SKILL.md
# Product Spec Skill
Produce a one-page product spec / PRD.
## Workflow
1. Read the active DESIGN.md.
2. Identify the feature + audience from the brief.
3. Layout:
- Header strip: title, status pill (Draft / Review / Approved), date, owner.
- Three-line summary at the top — what, who, why now.
- "Problem" panel with one paragraph and a quote from a customer or
internal partner.
- "Goals & non-goals" two-column block.pricing-page
When your agent uses it
A standalone pricing page — header, plan tiers, feature comparison table, and an FAQ. Use when the brief asks for "pricing", "plans", "subscription tiers", or a "compare plans" page.
What it loads into context
Frontmatter
158 tokensAlways available to the agent
SKILL.md
727 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,847 bytes
Read SKILL.md
# Pricing Page Skill
Produce a single-screen pricing page that respects the active DESIGN.md.
## Workflow
1. **Read the active DESIGN.md** (injected above). Use only its colors, type
tokens, and component patterns.
2. **Classify** the product from the brief and pick a tier shape:
- 3-tier (most common): Free / Pro / Team or Starter / Growth / Enterprise.
- 4-tier when the brief says "scale" or "enterprise plus".
- 2-tier when it says "individual / business" or "personal / pro".
3. **Sections**, in order:
1. **Hero** — page title (e.g. "Pricing"), one-line subhead, optionalreplit-deck
When your agent uses it
For product and technical management work: turn PRDs, roadmaps, RFCs, architecture reviews, and retros into decision documents. Built around the core query "pm-feature-business-case-deck", with product strategy lead judgment, buyer-ready proof, and this outcome: approve the feature, architecture, roadmap, or incident follow-up.
What it loads into context
Frontmatter
811 tokensAlways available to the agent
SKILL.md
3,269 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules
- When to pick `replit-deck` vs. peer skills
- Scope & provenance
- Browser / runtime support
- Verification
Files
SKILL.mdcore13,282 bytesSKILL.mdcore13,282 bytesSKILL.mdcore13,282 bytesSKILL.mdcore13,282 bytes
Read SKILL.md
# Replit Deck Skill
Produce a single-file horizontal-swipe HTML deck in one of eight Replit-Slides themes. Every theme is a complete visual system — do not mix tokens across themes.
## Resource map
```
replit-deck/
├── SKILL.md ← you're reading this
├── assets/
│ └── template.html ← seed: 8 themes via [data-theme=*], proven iframe-nav script (READ FIRST)
├── references/
│ ├── themes.md ← 8 themes: when-to-pick / do / don't / primary layouts
│ ├── layouts.md ← 10 paste-ready slide layouts, cross-themesaas-landing
When your agent uses it
Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".
What it loads into context
Frontmatter
327 tokensAlways available to the agent
SKILL.md
1,145 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 1. Read context
- 2. Plan sections
- 3. Apply design system
- 4. Write the file
- 5. Self-check
- 6. Done
- For skill authors reading this as a reference
Files
SKILL.mdcore4,618 bytes
Read SKILL.md
# SaaS Landing Skill
Produce a single-page SaaS landing. Agent, follow this workflow exactly.
## 1. Read context
Before writing anything:
- Read `DESIGN.md` in the current working directory. If missing, stop and ask for one.
- Identify the color palette, typography tokens, and layout principles.
- Note the "Agent Prompt Guide" section — it overrides any instruction here if they conflict.
## 2. Plan sections
Required sections, in order:simple-deck
When your agent uses it
OpenDesign's operating review: growth, burn, and the concrete path to sustainability without losing the open ethos. Built as a decision-grade corporate strategy deck for leadership team.
What it loads into context
Frontmatter
474 tokensAlways available to the agent
SKILL.md
1,407 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules
Files
SKILL.mdcore5,681 bytesSKILL.mdcore5,681 bytesSKILL.mdcore5,681 bytes
Read SKILL.md
# Simple Deck Skill
Produce a single-file horizontal-swipe HTML deck using the seed and layout library.
## Resource map
```
simple-deck/
├── SKILL.md ← you're reading this
├── assets/
│ └── template.html ← seed: tokens + slide primitives + proven nav script (READ FIRST)
└── references/
├── layouts.md ← 8 paste-ready slide layouts + theme-rhythm rules
└── checklist.md ← P0/P1/P2 self-review (rhythm spot-check at bottom)social-carousel
When your agent uses it
A three-card social-media carousel laid out as 1080×1080 squares — three cinematic, on-brand panels with display headlines that connect across the series ("onwards." → "to the next one." → "looking ahead."). Each card has a brand mark, a number / total, a caption, and a "loop" affordance. Use when the brief asks for a "carousel post", "social carousel", "Instagram carousel", "LinkedIn series", "X thread cards", or "三连发".
What it loads into context
Frontmatter
275 tokensAlways available to the agent
SKILL.md
1,009 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,883 bytes
Read SKILL.md
# Social Carousel Skill
Produce a 3-panel social carousel on a single dark stage. Each panel is a
1080×1080 cinematic still — connected as a series, but each readable on its
own.
## Workflow
1. **Read the active DESIGN.md** (injected above). Pick the loudest serif
token for the headline lockups and a mono token for stamps / counters.
2. **Pick the theme + 3 captions** from the brief. The captions must read
as one sentence when stacked: ("onwards." → "to the next one." →
"looking ahead." or "input." → "iterate." → "ship.").
3. **Stage** — full-bleed dark page. Top header strip:social-media-dashboard
When your agent uses it
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.
What it loads into context
Frontmatter
298 tokensAlways available to the agent
SKILL.md
1,439 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore5,652 bytes
Read SKILL.md
# Social Media Dashboard Skill
Produce a single-screen, creator-facing social media analytics dashboard.
## Workflow
1. **Read the active DESIGN.md** (injected above). Colors, typography,
spacing, radii, and component styling all come from it. Do not invent
new tokens; do not hard-code brand colors of the platforms — let the
DESIGN.md carry the visual identity, and reference platforms only by
name and monogram.
2. **Identify** which platforms the brief calls out. Default to
X / LinkedIn / YouTube / Instagram if unspecified. Keep the platform
switcher to a single row, max 5 entries.social-media-matrix-tracker-template
When your agent uses it
社媒矩阵数据追踪面板模板（Social Media Matrix Tracker）。 Use when users ask for a cinematic, data-dense social media analytics dashboard with multi-platform metrics, interactive charts, hover insights, range compare, and dark/light theme switching in a single HTML artifact.
What it loads into context
Frontmatter
370 tokensAlways available to the agent
SKILL.md
1,134 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Output contract
Files
SKILL.mdcore4,848 bytes
Read SKILL.md
# Social Media Matrix Tracker Template
Ship a premium, cinematic social-media analytics template with high data density and production-grade micro-interactions.
## Resource map
```text
social-media-matrix-tracker-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.htmlsprite-animation
When your agent uses it
A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit console), kinetic Japanese display type, ticking timeline ribbon. Reads like a single frame of an educational motion video — looping CSS keyframes, no JS, ready to be screen-recorded into a vertical video. Use when the brief asks for a "sprite animation", "pixel-art video", "8-bit explainer", "history of X explainer", "kinetic typography history", "Nintendo-style", "精灵图动画", "像素动画", or "复古动画".
What it loads into context
Frontmatter
321 tokensAlways available to the agent
SKILL.md
1,104 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore4,241 bytes
Read SKILL.md
# Sprite Animation Skill
Produce a single animated frame of an educational explainer — the kind you
might screen-record into a vertical video. Pixel-art mascots, big year
display, looping CSS animations, kinetic Japanese / English display type.
## Workflow
1. **Read the active DESIGN.md** (injected above). Pick the loudest serif
token for the year, a sturdy sans for headlines, and a mono token for
timeline / index labels.
2. **Pick the topic** from the brief (e.g. "Nintendo · 1889 — Hanafuda").
You always need: a year, a one-line headline, an animated subject (a
pixel sprite — character, object, or icon), and a short caption.
3. **Stage** — full-bleed cream / off-white background (`#f5efe2`) with ateam-okrs
When your agent uses it
OKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this quarter at a glance" sidebar. Use when the brief mentions "OKRs", "key results", "objectives", or "目标".
What it loads into context
Frontmatter
184 tokensAlways available to the agent
SKILL.md
345 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,316 bytes
Read SKILL.md
# Team OKRs Skill
Produce a single-screen OKR tracker.
## Workflow
1. Read DESIGN.md.
2. Layout:
- Quarter banner: Q4 FY25, dates, overall progress chip.
- Three objective cards. Each has:
- Objective title + owner avatar + status pill (On track / At risk / Off track)
- 3 key results, each a row with metric / current → target / progress bar
- Right sidebar: at-a-glance KPIs, top movers, blockers callout.
3. Clear progress visualisation, calm palette, one accent.trading-analysis-dashboard-template
When your agent uses it
Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior. Use when users ask for a Wall-Street-style analytics terminal, trading cockpit, or high-tech financial dashboard template with realistic data layout.
What it loads into context
Frontmatter
274 tokensAlways available to the agent
SKILL.md
552 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Output contract
Files
SKILL.mdcore2,459 bytes
Read SKILL.md
# Trading Analysis Dashboard Template
Produce a premium, data-dense, Wall-Street style trading dashboard as a self-contained HTML artifact.
## Resource map
```text
trading-analysis-dashboard-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.htmltweaks
When your agent uses it
Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for "variants", "side-by-side options", "tweak this", "let me adjust", "live knobs", or "实时调参".
What it loads into context
Frontmatter
273 tokensAlways available to the agent
SKILL.md
3,007 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What you produce
- When to use
- When *not* to use
- The 5 standard knobs
- Host integration contract (REQUIRED)
- Implementation primitives
- Workflow
- Output contract
- Hard rules
Files
SKILL.mdcore11,515 bytes
Read SKILL.md
# Tweaks Skill · 参数化变体面板
Wrap any HTML artifact with a side panel of live controls that rewrite
CSS custom properties in real time and persist to `localStorage`.
Inspired by the *huashu-design* tweak pattern.
## What you produce
A single self-contained HTML file with two layers:
1. **Stage** — the original artifact (landing page / deck / dashboard)
re-keyed so all visual decisions read from CSS custom properties:
`--accent`, `--scale`, `--density`, `--mode`, `--motion`.
2. **Panel** — a fixed sidebar (or drawer on small viewports) withvideo-shortform
When your agent uses it
Short-form video generation skill — 3-10 second clips for product reveals, motion teasers, ambient loops. Defaults to Seedance 2 but works the same with Kling 3 / 4, Veo 3 or Sora 2. Output is one MP4 saved to the project folder. When the workspace also ships an interactive-video / hyperframes skill, prefer composing several short shots into a single timeline rather than one long monolithic clip.
What it loads into context
Frontmatter
245 tokensAlways available to the agent
SKILL.md
1,139 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules
Files
SKILL.mdcore4,627 bytesSKILL.mdcore4,627 bytes
Read SKILL.md
# Video Shortform Skill
Short-form (≤ 10s) is the sweet spot for current text-to-video models —
they're great at one **shot** with one **idea**, weaker at multi-cut
narratives. Plan one shot per call.
Special case: `hyperframes-html` is **not** a photoreal text-to-video
model. It's a local HTML-to-MP4 renderer. For that model, do not roleplay
cinematography or "real-world" camera physics. Treat the brief as a motion
design card / title-frame / product interstitial, ask at most one
clarifying question, then dispatch immediately.
## Resource map
waitlist-page
When your agent uses it
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.
What it loads into context
Frontmatter
1,100 tokensAlways available to the agent
SKILL.md
3,552 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Quality gates
- Output
Files
SKILL.mdcore13,961 bytes
Read SKILL.md
# Waitlist Page Skill
Pre-launch pages are your first handshake with future users. This skill builds a focused, honest entrance: your brand identity, what you're making, one clear path to join the early list. No artificial scarcity, no fake countdown, no inflation tactics—just a clean, mobile-first vessel for genuine interest.
## Workflow
### Preflight: Load hardened template and brand foundation
0. **Load the brand identity** — Read `DESIGN.md` for the color system, font pairing, and spatial rules. This is your foundation. A waitlist page lives or dies by consistency with the brand it represents. If `DESIGN.md` is missing, ask the user to provide one before you proceed.
1. **Read and copy the reusable template** — Read `assets/template.html`. This template is the hardened seed for all outputs. Copy it to `index.html` as your base. Do not write HTML from scratch or deviate from this structure. The template has all required layout, form structure, decorations, focus styles, and accessibility scaffolding baked in.
### Steps: Token replacement with validation and escaping
2. **Map tokens from inputs** — For each placeholder in the template (e.g., `{{PRODUCT_NAME}}`, `{{BG_EXPRESSION}}`, `{{BORDER_EXPRESSION}}`, `{{LOGO_MARK}}`), follow the replacement rules below:web-prototype
When your agent uses it
General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.
What it loads into context
Frontmatter
156 tokensAlways available to the agent
SKILL.md
1,286 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules (the seed protects most of these — don't fight it)
- Output contract
Files
SKILL.mdcore5,554 bytesSKILL.mdcore5,554 bytesSKILL.mdcore5,554 bytes
Read SKILL.md
# Web Prototype Skill
Produce a single, self-contained HTML prototype using the bundled seed and layout library — **not** by writing CSS from scratch. The seed already encodes good defaults (typography, spacing, accent budget). Your job is to compose it.
## Resource map
```
web-prototype/
├── SKILL.md ← you're reading this
├── assets/
│ └── template.html ← seed: tokens + class system + chrome (READ FIRST)
└── references/
├── layouts.md ← 8 paste-ready section skeletons
└── checklist.md ← P0/P1/P2 self-reviewweb-prototype-taste-brutalist
When your agent uses it
Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Swiss Industrial Print mode).
What it loads into context
Frontmatter
83 tokensAlways available to the agent
SKILL.md
1,033 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Source
- Hard rules
- Banned
- Required components
- Motion
- Pre-flight
Files
SKILL.mdcore4,040 bytes
Read SKILL.md
# Web Prototype — Industrial Brutalist (Swiss Print)
For briefs that ask for "editorial", "newspaper", "agency portfolio", "Swiss design", "manifesto site", or anywhere the goal is to project rigor and physicality rather than friendliness. This skill commits to ONE substrate (light Swiss print) — never mix with the dark CRT mode in the same artifact.
## Source
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see `design-templates/html-ppt-taste-brutalist/`.
## Hard rules
- **Substrate:** unbleached newsprint `#F4F4F0` or `#EAE8E3`. Foreground `#050505` carbon ink.
- **Accent:** ONE color — aviation/hazard red `#E61919`. Used on dividing rules, strikes, alerts. Never as a fill on large surfaces.
- **Display type:** heavy neo-grotesque (Archivo Black / Inter ExtraBold/Black / Neue Haas Grotesk Black). Fluid scale `clamp(4rem, 10vw, 15rem)`. Tracking `-0.04em`. Leading `0.88`. Uppercase only.
- **Micro type:** monospace (JetBrains Mono / IBM Plex Mono). Fixed `10–13px`. Tracking `0.1em`. Uppercase. Used for navigation, metadata, captions, coordinates.web-prototype-taste-editorial
When your agent uses it
Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill `minimalist-skill`.
What it loads into context
Frontmatter
68 tokensAlways available to the agent
SKILL.md
947 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Source
- Hard rules
- Banned
- Required components
- Motion (subtle only)
- Pre-flight
Files
SKILL.mdcore3,305 bytes
Read SKILL.md
# Web Prototype — Editorial Minimalism
A single-page web prototype shaped like a Notion/Linear marketing site or premium documentation surface. Use when the brief asks for "clean", "editorial", "premium SaaS", "documentation", or "knowledge product".
## Source
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md` and the spatial-rhythm rules in `skills/taste-skill/SKILL.md`. See `example.html` in this directory for a fully-realized template.
## Hard rules
- **Canvas:** warm off-white (`#FBFBFA` or `#F7F6F3`), never pure white.
- **Foreground:** off-black `#111111`, secondary text `#787774`. Never `#000000`.
- **Borders:** `1px solid #EAEAEA` only. No drop shadows above `0 1px 2px rgba(0,0,0,0.04)`.
- **Type pairing:** display in editorial serif (Instrument Serif / Newsreader / Lyon), body in grotesque (Geist / Switzer / SF Pro), monospace for meta/keystrokes (Geist Mono / JetBrains Mono).web-prototype-taste-soft
When your agent uses it
Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled from Leonxlnx/taste-skill `soft-skill` + sections 4–8 of `taste-skill`.
What it loads into context
Frontmatter
73 tokensAlways available to the agent
SKILL.md
1,190 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Source
- Hard rules
- Banned
- Required components
- Motion
- Pre-flight
Files
SKILL.mdcore4,159 bytes
Read SKILL.md
# Web Prototype — Soft Premium
For briefs that ask for "Apple-like", "Linear-tier", "premium consumer", "calm SaaS", or "$150k agency" finish. The aesthetic is soft, weighty, and obsessive about nested architecture.
## Source
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/soft-skill/SKILL.md` ("Vanguard UI Architect") with the haptic micro-aesthetics, double-bezel architecture, and motion choreography rules. See `example.html` in this directory for a fully-realized template.
## Hard rules
- **Canvas:** silver-grey or warm cream (`#F2F2F0` or `#FDFBF7`). Not pure white.
- **Type pairing:** display in Geist / Plus Jakarta Sans / Cabinet Grotesk at heavy weight, body in the same family, monospace meta in Geist Mono.
- **Display:** `clamp(48px, 7vw, 96px)`, `letter-spacing: -0.035em`, `line-height: 0.96`. Heavy weight (700+).
- **Squircle radii:** `border-radius: 28px–40px` (`rounded-[2rem]` to `rounded-[2.5rem]`) on major surfaces.webgl-experience
When your agent uses it
A full-screen, real-time WebGL/WebGL2 experience — animated shaders, 3D scenes, generative visuals, particle fields — rendered live on the GPU with a typographic overlay. Produced as a single self-contained `index.html`. Use when the brief asks for a "WebGL", "shader", "3D", "generative", "GPU", "interactive canvas", "hero animation", or "real-time visual" experience. OpenDesign serves this in powered-preview mode so the GPU stack actually runs.
What it loads into context
Frontmatter
265 tokensAlways available to the agent
SKILL.md
942 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Why this is a powered artifact
- Resource map
- Workflow
Files
SKILL.mdcore3,659 bytes
Read SKILL.md
# WebGL Experience Skill
Produce a single self-contained `index.html` that renders a real-time WebGL (or WebGL2) visual full-screen, with a clean typographic overlay on top.
## Why this is a powered artifact
OpenDesign detects `getContext('webgl2')` / `new Worker` / `SharedArrayBuffer` and renders this file in **powered preview** — a cross-origin-isolated iframe with `allow-same-origin`. That means real Web Workers, `SharedArrayBuffer`, WASM, and the full GPU pipeline are available. You do **not** need to work around the opaque sandbox. Prefer `webgl2` for modern features; fall back to `webgl` when the effect allows.
## Resource map
```
webgl-experience/
├── SKILL.md ← you're reading this
└── example.html ← a working WebGL2 aurora-field reference (READ FIRST)weekly-update
When your agent uses it
OpenDesign's weekly metrics standup: this week's numbers, the one anomaly, and the single decision it forces. Built as a decision-grade data & finance deck for ops & growth team.
What it loads into context
Frontmatter
487 tokensAlways available to the agent
SKILL.md
712 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,764 bytes
Read SKILL.md
# Weekly Update Deck Skill
Produce a single-file horizontal-swipe HTML deck for a weekly team update.
## Workflow
1. Read DESIGN.md.
2. Identify squad name, week range, and audience (squad-internal vs cross-functional).
3. Slides:
1. Cover (squad + week + author + date)
2. Headline (one sentence + one number that matters this week)
3. What shipped (3–5 items, link-style affordance)
4. In flight (3–5 items, owner avatars)
5. Blocked (1–3 items + clear ask)wireframe-annotated
When your agent uses it
An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid with numbered annotation pins (①②③④⑤) in a single accent color, paired with a right-hand SPEC PANEL that lists each numbered pin with a short engineering / UX note. This is the "wireframe + redline spec" style — clean, flat, low-fidelity, NOT hand-drawn. Use when the brief asks for "annotated wireframe", "redline wireframe", "wireframe with spec", "lo-fi landing wireframe", "low fidelity", "线框图", "标注线框", or "redline".
What it loads into context
Frontmatter
339 tokensAlways available to the agent
SKILL.md
1,015 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,933 bytes
Read SKILL.md
# Wireframe Annotated Skill
Produce a single flat, low-fidelity landing-page wireframe with a redline spec.
The whole point is "structure + handoff notes, not pixels" — greyboxes carry
the layout, numbered pins call out regions, and a right-hand spec panel turns
each pin into a short engineering / UX note. Keep it clean and flat; never
hand-drawn or scribbly.
## Workflow
1. **Skip finished UI.** This skill explicitly wants a low-fidelity greybox
look. Honor type tokens only loosely (one clean sans like Inter / system-ui
for labels, one mono like IBM Plex Mono for the spec notes and pin numbers).
Use medium-grey fills with defined darker borders so the page reads as awireframe-greybox
When your agent uses it
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 "灰盒原型".
What it loads into context
Frontmatter
308 tokensAlways available to the agent
SKILL.md
997 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,853 bytes
Read SKILL.md
# Wireframe Greybox Skill
Produce a single crisp greybox wireframe page. The whole point is
*structure, not skin* — communicate hierarchy and layout with neutral
grey blocks, never with real color, copy, or imagery. Everything is a
placeholder: text is grey "lorem bars", images are rectangles with a
diagonal cross, numbers are big solid blocks. The only color on the page
is the single redline accent reserved for monospace annotations.
## Workflow
1. **Stay structural.** Ignore any DESIGN.md that pushes finished UI —
this is deliberately low fidelity. Use a clean system sans (Inter /
system-ui) for shape and a mono (IBM Plex Mono / JetBrains Mono) forwireframe-mobile-flow
When your agent uses it
A lo-fi multi-screen MOBILE flow wireframe — three or four phone frames laid out in a row on a board, showing a connected user flow (Onboarding → Home feed → Item detail → Confirm). Grey-box content inside each device, dashed connector arrows + numbered step labels between screens, and a couple of annotation callouts. Reads like an app flow pinned to a whiteboard before any pixels are committed. Use when the brief asks for "mobile wireframe", "app flow", "user flow wireframe", "lo-fi mobile", "low fidelity", "线框图", "移动端线框", or "App 流程".
What it loads into context
Frontmatter
317 tokensAlways available to the agent
SKILL.md
1,052 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore4,270 bytes
Read SKILL.md
# Wireframe Mobile Flow Skill
Produce a single board showing a mobile app's user flow as a row of lo-fi
phone frames. The point is the *flow* — how a user moves screen to screen —
not the polish of any one screen. Keep the screens clean grey-boxes (not
scribbly) but keep the connectors and annotations loose and informal.
## Workflow
1. **Skip the DESIGN.md** if it pushes for finished UI. This skill is
deliberately low-fidelity: greyboxes, placeholder rects, and bars stand in
for real content. Honor type tokens only loosely (system sans for the
board, mono for labels and datelines).
2. **Pick the flow steps** from the brief — typically 3–4 connected screenswireframe-sketch
When your agent uses it
A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribbled chart placeholders, hatched fills. Reads like a designer's whiteboard before any pixels are committed. Use when the brief asks for "wireframe", "sketch wireframe", "hand-drawn", "lo-fi", "whiteboard", "草稿", or "手绘原型".
What it loads into context
Frontmatter
270 tokensAlways available to the agent
SKILL.md
1,042 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore4,030 bytes
Read SKILL.md
# Wireframe Sketch Skill
Produce a single hand-drawn wireframe page. The whole point is "this is a
sketch" — looseness is the brand. Lean into pencil/marker tones, hatched
fills, dashed borders, slight rotations.
## Workflow
1. **Skip the DESIGN.md** if it pushes for finished UI. This skill explicitly
wants a low-fidelity look. Only honor type tokens loosely (system serif
for headlines, mono for annotations, marker font fallback).
2. **Pick the screen variants** from the brief — typically 3–4 tab labels
like "01 · A · ORGANIZED", "02 · B · DASHBOARD", etc. One is "active",
the rest are inactive sketch tabs.worker-visualizer
When your agent uses it
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.
What it loads into context
Frontmatter
281 tokensAlways available to the agent
SKILL.md
978 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Why this is a powered artifact
- Resource map
- Workflow
Files
SKILL.mdcore4,033 bytes
Read SKILL.md
# Worker Visualizer Skill
Produce a single self-contained `index.html` that moves heavy per-frame compute into a Web Worker and renders the result to a canvas, keeping the main thread at a smooth 60fps.
## Why this is a powered artifact
OpenDesign detects `new Worker(` / `SharedArrayBuffer` / `OffscreenCanvas` and renders this file in **powered preview** — a cross-origin-isolated iframe with `allow-same-origin`. That means external and blob Web Workers construct successfully, `SharedArrayBuffer` is defined (`crossOriginIsolated === true`), and `importScripts` works. In the old opaque sandbox all three failed; here they just work.
## Resource map
```
worker-visualizer/
├── SKILL.md ← you're reading this
└── example.html ← a working 12k-particle SharedArrayBuffer sim (READ FIRST)x-research
When your agent uses it
X/Twitter public sentiment research for recent market, company, product, or community discourse. Use when the brief asks what people are saying on X, Twitter sentiment, CT sentiment, public opinion, expert posts, or social reaction around a stock, sector, company, product, or market event.
What it loads into context
Frontmatter
187 tokensAlways available to the agent
SKILL.md
932 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Source Access Rules
- Workflow
- Markdown Report Contract
- Attribution
Files
SKILL.mdcore3,920 bytesSKILL.mdcore3,920 bytesSKILL.mdcore3,920 bytesSKILL.mdcore3,920 bytesSKILL.mdcore3,920 bytes
Read SKILL.md
# X Research Skill
This skill adapts Dexter's original X/Twitter research workflow for Open
Design. It is a workflow contract only; it does not add Dexter's `x_search`
tool, X API credentials, provider settings, slash commands, daemon routes, or
runtime modules.
Create a reusable Markdown sentiment briefing in Design Files at:
```text
research/x-research/<safe-topic-slug>.md
```
## Source Access Rules3d-object
When your agent uses it
A procedural speaker built from a lathe profile, in studio light on a turntable, colored from the design tokens.
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
75 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore279 bytesexample.htmlasset8,020 bytesopen-design.jsonasset410 bytes
3d-object-glb
When your agent uses it
A product model loaded from a .glb, centered and framed automatically, with a soft ground shadow. The user's model variant.
What it loads into context
Frontmatter
65 tokensAlways available to the agent
SKILL.md
80 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore302 bytesexample.htmlasset114,091 bytesopen-design.jsonasset427 bytes
3d-object-logo
When your agent uses it
The brand's SVG mark extruded and bevelled in brushed gold, turning slowly. The extruded logo variant.
What it loads into context
Frontmatter
60 tokensAlways available to the agent
SKILL.md
75 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore268 bytesexample.htmlasset6,030 bytesopen-design.jsonasset379 bytes
3d-scene
When your agent uses it
A small stone courtyard at dusk built from a scene spec: a Poly Haven sky, cobblestone and stone-wall textures, a brass lantern and two wooden planters (all CC0), with a 10-second camera flythrough.
What it loads into context
Frontmatter
85 tokensAlways available to the agent
SKILL.md
101 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore361 bytesexample.htmlasset14,795 bytesopen-design.jsonasset572 bytes
adr
When your agent uses it
An example of the adr skill: ADR-0007: Lay diagrams out in the browser.
What it loads into context
Frontmatter
53 tokensAlways available to the agent
SKILL.md
66 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore236 bytesexample.htmlasset5,788 bytesopen-design.jsonasset403 bytes
article-magazine
When your agent uses it
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
What it loads into context
Frontmatter
470 tokensAlways available to the agent
SKILL.md
680 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore2,525 bytesexample.htmlasset7,130 bytesopen-design.jsonasset5,917 bytes
Read SKILL.md
【模板: 杂志文章】
- 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。
- 正文: 单栏, 最大宽度约 700px, 居中。段落 `text-lg leading-relaxed text-neutral-700 dark:text-neutral-300`。
- H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。
- 引用块使用左侧粗 accent 色边线 + 斜体。
- 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。
- 列表项使用自定义 bullet（小方块 / accent 圆点）。
- 章节之间用 `<hr>` 分隔, 但样式做成中央居中的小 ornament。
- 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。article-sketchnote-editorial
When your agent uses it
Turns one concept into a magazine-style feature dossier — the real question, early failures, the turning point, the insight and its name — across six layout moulds.
What it loads into context
Frontmatter
73 tokensAlways available to the agent
SKILL.md
131 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore510 bytesexample.htmlasset23,776 bytesopen-design.jsonasset518 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `article-sketchnote-editorial` skill.audio-jingle
When your agent uses it
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
What it loads into context
Frontmatter
237 tokensAlways available to the agent
SKILL.md
1,181 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Hard rules
Files
SKILL.mdcore4,436 bytesSKILL.mdcore4,436 bytesexample.htmlasset4,911 bytesopen-design.jsonasset8,865 bytes
Read SKILL.md
# Audio Jingle Skill
Three sub-modes. The active project's `audioKind` decides which one
runs:
| `audioKind` | Models we route to | Plan focus |
|---|---|---|
| `music` | Suno V5 (default), Udio, Lyria 2 | genre + tempo + instrumentation |
| `speech` | MiniMax TTS (default), Fish, ElevenLabs V3 | script + voice + pacing |
| `sfx` | ElevenLabs SFX (default), AudioCraft | texture + impact + duration |
## Resource map
```blog-post
When your agent uses it
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
What it loads into context
Frontmatter
194 tokensAlways available to the agent
SKILL.md
766 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,914 bytesexample.htmlasset6,738 bytesopen-design.jsonasset8,522 bytes
Read SKILL.md
# Blog Post Skill
Produce a single long-form article page — editorial layout, no chrome.
## Workflow
1. **Read the active DESIGN.md** (injected above). Lean into the typography
tokens — long-form is 70% type, 20% image, 10% chrome.
2. **Pick the topic** from the brief and write a real article — at least 600
words across 4–6 H2 sections. No lorem ipsum.
3. **Sections**, in order:
- **Masthead** — small wordmark + 4–6 nav links, plain.
- **Article header** — category eyebrow, headline (display token, large),
deck (1–2 sentence subhead), author name + role + date.card-twitter
When your agent uses it
Twitter quote or data card designed to pair with a post.
What it loads into context
Frontmatter
368 tokensAlways available to the agent
SKILL.md
522 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore1,835 bytesexample.htmlasset3,648 bytesopen-design.jsonasset4,693 bytes
Read SKILL.md
【模板: Twitter 分享卡】
- 容器 `w-[1600px] h-[900px]`, 暗色 / 亮色二选一根据内容情绪。
- 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。
- 下方作者署名 + 头像占位 + handle。
- 左上角小标签 (类型: "Insight" / "Data" / "Quote")。
- 右下角品牌水印。
- 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。
- 截图后可直接配推文发出, 视觉简洁有力。card-xiaohongshu
When your agent uses it
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
What it loads into context
Frontmatter
411 tokensAlways available to the agent
SKILL.md
681 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore2,354 bytesexample.htmlasset5,669 bytesopen-design.jsonasset4,986 bytes
Read SKILL.md
【模板: 小红书图文卡片】
- 输出 N 张连续卡片, 每张 `w-[1080px] h-[1440px]`, 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张起步, 长内容应更多 (小红书平台单帖最多 18 图, 通常 9 张以内最佳); 一张卡只承载一个核心观点。
- 第一张是封面: 巨大的标题 + 1 行副标题 + 一个吸引人的标签 (类似 "干货预警" / "建议收藏")。
- 中间几张展开正文, 每张一个核心观点, 配 emoji + 短句 + 1-2 个例子。
- 最后一张是总结 + 行动号召 (关注 / 收藏 / 评论)。
- 配色: 选择柔和的莫兰迪色或粉色系; 元素圆润, 大量留白。
- 字号大、行距宽、对比强（小红书在手机上看, 小字根本看不清）。
- 每张卡片右下角小水印 (作者名 / 日期)。changelog-page
When your agent uses it
An example of the changelog-page skill: Changelog: Open Design Agent Kit.
What it loads into context
Frontmatter
48 tokensAlways available to the agent
SKILL.md
63 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore250 bytesexample.htmlasset5,275 bytesopen-design.jsonasset339 bytes
clinical-case-report
When your agent uses it
Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
What it loads into context
Frontmatter
222 tokensAlways available to the agent
SKILL.md
2,030 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- What you will produce
- Step-by-step workflow
Files
SKILL.mdcore8,855 bytesexample.htmlasset27,679 bytesopen-design.jsonasset8,528 bytes
Read SKILL.md
# Clinical Case Report Skill
Generate a structured medical case presentation for clinical rounds,
conferences, or documentation. The output follows standard medical
formatting conventions used in hospital settings worldwide.
## What you will produce
A single-page HTML case report (`index.html`). Content varies by format
(see `references/case-formats.md` — selected in Step 0):
**SOAP / Conference format:**
- **Patient identification** — age, sex, chief complaint
- **History of Present Illness (HPI)** — chronological narrative withcodex-interactive-capability-map
When your agent uses it
Turn a long-form article, thread, memo, or product narrative into a compact clickable capability map with a workflow loop, use-case matrix, and responsive detail panel.
What it loads into context
Frontmatter
303 tokensAlways available to the agent
SKILL.md
817 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Use When
- Workflow
- Visual Direction
- Interaction Requirements
- Output Contract
Files
SKILL.mdcore3,818 bytesSKILL.mdcore3,818 bytesSKILL.mdcore3,818 bytesSKILL.mdcore3,818 bytesSKILL.mdcore3,818 bytesexample.htmlasset23,603 bytesopen-design.jsonasset7,540 bytes
Read SKILL.md
# Codex Interactive Capability Map
Transform a long article, social thread, memo, product essay, or launch narrative into a visual explainer that people can scan and click through.
## Use When
- The input is mostly text and the user wants a clearer mental model.
- The content contains repeated concepts, a process, a framework, capabilities, or operating principles.
- The desired output is a polished web artifact, not a static summary.
## Workflow
1. Read the source material and extract 6-10 core concepts.
2. Name the overall model in plain language. Prefer a short noun phrase such as "Operating Model", "Capability Map", or "Workflow Loop".competitive-teardown
When your agent uses it
Positioning map, feature matrix, pricing comparison and opportunity windows: turns competitor research into a product decision report.
What it loads into context
Frontmatter
52 tokensAlways available to the agent
SKILL.md
106 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore452 bytesexample.htmlasset7,227 bytesopen-design.jsonasset457 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `competitive-teardown` skill.competitive-teardown-analyst-dossier
When your agent uses it
Positioning map, feature matrix, pricing comparison and opportunity windows: turns competitor research into a product decision report. The analyst dossier style variant.
What it loads into context
Frontmatter
67 tokensAlways available to the agent
SKILL.md
121 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore529 bytesexample.htmlasset3,795 bytesopen-design.jsonasset534 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `competitive-teardown` skill.competitive-teardown-radar-map
When your agent uses it
Positioning map, feature matrix, pricing comparison and opportunity windows: turns competitor research into a product decision report. The radar map style variant.
What it loads into context
Frontmatter
65 tokensAlways available to the agent
SKILL.md
119 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore511 bytesexample.htmlasset5,133 bytesopen-design.jsonasset516 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `competitive-teardown` skill.competitive-teardown-war-room-grid
When your agent uses it
Positioning map, feature matrix, pricing comparison and opportunity windows: turns competitor research into a product decision report. The war room grid style variant.
What it loads into context
Frontmatter
67 tokensAlways available to the agent
SKILL.md
121 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore523 bytesexample.htmlasset7,227 bytesopen-design.jsonasset528 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `competitive-teardown` skill.critique
When your agent uses it
Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outputs a single self-contained HTML report with a radar chart, evidence-backed scores, and three lists: Keep / Fix / Quick-wins. Use when the brief asks for a "design review", "design critique", "5 维度评审", "design audit", or "what's wrong with my design".
What it loads into context
Frontmatter
293 tokensAlways available to the agent
SKILL.md
2,506 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to use
- What you produce
- The 5 dimensions
- Scoring discipline (read before you score)
- Workflow
- Output contract
- Hard rules
Files
SKILL.mdcore9,684 bytesexample.htmlasset27,012 bytesopen-design.jsonasset9,708 bytes
Read SKILL.md
# Critique Skill · 5 维度专家评审
Produce a single-file HTML "design review report" that scores any
artifact across 5 dimensions and proposes actionable fixes. Inspired by
the *huashu-design* expert-critique flow.
## When to use
- After the agent (or user) generates an artifact (deck / prototype /
landing page) and the user asks "what's wrong with this?" or
"review this"
- As a self-check loop the agent can run on its own output **before**
emitting it
- For comparing two variants of the same designdashboard
When your agent uses it
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.
What it loads into context
Frontmatter
174 tokensAlways available to the agent
SKILL.md
712 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,771 bytesexample.htmlasset6,652 bytesopen-design.jsonasset8,529 bytes
Read SKILL.md
# Dashboard Skill
Produce a single-screen admin / analytics dashboard.
## Workflow
1. **Read the active DESIGN.md** (injected above). Colors, typography, spacing,
component styling all come from it. Do not invent new tokens.
2. **Classify** what the dashboard monitors (sales, traffic, usage, incidents,
ops, etc.) from the brief. Generate specific, plausible metric names and
values — no "Metric A / Metric B" placeholders.
3. **Lay out** the required regions:
- **Left sidebar** (220–260px): brand mark at top, 6–8 nav links with
icons, active state uses the DS accent.data-report
When your agent uses it
Turns CSV, Excel, or JSON data into a polished visual report page.
What it loads into context
Frontmatter
377 tokensAlways available to the agent
SKILL.md
721 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore2,618 bytesexample.htmlasset10,528 bytesopen-design.jsonasset4,965 bytes
Read SKILL.md
【模板: 数据可视化报告】
- 头部: 报告标题 + 时间区间 + 数据来源说明。
- KPI 卡片网格: 3-5 个最重要指标, 每个卡片显示数值 + 同比变化 + 微型趋势线。
- 主图表区: 至少 2 个图表 (柱状 / 折线 / 饼 / 散点), 使用 Chart.js 或 ECharts (jsdelivr CDN 引入), 数据从用户输入解析得到。
- **图表容器必须有固定高度**: 每个 `<canvas>` 外层包一个 `<div style="position:relative;height:NNNpx">` (KPI 迷你图 ~40px, 主图表 ~240–280px)。Chart.js 用 `responsive:true, maintainAspectRatio:false` 时若父容器没有显式高度, 会陷入 ResizeObserver 死循环, 图表无限增高直至卡死浏览器。**绝对不要**直接给 canvas 写 `height=` 属性当布局, 那个只是初始值。
- 数据表格: 用户原始数据节选, 使用 `<table>` + 现代化样式 (zebra stripe, hover, sticky header)。
- 洞察块: 3-5 条文字洞察, 用 emoji 开头, 像产品周报。
- 底部"方法论"折叠区。
- 配色克制专业: 主色 1 + 中性色阶, 图表用调色板。
- **必须解析用户提供的实际数据**, 不要捏造。dating-web
When your agent uses it
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.
What it loads into context
Frontmatter
244 tokensAlways available to the agent
SKILL.md
987 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,919 bytesexample.htmlasset12,405 bytesopen-design.jsonasset10,370 bytes
Read SKILL.md
# Dating Web Skill
Produce a single-screen consumer dashboard that feels like a Sunday-paper
dating column rendered as software. Editorial type, single restrained
accent, lots of negative space, *no* swipe deck or hookup tropes.
## Workflow
1. **Read the active DESIGN.md** (injected above). Lean into a serif display
token for the metric numerals — these screens live or die on numerals.
2. **Pick a brand voice** — wry, observational, slightly literary. Generate
real, specific copy. Examples: "the people who'd text back within a day",
"manageable. two are now friends.", "your single greatest compatibility
asset."deck-guizang-editorial
When your agent uses it
OpenDesign's FY26 marketing plan: brand-to-pipeline — audience, offer, channel mix, and the launch calendar that ties creative to growth. Built as a decision-grade marketing & GTM deck for CMO, growth lead, founder.
What it loads into context
Frontmatter
796 tokensAlways available to the agent
SKILL.md
1,791 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore5,786 bytesexample.htmlasset27,967 bytesopen-design.jsonasset4,350 bytes
Read SKILL.md
【模板: 归藏编辑墨水 Deck (Editorial × E-Ink)】
【意图】叙事、观点、分享、个人风格表达。墨纸印刷感, 不要科技感。Inspired by op7418/guizang-ppt-skill Style A。
【调色板 — 5 选 1, 严禁改 hex、严禁混用】
- 🖋 **墨水经典 Monocle** — ink `#0a0a0b`, paper `#f1efea`, paper-tint `#e8e5de`, ink-tint `#18181a`. 默认 / 通用商业 / 科技。
- 🌊 **靛蓝瓷 Indigo Porcelain** — ink `#0a1f3d`, paper `#f1f3f5`, paper-tint `#e4e8ec`, ink-tint `#152a4a`. 科技 / 研究 / 数据。
- 🌿 **森林墨 Forest Ink** — ink `#1a2e1f`, paper `#f5f1e8`, paper-tint `#ece7da`, ink-tint `#253d2c`. 自然 / 可持续 / 文化。
- 🍂 **牛皮纸 Kraft Paper** — ink `#2a1e13`, paper `#eedfc7`, paper-tint `#e0d0b6`, ink-tint `#3a2a1d`. 怀旧 / 人文 / 文学。
- 🌙 **沙丘 Dune** — ink `#1f1a14`, paper `#f0e6d2`, paper-tint `#e3d7bf`, ink-tint `#2d2620`. 艺术 / 设计 / 时尚。
【布局 — 10 个磁带式版式池, 可复用; **数量由【用户内容】决定**, 完整覆盖每个要点; 短内容 6-12 张起步, 长内容应更多 (同一版式可在不同章节重复使用)】
- **L01 Hero Cover** — 居中大字 hero typography + kicker + subtitle + lead paragraph + 底部元数据 row。
- **L02 Act Divider** — kicker + 8.5-10vw 巨大 headline + 一句引言; 章节切换可反色 (ink ↔ paper)。
- **L03 Big Numbers Grid** — 3×2 数据卡 (label / 大数字 / 注释)。deck-open-slide-canvas
When your agent uses it
OpenDesign's architecture review: the local daemon + agent-runtime design, the tradeoffs, and the decision to lock. Built as a decision-grade product management deck for staff eng, tech leads, security.
What it loads into context
Frontmatter
729 tokensAlways available to the agent
SKILL.md
1,493 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore5,143 bytesexample.htmlasset21,245 bytesopen-design.jsonasset4,401 bytes
Read SKILL.md
【模板: 1920 画布自由 Deck】
【意图】不想被模板束缚的场景 (个人作品集、奇特演讲、艺术 / 设计课 deck)。给一个固定 1920×1080 画布 + 极强的类型 / 调色约束, 让 agent 像写 React 组件一样按内容自由排布每一页。Inspired by 1weiho/open-slide。
【硬性技术规格】
- 画布: 每页严格 `width: 1920px; height: 1080px;` 用 `transform: scale(...)` 适配视窗 (默认 `scale(0.7)` 居中)。
- **绝对禁止 overflow**: 每页内容必须 fit in 1920×1080, 不许滚动条出现。
- 字号 type scale (px): `2xs:18 · xs:22 · sm:28 · md:36 · lg:48 · xl:64 · 2xl:88 · 3xl:120 · 4xl:160 · 5xl:220`。
- 边距 padding: 96 / 128 / 160 三档之一。
- 每页有 `<section class="slide" data-slide-id="<n>">`。
【调色板 — 每个 deck 选 1 套, 全程不改】
- 🌫 **Ash & Lime** — bg `#f1efea`, ink `#161616`, accent `#c5e803`。
- 🌌 **Sea Indigo** — bg `#0a0e1a`, ink `#f5f5f7`, accent `#5ac8fa`。
- 🧉 **Mate Mocha** — bg `#1a1411`, ink `#f5e9d6`, accent `#d97757`。deck-swiss-international
When your agent uses it
OpenDesign's FY26 board pre-read: the open-core bet, growth vs burn, and the one decision the board must approve. Built as a decision-grade corporate strategy deck for board, CEO, CFO.
What it loads into context
Frontmatter
806 tokensAlways available to the agent
SKILL.md
2,161 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore7,098 bytesexample.htmlasset33,208 bytesopen-design.jsonasset4,356 bytes
Read SKILL.md
【模板: 瑞士国际主义 Deck (Swiss International)】
【意图】事实、产品、分析、方法论表达。极度冷静、理性、学院派, 没有任何手绘 / 噪点 / 装饰。Inspired by op7418/guizang-ppt-skill Style B。
【主题】**只能从下面 4 套二选一, 不许混用、不许改 hex**:
- 🔵 **Klein Blue (IKB)** — accent `#002FA7`, paper `#fafaf8`, ink `#0a0a0a`. 商业 / AI / 设计场景。
- 🟡 **Lemon Yellow** — accent `#FFD500`, paper `#f7f5ee` (淡奶油), ink `#0a0a0a`. 年轻 / 零售 / 体育。文字必须用黑色 (不能白色)。
- 🟢 **Lemon Green / Neon** — accent `#C5E803`, paper `#f7f5ee`, ink `#0a0a0a`. 可持续 / 科技初创 / Gen-Z 品牌。文字必须用黑色。
- 🟠 **Safety Orange** — accent `#FF6B35`, paper `#f7f5ee`, ink `#0a0a0a`. 工业 / 汽车 / 紧急消息。文字用白色 + bold ≥ 600。
【布局 — 22 个可复用版式池, 不许新增或改造版式; **数量由内容决定**, 把【用户内容】完整覆盖完为止 (短内容 6-10 张起步, 长内容应远超此范围, 同一版式可在不同章节重复使用)】
- **S01 Cover** — 全屏 accent + ASCII 呼吸点阵 + 反白标题 + 元数据 chrome (date / № / topic)。
- **S02 Vertical Timeline** — 左侧虚线轴 + 圆点; 右侧节点 = 年份 + KPI + 描述。
- **S03 Statement** — 9.6vw 居中巨字 + 左侧大段留白 + 底部 hairline + 注释。
- **S04 Six Cells** — 2×3 网格, 每格: icon + 编号 + 短标题 + 单行描述。diagram
When your agent uses it
Architecture diagram of a monorepo's packages: shared foundations, the hosts built on them, runtime dependencies versus build-time copies, with each node linked to its package.json.
What it loads into context
Frontmatter
61 tokensAlways available to the agent
SKILL.md
95 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore440 bytesSKILL.mdcore440 bytesexample.htmlasset23,662 bytesopen-design.jsonasset435 bytes
Read SKILL.md
A rendered example of the `diagram` skill: the Open Design Agent Kit's own packages, read from each `package.json` and the build scripts.digital-eguide
When your agent uses it
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 "电子指南".
What it loads into context
Frontmatter
286 tokensAlways available to the agent
SKILL.md
934 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,523 bytesexample.htmlasset11,651 bytesopen-design.jsonasset11,254 bytes
Read SKILL.md
# Digital E-Guide Skill
Produce a two-page digital guide preview side-by-side. Cover on the left,
inside spread on the right. Lifestyle creator tone, lots of negative space,
serif display headings, careful column rhythm.
## Workflow
1. **Read the active DESIGN.md** (injected above). Pick a serif display
token for the title (italic ligatures encouraged), a body serif for
long-form, and a mono token for stats / labels.
2. **Pick the topic + author** from the brief. Generate a real title (e.g.
"The Creator's Style & Format Guide"), a real subtitle, and a one-line
author byline.doc-kami-parchment
When your agent uses it
Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
What it loads into context
Frontmatter
525 tokensAlways available to the agent
SKILL.md
1,501 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore4,821 bytesexample.htmlasset4,277 bytesopen-design.jsonasset6,292 bytes
Read SKILL.md
【模板: Kami 羊皮纸文档】
【意图】严肃排版文档: one-pager / 长报告 / 信函 / 简历 / 财报 / changelog / portfolio。Inspired by tw93/kami。强调"写得像被排过版的纸", 不是 dashboard, 不是网页。
【硬性视觉签名 — 不许改】
- **画布**: 暖羊皮纸 `#f5f4ed` (永远不用纯白 `#fff`)。次级背景 `#efeee5`。
- **墨色**: 主文字 `#1f1d18` (近黑暖灰, 不用纯黑 `#000`)。次文字 `#6b665b`。
- **唯一色彩**: 墨蓝 `#1B365D` ——所有 accent (链接、tag 描边、重点数字、引用左 rule) 只能用这一个色, 严禁多色。
- **字体**: 一种语言一种衬线, 全文不混用:
- 英文: `Charter` (fallback: `Source Serif Pro`, `Iowan Old Style`)
- 中文: `TsangerJinKai02 W04` (fallback: `Noto Serif SC`)
- 日文: `YuMincho` (fallback: `Noto Serif JP`)
- Body 400, Heading 500 (不要 700/800/900)。
- **行高**: 标题 1.1–1.3, 紧凑正文 1.4–1.45, 阅读型正文 1.5–1.55。
- **绝不**: drop-shadow / blur / 圆角 ≥ 8px / 渐变 / 霓虹色 / rgba (用 solid hex)。docs-page
When your agent uses it
A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".
What it loads into context
Frontmatter
164 tokensAlways available to the agent
SKILL.md
779 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,015 bytesexample.htmlasset6,861 bytesopen-design.jsonasset7,161 bytes
Read SKILL.md
# Docs Page Skill
Produce a single, three-column documentation page in one HTML file.
## Workflow
1. **Read the active DESIGN.md** (injected above). Use the body type token for
prose; the mono token for code; respect line-height and max-width rules.
2. **Pick a topic** from the brief — the page should look like real docs, not
a generic wireframe. Concrete API names, command examples, plausible
parameters.
3. **Lay out** three regions, expressed on the inline axis so the
layout flips correctly under `dir="rtl"`:
- **Inline-start nav** (240–280px, sticky): grouped link list, currentemail-campaign
When your agent uses it
A product launch email that renders in Gmail, Outlook and Apple Mail: table layout, three benefit rows, a bulletproof button and a compliant footer.
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
73 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore316 bytesexample.htmlasset4,804 bytesopen-design.jsonasset372 bytes
email-marketing
When your agent uses it
A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".
What it loads into context
Frontmatter
233 tokensAlways available to the agent
SKILL.md
905 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore3,502 bytesexample.htmlasset9,879 bytesopen-design.jsonasset7,195 bytes
Read SKILL.md
# Email Marketing Skill
Produce a single HTML email — centered, single column, no chrome around the
email body. Treat it like a marketing artifact: one big idea, one CTA.
## Workflow
1. **Read the active DESIGN.md** (injected above). Email leans on the display
font more than any other surface — pick the loudest type token in the DS
for the headline lockup.
2. **Pick the brand + product** from the brief. Generate a real wordmark, a
real product name, and one real benefit sentence — no placeholders.
3. **Layout**, in order, all centered inside a 600–680px column on a tinted
page background (so the email body looks like an email, not the page):eng-runbook
When your agent uses it
An engineering runbook — service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation, and an incident-response checklist. Use when the brief mentions "runbook", "ops doc", "on-call guide", "SRE doc", or "运维手册".
What it loads into context
Frontmatter
198 tokensAlways available to the agent
SKILL.md
382 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore1,540 bytesexample.htmlasset13,852 bytesopen-design.jsonasset8,813 bytes
Read SKILL.md
# Engineering Runbook Skill
Produce a single-page engineering runbook.
## Workflow
1. Read DESIGN.md.
2. Identify the service from the brief.
3. Layout:
- Header: service name, owner team, severity tier, version.
- Service summary paragraph + dependency list.
- Alerts table: alert name / severity / what it means / first response.
- Dashboards & links list.
- Common procedures block (3–4) with code blocks (deploy, rollback, rotate keys).exec-briefing-memo
When your agent uses it
A one-page decision memo: the decision needed, a clear recommendation with confidence, key facts, tradeoffs, risks and next actions — compressed so a decision-maker can sign off in three minutes.
What it loads into context
Frontmatter
76 tokensAlways available to the agent
SKILL.md
133 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore512 bytesexample.htmlasset6,107 bytesopen-design.jsonasset577 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `exec-briefing-memo` skill.exec-briefing-memo-board-memo
When your agent uses it
A one-page decision memo: the decision needed, a clear recommendation with confidence, key facts, tradeoffs, risks and next actions — compressed so a decision-maker can sign off in three minutes. The board memo style variant.
What it loads into context
Frontmatter
89 tokensAlways available to the agent
SKILL.md
146 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore574 bytesexample.htmlasset6,107 bytesopen-design.jsonasset639 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `exec-briefing-memo` skill.exec-briefing-memo-board-paper
When your agent uses it
A one-page decision memo: the decision needed, a clear recommendation with confidence, key facts, tradeoffs, risks and next actions — compressed so a decision-maker can sign off in three minutes. The board paper style variant.
What it loads into context
Frontmatter
88 tokensAlways available to the agent
SKILL.md
145 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore577 bytesexample.htmlasset3,568 bytesopen-design.jsonasset642 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `exec-briefing-memo` skill.exec-briefing-memo-decision-command
When your agent uses it
A one-page decision memo: the decision needed, a clear recommendation with confidence, key facts, tradeoffs, risks and next actions — compressed so a decision-maker can sign off in three minutes. The decision command style variant.
What it loads into context
Frontmatter
89 tokensAlways available to the agent
SKILL.md
146 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore592 bytesexample.htmlasset3,797 bytesopen-design.jsonasset657 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `exec-briefing-memo` skill.experiment-readout
When your agent uses it
Hypothesis, metrics, results, interpretation and decision: turns an A/B test or product experiment into a ship / stop / iterate recommendation.
What it loads into context
Frontmatter
58 tokensAlways available to the agent
SKILL.md
112 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore453 bytesexample.htmlasset6,386 bytesopen-design.jsonasset493 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `experiment-readout` skill.experiment-readout-growth-console
When your agent uses it
Hypothesis, metrics, results, interpretation and decision: turns an A/B test or product experiment into a ship / stop / iterate recommendation. The growth console style variant.
What it loads into context
Frontmatter
70 tokensAlways available to the agent
SKILL.md
124 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore527 bytesexample.htmlasset3,804 bytesopen-design.jsonasset567 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `experiment-readout` skill.experiment-readout-lab-notebook
When your agent uses it
Hypothesis, metrics, results, interpretation and decision: turns an A/B test or product experiment into a ship / stop / iterate recommendation. The lab notebook style variant.
What it loads into context
Frontmatter
72 tokensAlways available to the agent
SKILL.md
126 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore521 bytesexample.htmlasset3,510 bytesopen-design.jsonasset561 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `experiment-readout` skill.experiment-readout-product-readout
When your agent uses it
Hypothesis, metrics, results, interpretation and decision: turns an A/B test or product experiment into a ship / stop / iterate recommendation. The product readout style variant.
What it loads into context
Frontmatter
73 tokensAlways available to the agent
SKILL.md
127 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
.od-local-overlayasset82 bytesSKILL.mdcore530 bytesexample.htmlasset6,386 bytesopen-design.jsonasset570 bytes
Read SKILL.md
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
A rendered example of the `experiment-readout` skill.finance-report
When your agent uses it
Quarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook paragraph. Use when the brief mentions "financial report", "Q3 report", "MRR review", "P&L", or "财报".
What it loads into context
Frontmatter
224 tokensAlways available to the agent
SKILL.md
550 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore2,153 bytesexample.htmlasset13,166 bytesopen-design.jsonasset8,109 bytes
Read SKILL.md
# Finance Report Skill
Produce a single-screen financial report in one self-contained HTML file.
## Workflow
1. **Read the active DESIGN.md.** Tables, KPI cards, and chart strokes use
palette tokens — never invent new ones.
2. **Classify** the period (monthly / quarterly / yearly) and entity
(startup, division, project) from the brief. If unspecified, assume a
quarterly SaaS report and pick believable numbers.
3. **Layout** the page in this order:
- Masthead: company / period / "Confidential — Finance" badge.
- Headline KPI strip (4 cards): Revenue, Net new MRR, Gross margin, Cash runway.flowai-live-dashboard-template
When your agent uses it
Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export. Use when the brief asks for a team / workspace admin dashboard, an interactive admin dashboard with charts, or names FlowAI.
What it loads into context
Frontmatter
312 tokensAlways available to the agent
SKILL.md
797 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- Workflow
- Output contract
Files
SKILL.mdcore3,522 bytesassets/template.htmlasset16,378 bytesexample.htmlasset454 bytesopen-design.jsonasset11,615 bytes
Read SKILL.md
# FlowAI Dashboard Skill
Produce a single-screen, multi-tab team management dashboard inspired by the
FlowAI aesthetic. The output is a self-contained HTML file (no external runtime
dependencies) with built-in interactions: tab switching, an animated bar chart,
hover tooltips on charts, click-to-zoom panels, dark mode toggle, and CSV
export of the visible team table.
## Resource map
```
flowai-live-dashboard-template/
├── SKILL.md
├── assets/frame-data-chart-nyt
When your agent uses it
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
What it loads into context
Frontmatter
472 tokensAlways available to the agent
SKILL.md
1,207 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,907 bytesSKILL.mdcore3,907 bytesexample.htmlasset5,203 bytesopen-design.jsonasset6,091 bytes
Read SKILL.md
【模板: NYT 风数据图表帧】
【意图】把一段数据 (CSV / JSON / 一句结论) 做成《纽约时报》专栏感的单帧/动画图表, 适合视频片段或推特卡。Inspired by hyperframes data-chart。
【画布】1920×1080, 暖白底 `#f7f5ee` 或墨黑底 `#0e0e0e` 二选一; 文字色和背景相反。
【布局】
- **顶部 kicker** (11px uppercase letterspace 0.14em, 颜色 = accent 红 `#a91d1d` 或 mint `#5fb38a`): 数据来源 + 类目, 如 "GLOBAL · WEEKLY ACTIVE USERS · 2018–2026"。
- **大字标题** (Cheltenham / Playfair / Source Serif Pro, 5.6vw, italic 副标可选): 一句结论。**结论必须从用户数据中提炼**, 不是描述图。
- **图表区** (占画布 55-65%):
- 折线: 1-2 条线, 主线 ink 实心 2.5px, 次线 dashed 1.5px; 数据点用 6px 实心圆; 关键点旁标注 `2024 · 412M` 黑色 mono 小字。
- 柱状: 全部 ink 单色或加 1 道 accent 高亮柱; 柱顶大数字; 柱底类目斜体 (Cheltenham italic)。
- 范围带 (range band): 浅灰填充 `#e6e2d2` 包络 + 中线 ink。
- **底部 source + footnote** (10px mono, opacity 0.6): "Source: 用户数据 · Chart by html-anything"。
- **错峰揭示动画**: 标题 fade-in (0s), kicker (200ms), 折线 stroke-dashoffset 1.2s ease-out (400ms), 数据标签依次 100ms 间隔。可被 `prefers-reduced-motion` 关闭。frame-flowchart-sticky
When your agent uses it
SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.
What it loads into context
Frontmatter
439 tokensAlways available to the agent
SKILL.md
1,132 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,736 bytesexample.htmlasset5,913 bytesopen-design.jsonasset5,618 bytes
Read SKILL.md
【模板: 便利贴流程图帧 (Sticky Flowchart)】
【意图】把一个流程 / 系统 / 工作流画成"白板 + 便利贴"的样子, 适合 onboarding 视频、运营流程说明、系统架构讲解。Inspired by hyperframes flowchart。
【画布】1920×1080。背景: 米黄白板纸 `#f4ede1` 或冷灰白板 `#f0f2f4`; 加非常浅的 hex grid `rgba(0,0,0,0.04)` 让它有白板感。
【节点 (Sticky Notes)】
- 每节点 = 一张 240×180px 便利贴, 4 套颜色随机分配: 黄 `#fcd34d` / 桃 `#fca5a5` / 薄荷 `#a7f3d0` / 天 `#a5b4fc`。
- 便利贴有轻微旋转 `transform: rotate(±2deg)` 不一致, 投影 `drop-shadow(0 6px 14px rgba(0,0,0,0.12))`, 顶部胶带 `linear-gradient(...)` 装饰。
- 节点内容: 1 个 emoji 或单线 SVG icon + 大字标题 (16-20px) + 一行描述 (12px)。
- 节点字体: `Kalam` / `Caveat` / `Patrick Hand` 手写感字体 (中文用 `霞鹜文楷` 或 `LXGW WenKai Screen`)。
【连接线 (SVG)】
- 用 `<path>` Bezier 曲线连接节点, stroke `#2a2a2a`, width 2.5, `stroke-linecap: round`, `stroke-dasharray: 0` (实线) 或 `8 6` (虚线 = 条件分支)。
- 箭头终端用 `marker-end`, 黑色三角小箭头。frame-glitch-title
When your agent uses it
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
What it loads into context
Frontmatter
476 tokensAlways available to the agent
SKILL.md
1,161 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,733 bytesexample.htmlasset4,939 bytesopen-design.jsonasset5,834 bytes
Read SKILL.md
【模板: 故障艺术标题帧 (Glitch Title)】
【意图】单帧 hero / 视频转场 / cyberpunk 风格标题。Inspired by hyperframes glitch。
【画布】1920×1080, 背景 `#070708` 近黑或 CRT 暗灰 `#0d0e10`; 加 56px 网格 (透明 5%) + scanlines 横线 (透明 8%, 2px 间隔)。
【主标题】
- 居中, 6-9vw, weight 800/900, 字体 `Space Grotesk Bold` / `Inter Tight Black` / `JetBrains Mono Bold`。
- 颜色: 主层 `#f5f5f7`; 后面套 2 层伪影:
- cyan `#00f0ff` translate(`-3px`, `1px`)。
- magenta `#ff2bd6` translate(`3px`, `-1px`)。
- 整层加 clip-path 切片 5-8 段, 每段 `@keyframes` 随机 translateX -10px → 10px, 持续 80-160ms, 错峰播放, 营造 "data corruption" 像散。
- 每隔 1.5s 触发一次"重故障" — 整个标题被 horizontal smear 1 frame, 用 `filter: url(#displacementFilter)` 或简单 CSS 平移。
【附加层】frame-light-leak-cinema
When your agent uses it
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
What it loads into context
Frontmatter
516 tokensAlways available to the agent
SKILL.md
1,282 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore4,021 bytesexample.htmlasset3,803 bytesopen-design.jsonasset6,125 bytes
Read SKILL.md
【模板: 胶片漏光电影帧】
【意图】纪录片 / 个人短片 / 视频章节卡的开场单帧 —— 暖橙漏光 + 35mm 颗粒 + 衬线大字, 古典胶片质感。Inspired by hyperframes light-leak。
【画布】
- **2.39:1 letterbox** (推荐): 1920×800, 上下黑边各 140px (`#000`)。
- 或 16:9: 1920×1080, 无 letterbox。
【背景】
- 底层: 深暖色 (深红棕 `#1a0d08` / 墨绿 `#0a1410` / 蓝紫 `#0d0e1a`) 或场景描绘 (CSS gradient 模拟天空 / 室内 / 室外)。
- **胶片漏光 (Light Leak)**: 2-3 个大 `radial-gradient(ellipse at top right, #ffb547 0%, transparent 50%)` + 1 个底部 `linear-gradient(to top, #d97757 0%, transparent 30%)`; 颜色取暖橙 / 桃 / 玫红 / 暗黄, **不要冷蓝**。
- **35mm Grain**: 全屏覆盖 SVG turbulence noise 图层, opacity 14%, `mix-blend-mode: overlay`; 也可用 `background-image: url("data:image/svg+xml,...feTurbulence...")`。
- 可选: 1 道 `feDisplacementMap` 模拟胶片摆动 (慎用)。
【文字】frame-liquid-bg-hero
When your agent uses it
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
What it loads into context
Frontmatter
472 tokensAlways available to the agent
SKILL.md
1,260 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore4,111 bytesexample.htmlasset3,644 bytesopen-design.jsonasset5,982 bytes
Read SKILL.md
【模板: 流体背景 Hero】
【意图】可作为视频片头帧、SaaS landing 顶部 hero、海报底图。WebGL 流体感, 但用 CSS / canvas 退化绘制, 确保单文件可双击打开。Inspired by hyperframes vfx-liquid-background。
【画布】1920×1080 (横) 或 1080×1920 (竖), 二选一。背景占满。
【流体背景 — 3 种实现, 按用户偏好选】
1. **CSS 多层 radial-gradient 错位呼吸** (最稳, 默认推荐):
- 3-5 个大椭圆 `radial-gradient(...)`, 颜色取自调色板。
- 每个椭圆套 `@keyframes` 平移 + scale + hue-rotate, 周期 8-14s, 错峰; 整个画面叠 `mix-blend-mode: screen` 或 `overlay`。
- 顶层加 1 层 `backdrop-filter: blur(80px)` 让边缘更糊。
2. **Canvas + simple perlin noise** (中阶):
- 80 行 inline JS, 用 `requestAnimationFrame` 画 metaballs 或 simplex noise field。
- 性能允许时启用, `prefers-reduced-motion` 时降回静态截图。
3. **WebGL fragment shader** (高阶, 慎用):frame-logo-outro
When your agent uses it
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
What it loads into context
Frontmatter
455 tokensAlways available to the agent
SKILL.md
1,176 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,887 bytesexample.htmlasset3,729 bytesopen-design.jsonasset5,750 bytes
Read SKILL.md
【模板: Logo 收尾帧 (Logo Outro)】
【意图】视频结尾的品牌 reveal 帧 —— logo 分块拼装 + glow bloom + tagline 上浮 + CTA。Inspired by hyperframes logo-outro。
【画布】1920×1080, 黑色 `#08090c` 或品牌深色背景; 加微妙 vignette `radial-gradient(...)` 让中心更亮。
【布局】
- **中心 Logo**: 用 CSS / 内联 SVG 绘制; 由 4-8 个几何块 (圆 / 方 / 三角 / hairline) 组成。
- 入场动画: 每个块从屏幕外滑入 (±100px 不同方向) + scale 1.4→1.0 + opacity 0→1, 错峰 80ms; 总时长 1.2s。
- 入场完成后, 整个 logo 加 glow bloom: `filter: drop-shadow(0 0 24px <accent>40)`; 同时一道 shimmer `mask-image` 横扫 logo (500ms)。
- **品牌名**: logo 下方 6-8% 位置, 大字 (Inter Tight / SF Pro Display, 48-72px, weight 700, letter-spacing -0.02em), 入场: typewriter or fade-up after logo bloom (1.4s 开始)。
- **Tagline**: 品牌名下方一行 (24-28px, weight 400, opacity 0.7), fade in (1.8s)。
- **底部 CTA + 元数据**: 双行底部 row, 例如 `htmlanything.dev · @htmlanything · 2026`, 11px uppercase letter-spacing 0.16em, 颜色 opacity 0.4, hairline 分隔。
【调色 — 4 选 1, 不混用】frame-macos-notification
When your agent uses it
Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
What it loads into context
Frontmatter
455 tokensAlways available to the agent
SKILL.md
1,200 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
Files
SKILL.mdcore3,878 bytesexample.htmlasset3,421 bytesopen-design.jsonasset5,940 bytes
Read SKILL.md
【模板: macOS 通知横幅】
【意图】把一段公告 / 消息 / 提示渲染成 macOS Big Sur+ 风格的通知横幅, 适合视频角落叠加、产品发布预告、社媒图。Inspired by hyperframes macos-notification。
【画布】两种用法:
- 视频叠加 1920×1080, 通知放右上角, 周围透明。
- 单独 banner 480×120, 居中输出。
【横幅结构】
- 外框: 圆角 14px (macOS Big Sur 标准), 480×120 (或更长 480×180 含正文), 12-16px 内边距。
- 背景: **frosted glass** 效果 — `background: rgba(245,245,247,0.78)` + `backdrop-filter: blur(40px) saturate(180%)`; 暗色版 `rgba(28,28,30,0.78)`。
- 边框: 1px `rgba(0,0,0,0.06)` (light) / `rgba(255,255,255,0.08)` (dark); 顶部加 1px 亮 highlight `rgba(255,255,255,0.5)`。
- 阴影: `0 10px 40px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.08)`。
【内容】frontend-slides
When your agent uses it
OpenDesign as a worked AI-workflow example: how local agents read your files and design on your desktop — concretely. Built as a decision-grade AI literacy deck for teams new to AI, leadership.
What it loads into context
Frontmatter
611 tokensAlways available to the agent
SKILL.md
1,865 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Hard spec (locked — every deck must satisfy all of these)
- References (read on demand)
- Attribution
Files
SKILL.mdcore7,558 bytesexample.htmlasset31,334 bytesopen-design.jsonasset6,650 bytes
Read SKILL.md
# Frontend Slides
Zero-dependency, animation-rich HTML presentations that run entirely in the browser. Curated from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides).
**Start from `example.html` in this plugin folder. It is the proven seed: copy its stage CSS, slide shell, and the entire `SlidePresentation` controller script verbatim, then replace slide content. Do not rewrite the stage system, the navigation script, or the design tokens architecture from scratch.**
## Hard spec (locked — every deck must satisfy all of these)
### Fixed 16:9 stage — NON-NEGOTIABLE
- Every deck is authored on a fixed **1920×1080** canvas: `.deck-viewport` (fills the window) wraps `.deck-stage` (1920×1080, `transform-origin: 0 0`).
- JavaScript scales the whole stage uniformly: `factor = min(innerWidth/1920, innerHeight/1080)`, then `translate(x, y) scale(factor)` to center with letterbox/pillarbox. Re-run on `resize`.
- Never reflow slide content per device. No responsive breakpoints inside slides. All slide measurements are fixed px at the 1920×1080 design size.
- Include the FULL contents of `references/viewport-base.css` in the `<style>` block (the seed already embeds it).fs-creative-voltage
When your agent uses it
OpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Built as a decision-grade fundraising pitch deck for pre-seed & seed VCs.
What it loads into context
Frontmatter
655 tokensAlways available to the agent
SKILL.md
2,779 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Locked design tokens (`:root` — reproduce exactly)
- Fixed 16:9 stage — NON-NEGOTIABLE scaling system
- Slide shell chrome (every slide)
- Signature devices (the theme's identity — use them, don't invent new ones)
- Layout masters (compose every deck from these — all present in the seed)
- Motion
- Navigation runtime (keep the seed's script verbatim)
- Output contract
- Attribution
Files
SKILL.mdcore10,102 bytesexample.htmlasset41,722 bytesopen-design.jsonasset5,910 bytes
Read SKILL.md
# Creative Voltage (fs-creative-voltage)
A locked single-theme deck plugin derived from the **Creative Voltage** preset (section 3 of `STYLE_PRESETS.md`) in the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides). Vibe: bold, creative, energetic, retro-modern — a retro poster shop wired to a power grid.
**Start from `example.html` in this plugin folder. It is the proven seed: copy its stage CSS, slide shell chrome, signature-device CSS, and the entire `SlidePresentation` controller script verbatim, then replace only the slide content. Do not rewrite the stage system, the navigation script, or the design tokens. Do not introduce any colors or fonts outside this spec.**
## Locked design tokens (`:root` — reproduce exactly)
```css
:root {
--stage-bg: #10101f; /* letterbox behind the stage */
--slide-bg: #1a1a2e; /* default slide background */
--bg-primary: #0066ff; /* electric blue panel */fs-editorial-forest
When your agent uses it
Art-directing a fashion house's annual report — the editorial system, the photography rhythm, and the data spreads. Built as a decision-grade design craft deck for brand stakeholders, exec audience.
What it loads into context
Frontmatter
603 tokensAlways available to the agent
SKILL.md
2,202 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Design tokens (locked — list verbatim in `:root`)
- Typography & signature devices
- Mixed scheme rhythm (8 slides)
- Stage system & runtime (locked)
- Content guardrails
- Attribution
Files
SKILL.mdcore8,426 bytesexample.htmlasset98,854 bytesopen-design.jsonasset5,627 bytes
Read SKILL.md
# Editorial Forest (林间编辑部)
A quiet, considered editorial deck theme — deep forest green, dusty pink, and warm cream paper meet Source Serif 4. Built for quarterly reviews, internal readouts, studio updates, research recaps, and anything that should feel warm and unhurried rather than corporate. Avoid it for content that needs to feel urgent, punchy, or sales-driven.
Ported from the MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) `editorial-forest` template.
**Start from `example.html` in this plugin folder. It is the locked seed: keep the inline `<deck-stage>` runtime script, the `:root` token block, and every layout skin verbatim — replace only slide content. Do not rewrite the design, do not introduce colors or fonts outside the spec below.**
## Design tokens (locked — list verbatim in `:root`)
```css
:root {
--green: #2e4a2a; /* forest green — dark canvas + primary text on cream */
--green-deep: #243a21; /* text on pink surfaces */fs-electric-studio
When your agent uses it
OpenDesign as an enterprise design platform: a buyer-forwardable proposal for a design-org's economic buyer — pain, value, ROI, rollout. Built as a decision-grade B2B sales deck for economic buyer, design VP, procurement.
What it loads into context
Frontmatter
668 tokensAlways available to the agent
SKILL.md
2,892 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Locked design tokens (`:root` — complete list, no additions)
- Typography (all Manrope, Google Fonts weights 400/500/800)
- Locked layout system — vertical split panels
- Master pages (compose decks from these; all present in the seed)
- Fixed 16:9 stage — NON-NEGOTIABLE scaling system
- Motion
- Output contract
- Attribution
Files
SKILL.mdcore10,432 bytesexample.htmlasset36,352 bytesopen-design.jsonasset6,039 bytes
Read SKILL.md
# Electric Studio · 钴蓝工作室
Bold, clean, professional, high-contrast split-panel decks. Theme locked to the **Electric Studio** preset (section 2 of `STYLE_PRESETS.md`) from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides).
**Start from `example.html` in this plugin folder. It is the proven seed: keep its stage CSS (full viewport-base.css contents), the split-panel shell, the corner-marks chrome, the `:root` tokens, and the entire `SlidePresentation` controller script verbatim — replace slide content only. Do not rewrite the design; do not introduce any color or font outside this spec.**
## Locked design tokens (`:root` — complete list, no additions)
```css
:root {
--bg-dark: #0a0a0a; /* edge bar, dark text, stage letterbox */
--bg-white: #ffffff; /* upper panel */
--accent-blue: #4361ee; /* cobalt panel, chips, bars, numerals */
--text-dark: #0a0a0a;fs-emerald-editorial
When your agent uses it
OpenDesign's 'design on your desk' brand-launch narrative: the market moment, the story, and the proof that converts. Built as a decision-grade marketing & GTM deck for marketing team, press.
What it loads into context
Frontmatter
604 tokensAlways available to the agent
SKILL.md
3,007 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Design tokens (locked — list verbatim in `:root`)
- Typography (locked — exactly two faces)
- Signature devices (non-optional when the element type appears)
- The eight slide masters (mixed scheme — keep this rhythm)
- Stage & runtime (locked — the deck-stage scaling system)
- Output contract
- Attribution
Files
SKILL.mdcore11,233 bytesexample.htmlasset105,139 bytesopen-design.jsonasset5,670 bytes
Read SKILL.md
# Emerald Editorial（祖母绿封面故事）
A magazine-cover business deck system rooted in fashion-magazine mastheads and 19th-century theatrical playbills: a saturated emerald field, deep navy ink, warm paper tiles, bilateral double-rule ornaments, and Bodoni Moda at weight 900. Curated from the MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) `emerald-editorial` template.
**Start from `example.html` in this plugin folder. It is the locked seed: keep its `:root` tokens, all eight slide-master CSS blocks, the `<deck-stage>` element, and the entire inlined deck-stage runtime script verbatim. Replace only the text content, numbers, and labels. Do not rewrite the design, and do not introduce any color or font outside this spec.**
## Design tokens (locked — list verbatim in `:root`)
| Token | Value | Role |
| --- | --- | --- |
| `--bg` | `#3CD896` | Emerald — the dominant slide canvas |
| `--bg-2` | `#2DC684` | Darker emerald, reserved tonal variant (rarely used) |
| `--bg-3` | `#25B377` | Darkest emerald, reserved |
| `--ink` | `#0F1A5C` | Navy — text, rules, borders, inverse-panel fill |fs-notebook-tabs
When your agent uses it
A computer-science capstone: an on-device ML keyboard that predicts next words privately — problem, method, evaluation, and defense answers. Built as a decision-grade coursework defense deck for professor, defense committee.
What it loads into context
Frontmatter
623 tokensAlways available to the agent
SKILL.md
2,587 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Fixed 16:9 stage (locked scaling system)
- Design tokens (locked — reproduce exactly, never substitute)
- Signature devices (every slide carries all of them)
- Layout vocabulary (compose every deck from these masters)
- Motion
- Output contract
Files
SKILL.mdcore9,570 bytesexample.htmlasset42,254 bytesopen-design.jsonasset6,080 bytes
Read SKILL.md
# Notebook Tabs (索引笔记本)
A theme-locked deck plugin derived from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) "Notebook Tabs" style preset (STYLE_PRESETS.md section 5). The whole deck reads as one physical, editorially typeset notebook: every slide is a cream paper page floating on a dark desk, with a colorful tab index on the right fore-edge and binder holes on the left.
**Start from `example.html` in this plugin folder. It is the proven seed: keep its stage CSS, the paper/holes/tabs device, the `:root` token block, and the entire `SlidePresentation` controller script verbatim — replace only the slide content. Do not redesign, do not introduce any color or font outside this spec.**
## Fixed 16:9 stage (locked scaling system)
- Every deck is authored on a fixed **1920×1080** canvas: `.deck-viewport` (fills the window) wraps `.deck-stage` (1920×1080, `transform-origin: 0 0`).
- JavaScript scales the whole stage uniformly: `factor = min(innerWidth/1920, innerHeight/1080)`, then `translate(x, y) scale(factor)` to center with letterbox/pillarbox; re-run on `resize`. This is the viewport-base.css system — the full file is already inlined in the seed.
- Never reflow slide content per device. No responsive breakpoints inside slides. All measurements are fixed px at the 1920×1080 design size (the upstream preset's `clamp()` tab sizing is superseded by stage scaling — use fixed px).
- Slide switching toggles `.active`/`.visible` (visibility/opacity/pointer-events) — never `display: none`.
- Keyboard (`←`/`→`/`↑`/`↓`/Space/PageUp/PageDown/Home/End), debounced wheel (~650ms), touch swipe (≥40px), and `#/<index>` hash routing with deep-link restore. The page counter lives in `.deck-controls`, fixed-positioned outside the scaled stage.
gamified-app
When your agent uses it
A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", or "ELI5-style explainer app".
What it loads into context
Frontmatter
309 tokensAlways available to the agent
SKILL.md
1,189 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Workflow
- Output contract
Files
SKILL.mdcore4,518 bytesexample.htmlasset16,468 bytesopen-design.jsonasset9,394 bytes
Read SKILL.md
# Gamified App Skill
Produce a multi-screen mobile prototype on a single dark showcase page.
Three phone frames side-by-side, each one its own moment in the journey.
## Workflow
1. **Read the active DESIGN.md** (injected above). For gamified apps, lean
on bold display type for headlines and a brighter, broader palette than
most products — quests look like quests because the colors do.
2. **Pick the brand + value prop** from the brief. Generate real quest
names (e.g. "Body — 20-min strength: pushups & planks", "Read — Four
Thousand Weeks", "Listen — Huberman Lab · Sleep Architecture",
"Nourish — Cook a high-protein lunch", "Mind — 10-min focusgithub-dashboard
When your agent uses it
GitHub repository analytics dashboard — stars, forks, contributors, issues, pull requests, recent activity, and top contributors. Use when the brief asks for a GitHub repo dashboard, open-source growth report, repository health page, or GitHub analytics view.
What it loads into context
Frontmatter
253 tokensAlways available to the agent
SKILL.md
1,760 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Resource map
- When to use this skill
- Workflow
- Visual rules
- Self-check
Files
SKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesSKILL.mdcore7,363 bytesexample.htmlasset25,973 bytesopen-design.jsonasset9,001 bytes
Read SKILL.md
# GitHub Dashboard Skill
Create a single-screen GitHub repository analytics dashboard in the FlowAI / Soft Paper Workspace visual style: warm off-white canvas, white rounded panels, a fixed left sidebar, compact KPI cards, pastel pills, dense tables, and low-contrast hairlines.
## Resource map
```
github-dashboard/
├── SKILL.md
├── example.html ← rendered reference dashboard
└── references/
├── template.html ← live-artifact-compatible HTML template
├── example-data.json ← normalized public GitHub data shape
├── artifact-example.json ← minimal live-artifact create inputhps-academic-paper
When your agent uses it
A review deck on compositional generalization in large language models — the field map, the gap, the evidence, and open questions. Built as a decision-grade academic research deck for PI, lab group, reviewers.
What it loads into context
Frontmatter
637 tokensAlways available to the agent
SKILL.md
2,722 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Design tokens (locked — reproduce verbatim in `:root`)
- Academic devices (theme-signature components — use them)
- Layout masters (all demonstrated in `example.html`, 11 pages)
- Slide system & runtime (keep verbatim)
- Authoring checklist
- Attribution
Files
SKILL.mdcore10,149 bytesexample.htmlasset29,572 bytesopen-design.jsonasset5,606 bytes
Read SKILL.md
# Academic Paper（学术论文风）
A locked, single-theme deck plugin in the `html-ppt-studio` family, ported from
the MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
`academic-paper` theme (`assets/themes/academic-paper.css` on the upstream
`templates/deck.html` scaffold). The register is a LaTeX article walking on
stage: paper-white ground, ink-black serif text, link-blue underlined
citations, italic kickers, hairline rules everywhere, zero rounded corners,
no shadows. It reads like Computer Modern even when Computer Modern is not
installed.
**Start from `example.html` in this plugin folder. It is the proven seed: keep
its `:root` token sheet, base/slide-system CSS, academic device classes, deck
chrome and the entire navigation script verbatim, then replace only the slidehps-bauhaus
When your agent uses it
A visual-design fundamentals course for new brand designers — grid, type, color, and the exercises that build the eye. Built as a decision-grade professional training deck for junior designers, new hires.
What it loads into context
Frontmatter
613 tokensAlways available to the agent
SKILL.md
2,629 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Locked token sheet (`:root`, do not deviate)
- Typography
- Signature devices (keep these; they are the style)
- Layout system (shared upstream catalog, 31 layouts)
- Page structure & runtime contract
- Authoring checklist
- Attribution
Files
SKILL.mdcore9,614 bytesexample.htmlasset25,249 bytesopen-design.jsonasset5,624 bytes
Read SKILL.md
# Bauhaus Primary (hps-bauhaus)
Single-theme deck plugin ported from the `bauhaus` theme of the upstream
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
(36 themes × 31 layouts × 27 animations). This plugin locks one skin:
design-history geometric modernism — the 1919–1933 Dessau language of
square/triangle/circle, the three primaries on an aged paper ground, and
typography that behaves like a poster.
**Start from `example.html`. Replace content only. Never rewrite the design
system or the runtime script. Never introduce a color or font outside the
token sheet below.**
## Locked token sheet (`:root`, do not deviate)hps-memphis-pop
When your agent uses it
A pop-culture retrospective on how 1980s design language shaped today's apps — the scenes, the turning point, and the takeaway. Built as a decision-grade story deck for talk audience, design community.
What it loads into context
Frontmatter
659 tokensAlways available to the agent
SKILL.md
2,431 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Locked token sheet (do not deviate)
- Signature decor devices (the Memphis kit)
- Layout system (shared upstream 31-layout catalog)
- Page structure & runtime contract (keep the seed script verbatim)
- Authoring checklist
- Attribution
Files
SKILL.mdcore9,061 bytesexample.htmlasset25,788 bytesopen-design.jsonasset5,693 bytes
Read SKILL.md
# Memphis Pop（孟菲斯波普）
A locked single-theme deck plugin: the `memphis-pop` skin from the upstream
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
(36 themes × 31 layouts), shipped as one self-contained seed — `example.html` —
that carries the full token sheet, the Memphis decor devices, the slide
scaffold, and the keyboard runtime.
**Start from `example.html`. Replace content only. Never rewrite the design
system or the runtime script. Never introduce colors or fonts outside this
spec.**
Positioning vs. sibling Memphis-adjacent plugins: this is the **full-bleed
scattered confetti-dot pattern** Memphis. `daisy-days` is hand-drawn daisyhps-retro-tv
When your agent uses it
A family history told through five decades of home movies — the opening question, the eras, and what the footage reveals. Built as a decision-grade story deck for family, close friends.
What it loads into context
Frontmatter
656 tokensAlways available to the agent
SKILL.md
2,826 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Locked token sheet (do not deviate)
- Signature decor devices (the broadcast kit)
- Layout system (shared upstream 31-layout catalog)
- Page structure & runtime contract (keep the seed script verbatim)
- Authoring checklist
- Attribution
Files
SKILL.mdcore10,220 bytesexample.htmlasset29,909 bytesopen-design.jsonasset5,715 bytes
Read SKILL.md
# Retro TV（复古显像管）
A locked single-theme deck plugin: the `retro-tv` skin from the upstream
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
(36 themes × 31 layouts), shipped as one self-contained seed — `example.html` —
that carries the full token sheet, the broadcast decor devices, the slide
scaffold, and the keyboard runtime.
**Start from `example.html`. Replace content only. Never rewrite the design
system or the runtime script. Never introduce colors or fonts outside this
spec.**
Positioning vs. sibling retro-skeuomorphic plugins: this is the **light
warm-cream picture-tube** device — scanlines on a cream canvas, not on a blackhps-true-blueprint
When your agent uses it
OpenDesign's engineering blueprint: how the sandbox, sidecar, and daemon fit — the system diagram and the invariants. Built as a decision-grade product management deck for engineering org.
What it loads into context
Frontmatter
602 tokensAlways available to the agent
SKILL.md
2,751 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Locked token sheet (`:root` — reproduce verbatim)
- Typography
- Signature devices (what makes it a blueprint)
- Page structure & runtime (keep the seed verbatim)
- Layout masters (all demonstrated in example.html)
- Authoring checklist
- Attribution
Files
SKILL.mdcore9,801 bytesexample.htmlasset29,076 bytesopen-design.jsonasset5,516 bytes
Read SKILL.md
# True Blueprint（工程蓝图）
A locked single-theme deck skin ported from the `blueprint` theme of the
upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
(36 themes × 31 layouts). The whole deck reads as one engineering drawing
set: blueprint-blue paper, white drafting grid, dashed component outlines,
mono lettering, amber redline annotations.
**Start from `example.html`. Replace content only. Never rewrite the design
system or the runtime script. The theme is LOCKED — no theme cycling, no
colors or fonts outside this spec.**
> Sibling note: `html-ppt-knowledge-arch-blueprint` is the *light* blueprint
> variant (cream paper + rust-red ink). This plugin is the opposite-polarityhps-y2k-chrome
When your agent uses it
OpenDesign's KPI decision brief: activation and retention drivers, what's working, and the one metric to move next. Built as a decision-grade data & finance deck for CRO, RevOps, leadership.
What it loads into context
Frontmatter
636 tokensAlways available to the agent
SKILL.md
2,825 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Locked token sheet (`:root` — do not add, remove, or recolor)
- Signature devices (use these, nothing else)
- Page structure & runtime (keep verbatim from the seed)
- Layout masters (upstream 31-layout catalog)
- Authoring checklist
- Attribution
Files
SKILL.mdcore9,520 bytesexample.htmlasset27,536 bytesopen-design.jsonasset5,687 bytes
Read SKILL.md
# Y2K Chrome (hps-y2k-chrome)
Single-theme deck plugin locked to the `y2k-chrome` theme from the upstream
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
(36 themes × 31 layouts × 27 animations — this plugin ships exactly one of
those skins, fully baked into one self-contained seed: `example.html`).
**Start from `example.html`. Replace content only. Never rewrite the design
system or the runtime script. No colors or fonts outside this spec.**
## Locked token sheet (`:root` — do not add, remove, or recolor)
```css
:root{Skills included
- od-deck-deck-guizang-editorial
- od-deck-deck-open-slide-canvas
- od-deck-deck-swiss-international
- od-deck-guizang-ppt
- od-deck-ppt-keynote
- od-prototype-article-magazine
- od-prototype-card-twitter
- od-prototype-card-xiaohongshu
- od-prototype-data-report
- od-prototype-doc-kami-parchment
- od-prototype-mockup-device-3d
- od-prototype-poster-hero
- od-prototype-resume-modern
- od-prototype-social-carousel
- od-prototype-social-reddit-card
- od-prototype-social-spotify-card
- od-prototype-social-x-post-card
- od-prototype-social-youtube-thumbnail
- od-video-frame-data-chart-nyt
- od-video-frame-flowchart-sticky
- od-video-frame-glitch-title
- od-video-frame-light-leak-cinema
- od-video-frame-liquid-bg-hero
- od-video-frame-logo-outro
- od-video-frame-macos-notification
- od-video-vfx-text-cursor
- od-video-video-hyperframes
- open-design
- open-design-campaign
- open-design-critique
- open-design-deck-from-source
- open-design-design-system-from-url
- open-design-docs
- open-design-explore
- open-design-integrations
- open-design-new
- open-design-poster
- open-design-preview
- open-design-publish
- open-design-recurring
- open-design-social-post
- od-deck-deck-guizang-editorial
- od-deck-deck-open-slide-canvas
- od-deck-deck-swiss-international
- od-deck-guizang-ppt
- od-deck-ppt-keynote
- od-prototype-article-magazine
- od-prototype-card-twitter
- od-prototype-card-xiaohongshu
- od-prototype-data-report
- od-prototype-doc-kami-parchment
- od-prototype-mockup-device-3d
- od-prototype-poster-hero
- od-prototype-resume-modern
- od-prototype-social-carousel
- od-prototype-social-reddit-card
- od-prototype-social-spotify-card
- od-prototype-social-x-post-card
- od-prototype-social-youtube-thumbnail
- od-video-frame-data-chart-nyt
- od-video-frame-flowchart-sticky
- od-video-frame-glitch-title
- od-video-frame-light-leak-cinema
- od-video-frame-liquid-bg-hero
- od-video-frame-logo-outro
- od-video-frame-macos-notification
- od-video-vfx-text-cursor
- od-video-video-hyperframes
- open-design
- open-design-campaign
- open-design-critique
- open-design-deck-from-source
- open-design-design-system-from-url
- open-design-docs
- open-design-explore
- open-design-integrations
- open-design-new
- open-design-poster
- open-design-preview
- open-design-publish
- open-design-recurring
- open-design-social-post
- article-magazine
- card-twitter
- card-xiaohongshu
- data-report
- deck-guizang-editorial
- deck-open-slide-canvas
- deck-swiss-international
- doc-kami-parchment
- frame-data-chart-nyt
- frame-flowchart-sticky
- frame-glitch-title
- frame-light-leak-cinema
- frame-liquid-bg-hero
- frame-logo-outro
- frame-macos-notification
- guizang-ppt
- mockup-device-3d
- open-design
- open-design-campaign
- open-design-critique
- open-design-deck-from-source
- open-design-design-system-from-url
- open-design-docs
- open-design-explore
- open-design-integrations
- open-design-new
- open-design-poster
- open-design-preview
- open-design-publish
- open-design-recurring
- open-design-social-post
- poster-hero
- ppt-keynote
- resume-modern
- social-carousel
- social-reddit-card
- social-spotify-card
- social-x-post-card
- social-youtube-thumbnail
- vfx-text-cursor
- video-hyperframes
- audio-jingle
- blog-post
- clinical-case-report
- contact-widget
- critique
- dashboard
- dating-web
- dcf-valuation
- digital-eguide
- docs-page
- email-marketing
- eng-runbook
- finance-report
- flowai-live-dashboard-template
- gamified-app
- github-dashboard
- magazine-web-ppt
- hr-onboarding
- html-ppt
- html-ppt-course-module
- html-ppt-graphify-dark-graph
- html-ppt-hermes-cyber-terminal
- html-ppt-knowledge-arch-blueprint
- html-ppt-obsidian-claude-gradient
- html-ppt-pitch-deck
- html-ppt-presenter-mode
- html-ppt-product-launch
- html-ppt-taste-brutalist
- html-ppt-taste-editorial
- html-ppt-tech-sharing
- html-ppt-testing-safety-alert
- html-ppt-weekly-report
- html-ppt-xhs-pastel-card
- html-ppt-xhs-white-editorial
- html-ppt-zhangzara-8-bit-orbit
- html-ppt-zhangzara-biennale-yellow
- html-ppt-zhangzara-block-frame
- html-ppt-zhangzara-blue-professional
- html-ppt-zhangzara-bold-poster
- html-ppt-zhangzara-broadside
- html-ppt-zhangzara-capsule
- html-ppt-zhangzara-cartesian
- html-ppt-zhangzara-cobalt-grid
- html-ppt-zhangzara-coral
- html-ppt-zhangzara-creative-mode
- html-ppt-zhangzara-daisy-days
- html-ppt-zhangzara-editorial-tri-tone
- html-ppt-zhangzara-grove
- html-ppt-zhangzara-long-table
- html-ppt-zhangzara-mat
- html-ppt-zhangzara-monochrome
- html-ppt-zhangzara-neo-grid-bold
- html-ppt-zhangzara-peoples-platform
- html-ppt-zhangzara-pin-and-paper
- html-ppt-zhangzara-pink-script
- html-ppt-zhangzara-playful
- html-ppt-zhangzara-raw-grid
- html-ppt-zhangzara-retro-windows
- html-ppt-zhangzara-retro-zine
- html-ppt-zhangzara-sakura-chroma
- html-ppt-zhangzara-scatterbrain
- html-ppt-zhangzara-signal
- html-ppt-zhangzara-soft-editorial
- html-ppt-zhangzara-stencil-tablet
- html-ppt-zhangzara-studio
- html-ppt-zhangzara-vellum
- hyperframes
- ib-pitch-book
- image-poster
- invoice
- kami-deck
- kami-landing
- kanban-board
- last30days
- live-artifact
- live-dashboard
- magazine-poster
- meeting-notes
- mobile-app
- mobile-onboarding
- motion-frames
- open-design-landing
- open-design-landing-deck
- orbit-general
- orbit-github
- orbit-gmail
- orbit-linear
- orbit-notion
- pm-spec
- pricing-page
- replit-deck
- saas-landing
- simple-deck
- social-carousel
- social-media-dashboard
- social-media-matrix-tracker-template
- sprite-animation
- team-okrs
- trading-analysis-dashboard-template
- tweaks
- video-shortform
- waitlist-page
- web-prototype
- web-prototype-taste-brutalist
- web-prototype-taste-editorial
- web-prototype-taste-soft
- webgl-experience
- weekly-update
- wireframe-annotated
- wireframe-greybox
- wireframe-mobile-flow
- wireframe-sketch
- worker-visualizer
- x-research
- 3d-object
- 3d-object-glb
- 3d-object-logo
- 3d-scene
- adr
- article-magazine
- article-sketchnote-editorial
- audio-jingle
- blog-post
- card-twitter
- card-xiaohongshu
- changelog-page
- clinical-case-report
- codex-interactive-capability-map
- competitive-teardown
- competitive-teardown-analyst-dossier
- competitive-teardown-radar-map
- competitive-teardown-war-room-grid
- critique
- dashboard
- data-report
- dating-web
- deck-guizang-editorial
- deck-open-slide-canvas
- deck-swiss-international
- diagram
- digital-eguide
- doc-kami-parchment
- docs-page
- email-campaign
- email-marketing
- eng-runbook
- exec-briefing-memo
- exec-briefing-memo-board-memo
- exec-briefing-memo-board-paper
- exec-briefing-memo-decision-command
- experiment-readout
- experiment-readout-growth-console
- experiment-readout-lab-notebook
- experiment-readout-product-readout
- finance-report
- flowai-live-dashboard-template
- frame-data-chart-nyt
- frame-flowchart-sticky
- frame-glitch-title
- frame-light-leak-cinema
- frame-liquid-bg-hero
- frame-logo-outro
- frame-macos-notification
- frontend-slides
- fs-creative-voltage
- fs-editorial-forest
- fs-electric-studio
- fs-emerald-editorial
- fs-notebook-tabs
- gamified-app
- github-dashboard
- hps-academic-paper
- hps-bauhaus
- hps-memphis-pop
- hps-retro-tv
- hps-true-blueprint
- hps-y2k-chrome
Showing 300 of 1,143 skills. See GitHub for the complete repository.
Repository facts
- License
- MIT
- Created
- Sep 19, 2026
- Last pushed
- Nov 5, 2026
- Forks
- 98
- Open issues
- 7
- Project activity
- Active
Rank over the last 12 weeks
Now #871 · best #871 · up 40 in 30 days
- #976 on Oct 19
- #966 on Nov 2
- #921 on Nov 3
- #894 on Nov 4
- #889 on Nov 5
- #871 since Nov 6
3 earlier periods
- #899 on Sep 13
- #903 on Sep 27
- #911 on Oct 4
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 4, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 648 notes
packages/claude-plugin/skills/open-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/claude-plugin/skills/open-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/claude-plugin/skills/open-design-deck-from-source/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/claude-plugin/skills/open-design-deck-from-source/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/claude-plugin/skills/open-design-docs/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/claude-plugin/skills/open-design-recurring/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/claude-plugin/skills/open-design-recurring/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/claude-skills/open-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/claude-skills/open-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/claude-skills/open-design-deck-from-source/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/claude-skills/open-design-deck-from-source/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/claude-skills/open-design-docs/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/claude-skills/open-design-recurring/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/claude-skills/open-design-recurring/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/codex-skills/open-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/codex-skills/open-design/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/codex-skills/open-design-deck-from-source/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/codex-skills/open-design-deck-from-source/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/codex-skills/open-design-deck-from-source/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedpackages/cli/assets/codex-skills/open-design-docs/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- No broad tool permissions
- 8 dangerous shell commandsin 6 files: trading-analysis-dashboard-template/assets/template.html:277 trading-analysis-dashboard-template/assets/template.html:277 replit-deck/SKILL.md:210 and 3 more
- 8,139 network referencesin 1,349 files: taste-skill/SKILL.md:15 taste-skill/SKILL.md:15 html-ppt-zhangzara-daisy-days/example.html:5 and 1,346 more
- 4 obfuscation signalsin 4 files: social-reddit-card/SKILL.md:53 social-reddit-card/SKILL.md:53 social-reddit-card/SKILL.md:53 and 1 more
- No instruction overrides
- 18 executable scriptsin 17 files: scripts/claude-design-system.ts:1 html-ppt-zhangzara-creative-mode/assets/deck-stage.js:1 html-ppt-zhangzara-editorial-tri-tone/assets/deck-stage.js:1 and 14 more
- 4 references to secretsin 4 files: hatch-pet/SKILL.md:324 taste-skill/SKILL.md:1056 hatch-pet/SKILL.md:324 and 1 more
- No requests to vote in Hot
Show all 8,173 signals by file
packages/claude-plugin/skills/open-design-design-system-from-url/SKILL.md
- Network accessline 2
name: "open-design-design-system-from-url" description: Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by s - Network accessline 3
description: Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by side with the site before saving — use whene - Network accessline 4
argument-hint: the website address, and optionally light/dark/both and whether it's your brand (e.g. "https://example.com, dark, our brand") - Network accessline 40
If the request already answers all three ("make a dark design system from https://example.com, it's our brand"), ask nothing and go straight on.
packages/claude-plugin/skills/open-design-recurring/SKILL.md
- Network accessline 105
Point them to the [recurring jobs guide](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/recurring-jobs.md) for details.
packages/claude-plugin/skills/open-design/SKILL.md
- Network accessline 42
> Open Design can't save or check designs in this chat yet. Two ways to fix that: > 1. **Connect a folder:** make a folder called "Open Design" (in Documents, for example), then click **+** in this chat, choose **Add folder** and pick - Network accessline 43
> 1. **Connect a folder:** make a folder called "Open Design" (in Documents, for example), then click **+** in this chat, choose **Add folder** and pick it. > 2. **Install the Open Design extension for Claude Desktop:** download it fro - Network accessline 44
> 2. **Install the Open Design extension for Claude Desktop:** download it from https://github.com/feimacode/open-design-agent-kit/releases/latest, double-click the file, then start a new chat. - Network accessline 153
- Documentation index: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/README.md - Network accessline 154
- Troubleshooting (export errors, missing browser or FFmpeg, blank slides, MCP connection): https://github.com/feimacode/open-design-agent-kit/blob/main/docs/troubleshooting.md - Network accessline 155
- Exploring design directions: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/explore-directions.md - Network accessline 156
- Turning a document into a deck: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/deck-from-a-document.md - Network accessline 157
- Sharing and publishing: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/share-and-publish.md - Network accessline 158
- Connecting Canva, Figma, Notion, Google Drive, Slack or a posting service: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/integrations.md - Network accessline 159
- Social media posts: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/social-posts.md - Network accessline 160
- Posters and print: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/posters.md - Network accessline 161
- Export images: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-images.md · Export decks and PDFs: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-decks.md - Network accessline 162
- Tools reference: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/tools.md
packages/cli/assets/claude-skills/open-design-design-system-from-url/SKILL.md
- Network accessline 2
name: "open-design-design-system-from-url" description: Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by s - Network accessline 3
description: Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by side with the site before saving — use whene - Network accessline 4
argument-hint: the website address, and optionally light/dark/both and whether it's your brand (e.g. "https://example.com, dark, our brand") - Network accessline 40
If the request already answers all three ("make a dark design system from https://example.com, it's our brand"), ask nothing and go straight on.
packages/cli/assets/claude-skills/open-design-recurring/SKILL.md
- Network accessline 105
Point them to the [recurring jobs guide](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/recurring-jobs.md) for details.
packages/cli/assets/claude-skills/open-design/SKILL.md
- Network accessline 42
> Open Design can't save or check designs in this chat yet. Two ways to fix that: > 1. **Connect a folder:** make a folder called "Open Design" (in Documents, for example), then click **+** in this chat, choose **Add folder** and pick - Network accessline 43
> 1. **Connect a folder:** make a folder called "Open Design" (in Documents, for example), then click **+** in this chat, choose **Add folder** and pick it. > 2. **Install the Open Design extension for Claude Desktop:** download it fro - Network accessline 44
> 2. **Install the Open Design extension for Claude Desktop:** download it from https://github.com/feimacode/open-design-agent-kit/releases/latest, double-click the file, then start a new chat. - Network accessline 153
- Documentation index: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/README.md - Network accessline 154
- Troubleshooting (export errors, missing browser or FFmpeg, blank slides, MCP connection): https://github.com/feimacode/open-design-agent-kit/blob/main/docs/troubleshooting.md - Network accessline 155
- Exploring design directions: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/explore-directions.md - Network accessline 156
- Turning a document into a deck: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/deck-from-a-document.md - Network accessline 157
- Sharing and publishing: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/share-and-publish.md - Network accessline 158
- Connecting Canva, Figma, Notion, Google Drive, Slack or a posting service: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/integrations.md - Network accessline 159
- Social media posts: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/social-posts.md - Network accessline 160
- Posters and print: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/posters.md - Network accessline 161
- Export images: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-images.md · Export decks and PDFs: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-decks.md - Network accessline 162
- Tools reference: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/tools.md
packages/cli/assets/codex-skills/open-design-design-system-from-url/SKILL.md
- Network accessline 39
If the request already answers all three ("make a dark design system from https://example.com, it's our brand"), ask nothing and go straight on.
packages/cli/assets/codex-skills/open-design-recurring/SKILL.md
- Network accessline 100
Point them to the [recurring jobs guide](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/recurring-jobs.md) for details.
packages/cli/assets/codex-skills/open-design/SKILL.md
- Network accessline 44
> Open Design can't save or check designs in this chat yet. Two ways to fix that: > 1. **Connect a folder:** make a folder called "Open Design" (in Documents, for example), then click **+** in this chat, choose **Add folder** and pick - Network accessline 45
> 1. **Connect a folder:** make a folder called "Open Design" (in Documents, for example), then click **+** in this chat, choose **Add folder** and pick it. > 2. **Install the Open Design extension for Claude Desktop:** download it fro - Network accessline 46
> 2. **Install the Open Design extension for Claude Desktop:** download it from https://github.com/feimacode/open-design-agent-kit/releases/latest, double-click the file, then start a new chat. - Network accessline 137
- Documentation index: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/README.md - Network accessline 138
- Troubleshooting (export errors, missing browser or FFmpeg, blank slides, MCP connection): https://github.com/feimacode/open-design-agent-kit/blob/main/docs/troubleshooting.md - Network accessline 139
- Exploring design directions: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/explore-directions.md - Network accessline 140
- Turning a document into a deck: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/deck-from-a-document.md - Network accessline 141
- Sharing and publishing: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/share-and-publish.md - Network accessline 142
- Connecting Canva, Figma, Notion, Google Drive, Slack or a posting service: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/integrations.md - Network accessline 143
- Social media posts: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/social-posts.md - Network accessline 144
- Posters and print: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/posters.md - Network accessline 145
- Export images: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-images.md · Export decks and PDFs: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-decks.md - Network accessline 146
- Tools reference: https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/tools.md
packages/content/assets/open-design/design-systems/kami/DESIGN.md
- Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada - Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada - Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada - Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada
packages/content/assets/open-design/design-templates/contact-widget/SKILL.md
- Network accessline 118
### Tier 2 — One-shot messages, no chat history - **`mailto:` fallback** — replace the `send` handler with `window.location.href = 'mailto:you@example.com?subject=...&body=' + encodeURIComponent(text)`. Zero infra, but the visitor's mail cl - Network accessline 120
- **Own `/api/contact` endpoint** — `fetch('/api/contact', { method: 'POST', body: JSON.stringify({ text }) })`. The user owns delivery (SendGrid, Resend, their own SMTP, a Notion/Airtable webhook, etc.). - Network accessline 125
- **Knocket** — https://trtc.io/solutions/knocket (drop-in, free) - Network accessline 126
- **Crisp** — https://crisp.chat - Network accessline 127
- **Tawk.to** — https://tawk.to - Network accessline 128
- **Chatwoot** (self-hosted) — https://chatwoot.com - Network accessline 129
- **Intercom** — https://intercom.com
packages/content/assets/open-design/design-templates/critique/SKILL.md
packages/content/assets/open-design/design-templates/dcf-valuation/SKILL.md
- Network accessline 30
This skill is adapted from Dexter's DCF valuation workflow (`https://github.com/virattt/dexter`). It is an OD-native skill contract only; - Network accessline 31
(`https://github.com/virattt/dexter`). It is an OD-native skill contract only; - Network accessline 140
This workflow is adapted from `https://github.com/virattt/dexter`.
packages/content/assets/open-design/design-templates/guizang-ppt/SKILL.md
packages/content/assets/open-design/design-templates/html-ppt-course-module/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-graphify-dark-graph/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-hermes-cyber-terminal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-knowledge-arch-blueprint/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-obsidian-claude-gradient/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-pitch-deck/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-presenter-mode-reveal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-product-launch/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-taste-brutalist/SKILL.md
- Network accessline 14
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.2 (Tactical Telemetry & CRT Terminal). Deck system follows the project's existing `html-ppt` convention (16:9 slides, vert
packages/content/assets/open-design/design-templates/html-ppt-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md`. The deck system follows the project deck convention: each `.slide` is a `100vw × 100vh` section, the active slide carries `
packages/content/assets/open-design/design-templates/html-ppt-tech-sharing/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-testing-safety-alert/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-weekly-report/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-xhs-pastel-card/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-xhs-white-editorial/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-8-bit-orbit/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-biennale-yellow/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-block-frame/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-blue-professional/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-bold-poster/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-broadside/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-capsule/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-cartesian/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-cobalt-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-coral/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-creative-mode/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-daisy-days/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-editorial-tri-tone/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-grove/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-long-table/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-mat/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-monochrome/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-neo-grid-bold/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 109
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold). - Network accessline 110
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-peoples-platform/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-pin-and-paper/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 110
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper). - Network accessline 111
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-pink-script/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-playful/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-raw-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-retro-windows/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-retro-zine/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-sakura-chroma/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-scatterbrain/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-signal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-soft-editorial/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-stencil-tablet/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-studio/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio).
packages/content/assets/open-design/design-templates/html-ppt-zhangzara-vellum/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum).
packages/content/assets/open-design/design-templates/html-ppt/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill
packages/content/assets/open-design/design-templates/hyperframes/SKILL.md
- Network accessline 288
} </style> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 289
</style> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> <script> - Network accessline 290
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
packages/content/assets/open-design/design-templates/ib-pitch-book/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 32
mode: deck upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" preview: - Network accessline 33
upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 49
alternatives** conversation (coverage & advisory). This is the workflow shape of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), - Network accessline 50
of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), repackaged as an OpenDesign `deck` skill. - Network accessline 51
[`financial-services`](https://github.com/anthropics/financial-services),
packages/content/assets/open-design/design-templates/kami-deck/SKILL.md
- Network accessline 203
- [`open-design-landing-deck`](../open-design-landing-deck/) — same horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 204
horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT). Kami's slides.py template documents the macro - Network accessline 205
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/content/assets/open-design/design-templates/kami-landing/SKILL.md
- Network accessline 230
- [`design-templates/kami-deck/`](../kami-deck/) — sister skill that produces a slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 231
slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT) that the design system adapts. - Network accessline 232
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/content/assets/open-design/design-templates/last30days/SKILL.md
packages/content/assets/open-design/design-templates/open-design-landing/SKILL.md
packages/content/assets/open-design/design-templates/replit-deck/SKILL.md
packages/content/assets/open-design/design-templates/tweaks/SKILL.md
packages/content/assets/open-design/design-templates/web-prototype-taste-brutalist/SKILL.md
- Network accessline 14
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see `design-templates/html-ppt-taste-brutalist/`.
packages/content/assets/open-design/design-templates/web-prototype-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md` and the spatial-rhythm rules in `skills/taste-skill/SKILL.md`. See `example.html` in this directory for a fully-realized tem
packages/content/assets/open-design/design-templates/web-prototype-taste-soft/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/soft-skill/SKILL.md` ("Vanguard UI Architect") with the haptic micro-aesthetics, double-bezel architecture, and motion choreography rules. See `example
packages/content/assets/open-design/design-templates/x-research/SKILL.md
- Network accessline 116
This workflow is adapted from `https://github.com/virattt/dexter`.
packages/content/assets/open-design/examples/3d-object-glb/example.html
- Network accessline 27
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 28
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 29
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 136
} window.odScene.ready = (async () => { const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/'); - Network accessline 137
window.odScene.ready = (async () => { const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/'); const gltf = await new GLTFLoader().setDRACOLoader(draco).loadAsync(MODEL_ - Network accessline 138
const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/');
packages/content/assets/open-design/examples/3d-object-logo/example.html
- Network accessline 27
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 28
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 29
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 50
// The logo, as the brand's SVG. Paste the real mark's <svg> here (filled paths; strokes are ignored). const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> - Network accessline 51
const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
packages/content/assets/open-design/examples/3d-object/example.html
- Network accessline 29
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 31
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 32
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
packages/content/assets/open-design/examples/3d-scene/example.html
- Network accessline 26
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 27
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 28
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 29
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 62
"duration": 10, "assets": [ { "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, - Network accessline 63
"assets": [ { "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, { "source": "polyhaven", "id": "cobblestone_floo - Network accessline 64
{ "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, - Network accessline 65
{ "source": "polyhaven", "id": "cobblestone_floor_04", "url": "https://dl.polyhaven.org/file/ph-assets/Textures/jpg/1k/cobblestone_floor_04/", "license": "CC0" }, - Network accessline 66
{ "source": "polyhaven", "id": "rustic_stone_wall_02", "url": "https://dl.polyhaven.org/file/ph-assets/Textures/jpg/1k/rustic_stone_wall_02/", "license": "CC0" }, - Network accessline 67
{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/file/ph-assets/Models/gltf/1k/Lantern_01/Lantern_01_1k.gltf", "license": "CC0" }, - Network accessline 68
{ "source": "polyhaven", "id": "planter_box_03", "url": "https://dl.polyhaven.org/file/ph-assets/Models/gltf/1k/planter_box_03/planter_box_03_1k.gltf", "license": "CC0" } - Network accessline 88
// Poly Haven files (CC0), from find_open_design_3d_assets. A .gltf refers to its // .bin and textures by relative paths that live elsewhere on the CDN: map them. const PH = 'https://dl.polyhaven.org/file/ph-assets'; - Network accessline 89
// .bin and textures by relative paths that live elsewhere on the CDN: map them. const PH = 'https://dl.polyhaven.org/file/ph-assets'; const HDRI = `${PH}/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr`; - Network accessline 90
const PH = 'https://dl.polyhaven.org/file/ph-assets';
packages/content/assets/open-design/examples/article-magazine/SKILL.md
- Network accessline 17
example_tagline: "灵感来自 @trq212 的推文" example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 18
example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" example_source_label: "@trq212 / x.com" - Network accessline 19
example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/article-magazine/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>我读完 @trq212 那条推之后, 把所有 markdown 都换成了 HTML</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>我读完 @trq212 那条推之后, 把所有 markdown 都换成了 HTML</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Serif+SC:wght@500;700;900&display=swap" rel="stylesheet"> - Network accessline 27
<!-- Source banner — clearly attributes the inspiration --> <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="!no-underline group block mb-10 rounded-2xl border border-[var(--line)] bg-white/7 - Network accessline 28
<a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="!no-underline group block mb-10 rounded-2xl border border-[var(--line)] bg-white/70 hover:bg-white transition-colors p-4 flex items-start gap-4" - Network accessline 39
<div class="text-[11px] font-medium tracking-[0.22em] uppercase text-[var(--accent)] mb-5">Essay · 2026.05 · 评论 / 延伸</div> <h1 class="serif text-[3rem] leading-[1.08] font-black tracking-tight mb-5"> 我读完 <a href="https://x.com/trq212/ - Network accessline 40
<h1 class="serif text-[3rem] leading-[1.08] font-black tracking-tight mb-5"> 我读完 <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="italic font-bold !no-underline" style="color:var(--accent)" - Network accessline 41
我读完 <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="italic font-bold !no-underline" style="color:var(--accent)">@trq212</a> 那条推之后,<br/> - Network accessline 74
<div> <div class="font-semibold text-[var(--ink)] mb-1">题图致敬: 推文中那个 "everything is HTML" 的瞬间。</div> <div class="text-[13px] text-[var(--mute)]">阅读原推 → <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel - Network accessline 75
<div class="font-semibold text-[var(--ink)] mb-1">题图致敬: 推文中那个 "everything is HTML" 的瞬间。</div> <div class="text-[13px] text-[var(--mute)]">阅读原推 → <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" - Network accessline 76
<div class="text-[13px] text-[var(--mute)]">阅读原推 → <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" style="color:var(--accent)">x.com/trq212/status/2052809885763747935</a></div>
packages/content/assets/open-design/examples/article-magazine/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/article-magazine", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/article-magazine",
packages/content/assets/open-design/examples/article-sketchnote-editorial/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/article-sketchnote-editorial/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>涌现的命名 · 复杂系统 1972</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>涌现的命名 · 复杂系统 1972</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&family=Caveat:wght@500;700&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet"> - Network accessline 486
<section class="feature"> <div class="visual"> <svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 487
<div class="visual"> <svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.4"> - Network accessline 488
<svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 554
<h3 class="head-sans">把所有蚂蚁的行为相加</h3> <div class="visual"> <svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> - Network accessline 555
<div class="visual"> <svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.2"> - Network accessline 556
<svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> - Network accessline 594
<div class="right"> <div class="visual"> <svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> - Network accessline 595
<div class="visual"> <svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.3"> - Network accessline 596
<svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> - Network accessline 621
<div class="layout"> <div class="visual"> <svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 622
<div class="visual"> <svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.2"> - Network accessline 623
<svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/audio-jingle/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/audio-jingle", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/audio-jingle",
packages/content/assets/open-design/examples/blog-post/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/blog-post", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/blog-post",
packages/content/assets/open-design/examples/card-twitter/SKILL.md
packages/content/assets/open-design/examples/card-twitter/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Twitter 分享卡 · 金句</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Twitter 分享卡 · 金句</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800&family=Noto+Serif+SC:wght@500;700;900&family=JetBrains+Mono:wght@400;500&d - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800&family=Noto+Serif+SC:wght@500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/card-twitter/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-twitter", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-twitter",
packages/content/assets/open-design/examples/card-xiaohongshu/SKILL.md
packages/content/assets/open-design/examples/card-xiaohongshu/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>5 个让你的 AI 编辑用得更顺手的小习惯</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>5 个让你的 AI 编辑用得更顺手的小习惯</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&family=Inter:wght@500;600;700&display=swap" rel="stylesheet" - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&family=Inter:wght@500;600;700&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/card-xiaohongshu/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-xiaohongshu", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-xiaohongshu",
packages/content/assets/open-design/examples/clinical-case-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/clinical-case-report", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/clinical-case-report",
packages/content/assets/open-design/examples/codex-interactive-capability-map/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/codex-interactive-capability-map", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/codex-interactive-capability-map",
packages/content/assets/open-design/examples/competitive-teardown-analyst-dossier/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/competitive-teardown-analyst-dossier/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · Analyst Dossier</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · Analyst Dossier</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500;700&family=Inter:wght@400;600;800&display=swap" rel=" - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/competitive-teardown-radar-map/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/competitive-teardown-radar-map/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · Radar Map</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · Radar Map</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/competitive-teardown-war-room-grid/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/competitive-teardown-war-room-grid/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/competitive-teardown/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/competitive-teardown/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/critique/SKILL.md
packages/content/assets/open-design/examples/critique/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Critique · magazine-web-ppt example deck</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Critique · magazine-web-ppt example deck</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 407
<div class="lbl">Score Radar</div> <!-- Pentagon radar, 5 axes; score grid at 0/2.5/5/7.5/10 --> <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" aria-label="Score radar chart"> - Network accessline 408
<!-- Pentagon radar, 5 axes; score grid at 0/2.5/5/7.5/10 --> <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" aria-label="Score radar chart"> <defs> - Network accessline 409
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" aria-label="Score radar chart">
packages/content/assets/open-design/examples/critique/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/critique", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/critique",
packages/content/assets/open-design/examples/dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dashboard",
packages/content/assets/open-design/examples/data-report/SKILL.md
packages/content/assets/open-design/examples/data-report/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>数据周报 · 2025 年 5 月</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>数据周报 · 2025 年 5 月</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script> - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/data-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/data-report", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/data-report",
packages/content/assets/open-design/examples/dating-web/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>mutuals · your dating life, measured by the company you keep</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>mutuals · your dating life, measured by the company you keep</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Serif+Text:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/dating-web/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dating-web", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dating-web",
packages/content/assets/open-design/examples/deck-guizang-editorial/SKILL.md
- Network accessline 40
example_tagline: "墨水经典调色板 + 衬线 display" example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 41
example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" example_source_label: "op7418/guizang-ppt-skill" - Network accessline 42
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 46
surface: web featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 47
featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 48
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/deck-guizang-editorial/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Write an Annual Marketing Plan like a World-Class CMO - Marketing & GTM</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;1,400&family=Inter:wght@400;500&displa - Network accessline 5
<title>Write an Annual Marketing Plan like a World-Class CMO - Marketing & GTM</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;1,400&family=Inter:wght@400;500&display=swap" rel="stylesheet" - Network accessline 6
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;1,400&family=Inter:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/deck-guizang-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-guizang-editorial", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-guizang-editorial",
packages/content/assets/open-design/examples/deck-open-slide-canvas/SKILL.md
- Network accessline 39
example_tagline: "锁死 1920×1080 + 自由组合" example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 40
example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" example_source_label: "1weiho/open-slide" - Network accessline 41
example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 45
surface: web featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 46
featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 47
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/deck-open-slide-canvas/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Write an Architecture Review like a World-Class Staff Engineer - Product management</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;900&family=JetBrains+Mono:wght@400 - Network accessline 5
<title>Write an Architecture Review like a World-Class Staff Engineer - Product management</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="s - Network accessline 6
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/deck-open-slide-canvas/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-open-slide-canvas", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-open-slide-canvas",
packages/content/assets/open-design/examples/deck-swiss-international/SKILL.md
- Network accessline 39
example_tagline: "Klein Blue IKB + 16 列网格" example_desc: "10 页完整示例: S01 Cover / S06 KPI Tower / S03 Statement / S19 Four Cards / S04 Six Cells / S11 Timeline / S08 Duo Compare / S14 Loop / S18 Why Now / S09 Closing, 全程 IKB 单 accent" example - Network accessline 40
example_desc: "10 页完整示例: S01 Cover / S06 KPI Tower / S03 Statement / S19 Four Cards / S04 Six Cells / S11 Timeline / S08 Duo Compare / S14 Loop / S18 Why Now / S09 Closing, 全程 IKB 单 accent" example_source_url: "https://github.com/op7418/gui - Network accessline 41
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 45
surface: web featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 46
featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 47
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/deck-swiss-international/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Write a Board Pre-Read like a Fortune-500 Board Chair - Corporate strategy</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&f - Network accessline 5
<title>Write a Board Pre-Read like a Fortune-500 Board Chair - Corporate strategy</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght - Network accessline 6
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/deck-swiss-international/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-swiss-international", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-swiss-international",
packages/content/assets/open-design/examples/diagram/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Open Design Agent Kit — package architecture</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Open Design Agent Kit — package architecture</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&displ - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> - Network accessline 106
(function () { 'use strict'; var SVGNS = 'http://www.w3.org/2000/svg'; - Network accessline 107
'use strict'; var SVGNS = 'http://www.w3.org/2000/svg'; var api = window.odDiagram || (window.odDiagram = {}); - Network accessline 108
var SVGNS = 'http://www.w3.org/2000/svg';
packages/content/assets/open-design/examples/digital-eguide/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>The Creator's Style & Format Guide — Auny</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>The Creator's Style & Format Guide — Auny</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,700;1,500;1,700&family=DM+Serif+Text:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/digital-eguide/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/digital-eguide", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/digital-eguide",
packages/content/assets/open-design/examples/doc-kami-parchment/SKILL.md
- Network accessline 18
example_tagline: "暖羊皮纸 + 墨蓝单色 + 单一衬线" example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" - Network accessline 19
example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" example_source_label: "tw93/kami" - Network accessline 20
example_source_url: "https://github.com/tw93/kami" - Network accessline 26
scenario: personal featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 27
featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 28
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/doc-kami-parchment/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Kami Parchment · OpenDesign Studio №26</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Kami Parchment · OpenDesign Studio №26</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+SC:wght@400; - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+SC:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/doc-kami-parchment/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/doc-kami-parchment", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/doc-kami-parchment",
packages/content/assets/open-design/examples/docs-page/example.html
packages/content/assets/open-design/examples/docs-page/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/docs-page", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/docs-page",
packages/content/assets/open-design/examples/email-campaign/example.html
- Network accessline 73
<tr> <td align="center" bgcolor="#1d2a24" style="border-radius:8px;background-color:#1d2a24"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height: - Network accessline 74
<td align="center" bgcolor="#1d2a24" style="border-radius:8px;background-color:#1d2a24"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height:48px;v-text-ancho - Network accessline 75
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height:48px;v-text-anchor:middle;width:240px" arcsize="17%" stroke="f" fillcolor="#1d2a24"><center style="color:#ffffff;font-fa - Network accessline 76
<!--[if !mso]><!--><a href="https://ledgerly.example/reports" style="display:inline-block;padding:14px 30px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none;border-radius:8px">Open you
packages/content/assets/open-design/examples/email-marketing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/email-marketing", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/email-marketing",
packages/content/assets/open-design/examples/eng-runbook/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/eng-runbook", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/eng-runbook",
packages/content/assets/open-design/examples/exec-briefing-memo-board-memo/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/exec-briefing-memo-board-memo/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/exec-briefing-memo-board-paper/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/exec-briefing-memo-board-paper/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Board Paper</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Board Paper</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;700;800&family=Inter:wght@400;600;800&display=swap" re - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;700;800&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/exec-briefing-memo-decision-command/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/exec-briefing-memo-decision-command/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Decision Command</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Decision Command</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/exec-briefing-memo/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/exec-briefing-memo/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/experiment-readout-growth-console/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/experiment-readout-growth-console/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Growth Console</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Growth Console</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/experiment-readout-lab-notebook/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/experiment-readout-lab-notebook/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Lab Notebook</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Lab Notebook</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Inter:wght@400;600;800&display=swap" rel="st - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/experiment-readout-product-readout/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/experiment-readout-product-readout/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/experiment-readout/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/experiment-readout/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/finance-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/finance-report", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/finance-report",
packages/content/assets/open-design/examples/flowai-live-dashboard-template/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/flowai-live-dashboard-template", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/flowai-live-dashboard-template",
packages/content/assets/open-design/examples/frame-data-chart-nyt/SKILL.md
- Network accessline 17
example_tagline: "编辑级图表 + 错峰揭示" example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · data-chart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/frame-data-chart-nyt/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>NYT Chart · AI Agent MAU 2018–2026</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>NYT Chart · AI Agent MAU 2018–2026</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Sans:wght@400;500;600&fa - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/frame-data-chart-nyt/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-data-chart-nyt", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-data-chart-nyt",
packages/content/assets/open-design/examples/frame-flowchart-sticky/SKILL.md
- Network accessline 17
example_tagline: "SVG 曲线 + 4 色便利贴" example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · flowchart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: operations upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: operations upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/frame-flowchart-sticky/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Sticky Flowchart · HTML Anything Onboarding</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Sticky Flowchart · HTML Anything Onboarding</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Patrick+Hand&family=Inter:wght@400;500;600&fa - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Patrick+Hand&family=Inter:wght@400;500;600&family=IBM+Plex+Mono&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/frame-flowchart-sticky/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-flowchart-sticky", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-flowchart-sticky",
packages/content/assets/open-design/examples/frame-glitch-title/SKILL.md
- Network accessline 18
example_tagline: "cyan / magenta 像散 + CRT 扫描线" example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · glitch" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/frame-glitch-title/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Glitch Title · SIGNAL_LOST</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Glitch Title · SIGNAL_LOST</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="styleshe - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet" /> - Network accessline 23
/* grain */ .grain { position:absolute; inset:0; opacity:0.1; mix-blend-mode:overlay; z-index:4; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfi - Network accessline 24
.grain { position:absolute; inset:0; opacity:0.1; mix-blend-mode:overlay; z-index:4; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E - Network accessline 25
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='ur
packages/content/assets/open-design/examples/frame-glitch-title/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-glitch-title", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-glitch-title",
packages/content/assets/open-design/examples/frame-light-leak-cinema/SKILL.md
- Network accessline 17
example_tagline: "暖橙漏光 + 35mm 颗粒" example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · light-leak" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/frame-light-leak-cinema/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Light Leak Cinema · REEL 03</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Light Leak Cinema · REEL 03</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Source+Serif+Pro:ital,wght@0,400;1,400; - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Source+Serif+Pro:ital,wght@0,400;1,400;1,500&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500&display=swap" rel="st - Network accessline 23
} .grain { position:absolute; inset:0; opacity:0.14; mix-blend-mode:overlay; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeT - Network accessline 24
.grain { position:absolute; inset:0; opacity:0.14; mix-blend-mode:overlay; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbu - Network accessline 25
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='u
packages/content/assets/open-design/examples/frame-light-leak-cinema/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-light-leak-cinema", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-light-leak-cinema",
packages/content/assets/open-design/examples/frame-liquid-bg-hero/SKILL.md
- Network accessline 17
example_tagline: "Aurora Violet 流体" example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-liquid-background" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/frame-liquid-bg-hero/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Liquid Hero · Aurora Violet</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Liquid Hero · Aurora Violet</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=Source+Serif+Pr - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=Source+Serif+Pro:ital,wght@1,400;1,600&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/frame-liquid-bg-hero/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-liquid-bg-hero", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-liquid-bg-hero",
packages/content/assets/open-design/examples/frame-logo-outro/SKILL.md
- Network accessline 18
example_tagline: "Midnight Indigo + glow bloom" example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · logo-outro" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/frame-logo-outro/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Logo Outro · HTML Anything</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Logo Outro · HTML Anything</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;800;900&family=Inter:wght@400;500&family=Noto+Sans+SC:wght@400;5 - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;800;900&family=Inter:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/frame-logo-outro/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-logo-outro", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-logo-outro",
packages/content/assets/open-design/examples/frame-macos-notification/SKILL.md
- Network accessline 17
example_tagline: "Big Sur 磨砂玻璃 banner" example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · macos-notification" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/frame-macos-notification/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>macOS Notification · 转换完成</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>macOS Notification · 转换完成</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/frame-macos-notification/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-macos-notification", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-macos-notification",
packages/content/assets/open-design/examples/frontend-slides/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 32
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 33
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 46
Zero-dependency, animation-rich HTML presentations that run entirely in the browser. Curated from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides). - Network accessline 114
Design system, fixed-stage model, presets, and workflow come from the upstream MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) (© 2025 Zara Zhang). The LICENSE file ships in this plugin folder; k
packages/content/assets/open-design/examples/frontend-slides/example.html
- Network accessline 8
<!-- Fonts: distinctive pairing from the Bold Signal preset — never system fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 11
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/frontend-slides/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/content/assets/open-design/examples/fs-creative-voltage/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 33
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 34
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 47
A locked single-theme deck plugin derived from the **Creative Voltage** preset (section 3 of `STYLE_PRESETS.md`) in the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides). Vibe: bold, creative, ener - Network accessline 88
Google Fonts (the only external reference allowed): `https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap` - Network accessline 89
`https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap` - Network accessline 153
Theme tokens and the fixed-stage model come from the upstream MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) (© 2025 Zara Zhang), Creative Voltage preset. The LICENSE file ships in this plugin f
packages/content/assets/open-design/examples/fs-creative-voltage/example.html
- Network accessline 8
<!-- Fonts: Creative Voltage locked pairing — Syne display, Space Mono body, Yellowtail script accents --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 11
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/fs-creative-voltage/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/content/assets/open-design/examples/fs-editorial-forest/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 32
surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" preview: - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 48
Ported from the MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) `editorial-forest` template. - Network accessline 111
Template design, palette, and the `deck-stage` runtime come from the upstream MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) (© 2026 Zara Zhang), template `editorial-forest`. T
packages/content/assets/open-design/examples/fs-editorial-forest/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Art-Direct an Annual Report like a Magazine Creative Director - Design craft</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Art-Direct an Annual Report like a Magazine Creative Director - Design craft</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500;8..60,600;8..60,700;8..60,800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/fs-editorial-forest/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/beautiful-html-templates", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/beautiful-html-templates", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/beautiful-html-templates" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/beautiful-html-templates"
packages/content/assets/open-design/examples/fs-electric-studio/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 32
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 33
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 46
Bold, clean, professional, high-contrast split-panel decks. Theme locked to the **Electric Studio** preset (section 2 of `STYLE_PRESETS.md`) from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slide - Network accessline 155
Theme, fixed-stage model, and workflow come from the upstream MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) (© 2025 Zara Zhang), Electric Studio preset (STYLE_PRESETS.md section 2). The LICENSE
packages/content/assets/open-design/examples/fs-electric-studio/example.html
- Network accessline 8
<!-- Fonts: Electric Studio is all-Manrope — 800 for display, 400/500 for body --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 11
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/fs-electric-studio/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/content/assets/open-design/examples/fs-emerald-editorial/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 33
surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" preview: - Network accessline 34
upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 47
A magazine-cover business deck system rooted in fashion-magazine mastheads and 19th-century theatrical playbills: a saturated emerald field, deep navy ink, warm paper tiles, bilateral double-rule ornaments, and Bodoni Moda at weight 900. Cu - Network accessline 116
Design system, tokens, slide masters, and the deck-stage runtime come from the upstream MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) `emerald-editorial` template (© 2026 Zara
packages/content/assets/open-design/examples/fs-emerald-editorial/example.html
- Network accessline 4
<meta charset="utf-8" /> <title>Write a Brand-Launch Narrative like a Growth Strategy Lead - Marketing & GTM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 5
<title>Write a Brand-Launch Narrative like a Growth Strategy Lead - Marketing & GTM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 6
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/fs-emerald-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/beautiful-html-templates", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/beautiful-html-templates", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/beautiful-html-templates" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/beautiful-html-templates"
packages/content/assets/open-design/examples/fs-notebook-tabs/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 33
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 34
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 47
A theme-locked deck plugin derived from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) "Notebook Tabs" style preset (STYLE_PRESETS.md section 5). The whole deck reads as one physical, editor
packages/content/assets/open-design/examples/fs-notebook-tabs/example.html
- Network accessline 7
<style> /* === FONTS === */ @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;700&display=swap');
packages/content/assets/open-design/examples/fs-notebook-tabs/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/content/assets/open-design/examples/gamified-app/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Level — daily quests for becoming a better human</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Level — daily quests for becoming a better human</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/gamified-app/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/gamified-app", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/gamified-app",
packages/content/assets/open-design/examples/github-dashboard/example.html
- Network accessline 151
<div class="group-label"><span class="dot-ring"></span> Quick Links</div> <div class="nav"> <a href="https://github.com/nexu-io/open-design" class="nav-item">GitHub Repository</a> - Network accessline 152
<div class="nav"> <a href="https://github.com/nexu-io/open-design" class="nav-item">GitHub Repository</a> <a href="https://github.com/nexu-io/open-design#readme" class="nav-item">Documentation</a> - Network accessline 153
<a href="https://github.com/nexu-io/open-design" class="nav-item">GitHub Repository</a> - Network accessline 154
<a href="https://github.com/nexu-io/open-design#readme" class="nav-item">Documentation</a> - Network accessline 155
<a href="https://github.com/nexu-io/open-design/discussions" class="nav-item">Discussions</a> - Network accessline 179
</div> <div class="actions"> <a class="button" href="https://github.com/nexu-io/open-design">View on GitHub →</a> - Network accessline 180
<div class="actions"> <a class="button" href="https://github.com/nexu-io/open-design">View on GitHub →</a> </div> - Network accessline 181
<a class="button" href="https://github.com/nexu-io/open-design">View on GitHub →</a> - Network accessline 267
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/26423749?v=4" alt="pftom" /> - Network accessline 268
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/26423749?v=4" alt="pftom" /> </div> - Network accessline 269
<img src="https://avatars.githubusercontent.com/u/26423749?v=4" alt="pftom" /> - Network accessline 279
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/20859779?v=4" alt="lefarcen" /> - Network accessline 280
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/20859779?v=4" alt="lefarcen" /> </div> - Network accessline 281
<img src="https://avatars.githubusercontent.com/u/20859779?v=4" alt="lefarcen" /> - Network accessline 291
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/201593046?v=4" alt="Sid-Qin" /> - Network accessline 292
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/201593046?v=4" alt="Sid-Qin" /> </div> - Network accessline 293
<img src="https://avatars.githubusercontent.com/u/201593046?v=4" alt="Sid-Qin" /> - Network accessline 303
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/3953668?v=4" alt="nettee" /> - Network accessline 304
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/3953668?v=4" alt="nettee" /> </div> - Network accessline 305
<img src="https://avatars.githubusercontent.com/u/3953668?v=4" alt="nettee" /> - Network accessline 315
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/56862773?v=4" alt="alchemistklk" /> - Network accessline 316
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/56862773?v=4" alt="alchemistklk" /> </div> - Network accessline 317
<img src="https://avatars.githubusercontent.com/u/56862773?v=4" alt="alchemistklk" /> - Network accessline 354
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"> <img src="https://avatars.githubusercontent.com/u/238133142?v=4" alt="leilei926524-tech" /> - Network accessline 355
<span class="avatar" style="margin-right: 8px;"> <img src="https://avatars.githubusercontent.com/u/238133142?v=4" alt="leilei926524-tech" /> </span> - Network accessline 356
<img src="https://avatars.githubusercontent.com/u/238133142?v=4" alt="leilei926524-tech" /> - Network accessline 367
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> - Network accessline 368
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> <span - Network accessline 369
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> - Network accessline 379
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/42241934?v=4" alt="zlpawn" /></span> - Network accessline 380
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/42241934?v=4" alt="zlpawn" /></span> <span>zlpaw - Network accessline 381
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/42241934?v=4" alt="zlpawn" /></span> - Network accessline 391
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/12208097?v=4" alt="1119302165" /></span> - Network accessline 392
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/12208097?v=4" alt="1119302165" /></span> <span>1 - Network accessline 393
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/12208097?v=4" alt="1119302165" /></span> - Network accessline 403
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> - Network accessline 404
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> <span - Network accessline 405
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span>
packages/content/assets/open-design/examples/github-dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/github-dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/github-dashboard",
packages/content/assets/open-design/examples/hps-academic-paper/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked, single-theme deck plugin in the `html-ppt-studio` family, ported from the MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
the MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 181
Theme tokens and the deck scaffold come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 182
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/content/assets/open-design/examples/hps-academic-paper/example.html
- Network accessline 7
<style> /* hps-academic-paper :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap'); - Network accessline 8
/* hps-academic-paper :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap'); @import url('http - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/content/assets/open-design/examples/hps-academic-paper/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/content/assets/open-design/examples/hps-bauhaus/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 51
Single-theme deck plugin ported from the `bauhaus` theme of the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 52
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 187
Token vocabulary, layout taxonomy, slide scaffold, and the bauhaus palette come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 188
come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>). The LICENSE file ships alongside this - Network accessline 189
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/content/assets/open-design/examples/hps-bauhaus/example.html
- Network accessline 7
<style> /* hps-bauhaus :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 8
/* hps-bauhaus :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@ - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/content/assets/open-design/examples/hps-bauhaus/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/content/assets/open-design/examples/hps-memphis-pop/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked single-theme deck plugin: the `memphis-pop` skin from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 175
Visual system, token vocabulary, theme palette, and layout taxonomy come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 176
from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>), theme `memphis-pop`. The LICENSE - Network accessline 177
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/content/assets/open-design/examples/hps-memphis-pop/example.html
- Network accessline 7
<style> /* hps-memphis-pop :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 8
/* hps-memphis-pop :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:w - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/content/assets/open-design/examples/hps-memphis-pop/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/content/assets/open-design/examples/hps-retro-tv/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked single-theme deck plugin: the `retro-tv` skin from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 192
Visual system, token vocabulary, theme palette, and layout taxonomy come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 193
from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>), theme `retro-tv`. The LICENSE - Network accessline 194
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/content/assets/open-design/examples/hps-retro-tv/example.html
- Network accessline 7
<style> /* hps-retro-tv :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,600;1,800&display=swap'); - Network accessline 8
/* hps-retro-tv :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,600;1,800&display=swap'); @import url('https://fo - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,600;1,800&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/content/assets/open-design/examples/hps-retro-tv/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/content/assets/open-design/examples/hps-true-blueprint/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked single-theme deck skin ported from the `blueprint` theme of the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 187
Palette, token vocabulary, and the blueprint visual language come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 188
upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>), theme `blueprint`. The LICENSE file - Network accessline 189
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/content/assets/open-design/examples/hps-true-blueprint/example.html
- Network accessline 7
<style> /* hps-true-blueprint :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap'); - Network accessline 8
/* hps-true-blueprint :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap'); </style> - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap');
packages/content/assets/open-design/examples/hps-true-blueprint/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/content/assets/open-design/examples/hps-y2k-chrome/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
Single-theme deck plugin locked to the `y2k-chrome` theme from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 173
Visual system, token vocabulary, layout taxonomy, and the y2k-chrome palette come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 174
come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>). The LICENSE file ships alongside this - Network accessline 175
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/content/assets/open-design/examples/hps-y2k-chrome/example.html
- Network accessline 7
<style> /* hps-y2k-chrome :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap'); - Network accessline 8
/* hps-y2k-chrome :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?fa - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');
packages/content/assets/open-design/examples/hps-y2k-chrome/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/content/assets/open-design/examples/hr-onboarding/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hr-onboarding", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hr-onboarding",
packages/content/assets/open-design/examples/html-ppt-course-module/SKILL.md
- Network accessline 32
mode: deck featured: 25 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
featured: 25 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 96
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 97
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-course-module/example.html
- Network accessline 5
<title>Build a New-Hire Onboarding Module like a Top Enablement Lead - Professional training</title> <style>/* course-module :: webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,op - Network accessline 6
<style>/* course-module :: webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Source+Sans+3:wght@40 - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Source+Sans+3:wght@400;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
packages/content/assets/open-design/examples/html-ppt-course-module/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-course-module", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-course-module",
packages/content/assets/open-design/examples/html-ppt-graphify-dark-graph/SKILL.md
- Network accessline 31
mode: deck featured: 28 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 28 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-graphify-dark-graph/example.html
- Network accessline 6
<title>Write a Feature Business Case like a Principal PM - Product management</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500;600&di - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500;600&display=swap'); - Network accessline 171
<section class="slide is-active cover"> <!-- force-directed graph signature: hairline edges, neutral nodes, accent hubs --> <svg class="cover-graph" viewBox="0 0 1600 900" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> - Network accessline 172
<!-- force-directed graph signature: hairline edges, neutral nodes, accent hubs --> <svg class="cover-graph" viewBox="0 0 1600 900" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g stroke="rgba(238,241,238,.15)" stroke-wi - Network accessline 173
<svg class="cover-graph" viewBox="0 0 1600 900" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
packages/content/assets/open-design/examples/html-ppt-graphify-dark-graph/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-graphify-dark-graph", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-graphify-dark-graph",
packages/content/assets/open-design/examples/html-ppt-hermes-cyber-terminal/SKILL.md
- Network accessline 31
mode: deck featured: 30 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 30 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-hermes-cyber-terminal/example.html
- Network accessline 6
<title>Run a BYOK Model-Choice Session like an Applied-AI Engineer - AI literacy</title> <style>/* html-ppt :: webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@ - Network accessline 7
<style>/* html-ppt :: webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Geist:wght@300;400;500&display=swap'); </style> - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Geist:wght@300;400;500&display=swap'); - Network accessline 317
<h2 class="hc-h2">Risk control: -71% cost variance</h2> <p class="hc-lede">vs single-vendor default: day-to-day spend swings tamed by routing guardrails (pilot data, 3 teams)</p> <svg viewBox="0 0 1000 380" style="width:100%;max-wid - Network accessline 318
<p class="hc-lede">vs single-vendor default: day-to-day spend swings tamed by routing guardrails (pilot data, 3 teams)</p> <svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg - Network accessline 319
<svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg"> - Network accessline 380
<p class="hc-lede">Three commands to stand up your own BYOK routing pilot.</p> <pre class="hc-codebox" style="margin-top:22px"><span class="cm"># 1. clone (apache-2.0)</span> <span class="kw">$</span> git clone https://github.com/nexu-i - Network accessline 382
<span class="kw">$</span> git clone https://github.com/nexu-io/open-design
packages/content/assets/open-design/examples/html-ppt-hermes-cyber-terminal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-hermes-cyber-terminal", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-hermes-cyber-terminal",
packages/content/assets/open-design/examples/html-ppt-knowledge-arch-blueprint/SKILL.md
- Network accessline 31
mode: deck featured: 29 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 29 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-knowledge-arch-blueprint/example.html
- Network accessline 6
<title>Turn an Incident Retro into a Learning Deck like a Platform VP - Product management</title> <style>/* html-ppt :: shared webfonts (trimmed to faces actually in use) */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wgh - Network accessline 7
<style>/* html-ppt :: shared webfonts (trimmed to faces actually in use) */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=IBM - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap'); - Network accessline 313
<div class="kb-kicker">Recommendation · System Diagram</div> <h1 class="kb-h1" style="font-size:40px">One resolved root, three enforced checks</h1> <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmln - Network accessline 314
<h1 class="kb-h1" style="font-size:40px">One resolved root, three enforced checks</h1> <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg"> <defs> - Network accessline 315
<svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/html-ppt-knowledge-arch-blueprint/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-knowledge-arch-blueprint", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-knowledge-arch-blueprint",
packages/content/assets/open-design/examples/html-ppt-obsidian-claude-gradient/SKILL.md
- Network accessline 31
mode: deck featured: 31 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 31 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-obsidian-claude-gradient/example.html
- Network accessline 6
<title>Write an Enterprise AI Adoption Brief like a Transformation Lead - AI literacy</title> <style>/* html-ppt :: webfonts (only families actually used by this theme) */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4 - Network accessline 7
<style>/* html-ppt :: webfonts (only families actually used by this theme) */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap'); @import url('https://fonts.googleapis - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
packages/content/assets/open-design/examples/html-ppt-obsidian-claude-gradient/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-obsidian-claude-gradient", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-obsidian-claude-gradient",
packages/content/assets/open-design/examples/html-ppt-pitch-deck/SKILL.md
- Network accessline 32
mode: deck featured: 20 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
featured: 20 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 96
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 97
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-pitch-deck/example.html
- Network accessline 5
<title>Write a Demo Day Pitch like a Top Accelerator Partner - Fundraising pitch</title> <style> @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@300;400;500;600&family=Geist+Mono:wg - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500;600&display=swap'); - Network accessline 276
</div> <div class="in"> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Meet the team</a> - Network accessline 277
<div class="in"> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Meet the team</a> <a class="cta cta2" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopene - Network accessline 278
<a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Meet the team</a> - Network accessline 279
<a class="cta cta2" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">See the metrics</a> - Network accessline 286
<h1 class="display in">Thanks<em class="ac">.</em></h1> <div class="links in"> <a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">GitHub</a> - Network accessline 287
<div class="links in"> <a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">GitHub</a> <a href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener">Discord</a> - Network accessline 288
<a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">GitHub</a> - Network accessline 289
<a href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener">Discord</a> - Network accessline 290
<a href="https://x.com/nexudotio" target="_blank" rel="noreferrer noopener">X</a>
packages/content/assets/open-design/examples/html-ppt-pitch-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-pitch-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-pitch-deck",
packages/content/assets/open-design/examples/html-ppt-presenter-mode-reveal/SKILL.md
- Network accessline 31
mode: deck featured: 26 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 26 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-presenter-mode-reveal/example.html
- Network accessline 6
<title>Run a Live AI Product Demo like a Founding DevRel Lead - AI literacy</title> <style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght - Network accessline 7
<style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?fami - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 722
<div class="code-block mt-m"> <span class="comment"># Get OpenDesign (macOS / Windows · Apache-2.0)</span> <span class="cmd">open</span> <span class="flag">https://github.com/nexu-io/open-design</span> - Network accessline 724
<span class="cmd">open</span> <span class="flag">https://github.com/nexu-io/open-design</span>
packages/content/assets/open-design/examples/html-ppt-presenter-mode-reveal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-presenter-mode-reveal", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-presenter-mode-reveal",
packages/content/assets/open-design/examples/html-ppt-product-launch/SKILL.md
- Network accessline 31
mode: deck featured: 21 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 21 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-product-launch/example.html
- Network accessline 5
<title>Pitch a Team Rollout like a Strategic Account Executive - B2B sales</title> <style> @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Outfit:wght@300;400;500;600& - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap'); - Network accessline 252
<p class="tag">Open · Local · Agent-native</p> <div class="big">85%</div> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Approve the Northwind rollout →</a> - Network accessline 253
<div class="big">85%</div> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Approve the Northwind rollout →</a> <p class="fine">Savings vs. today's suite · Pilot starts within 5 busines - Network accessline 254
<a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Approve the Northwind rollout →</a>
packages/content/assets/open-design/examples/html-ppt-product-launch/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-product-launch", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-product-launch",
packages/content/assets/open-design/examples/html-ppt-taste-brutalist/SKILL.md
- Network accessline 14
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.2 (Tactical Telemetry & CRT Terminal). Deck system follows the project's existing `html-ppt` convention (16:9 slides, vert
packages/content/assets/open-design/examples/html-ppt-taste-brutalist/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1"> <title>OPN-04 // INCIDENT TELEMETRY · CLASSIFIED INTERNAL</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>OPN-04 // INCIDENT TELEMETRY · CLASSIFIED INTERNAL</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=JetBrains+Mono:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/html-ppt-taste-brutalist/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-brutalist", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-brutalist",
packages/content/assets/open-design/examples/html-ppt-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md`. The deck system follows the existing project convention from `design-templates/html-ppt-pitch-deck/example.html` (each `.sl
packages/content/assets/open-design/examples/html-ppt-taste-editorial/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1"> <title>Quartz · 2026 Series A Memo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quartz · 2026 Series A Memo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/html-ppt-taste-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-editorial", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-editorial",
packages/content/assets/open-design/examples/html-ppt-tech-sharing/SKILL.md
- Network accessline 31
mode: deck featured: 22 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 22 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-tech-sharing/example.html
- Network accessline 5
<title>Give an Engineering Tech Talk like a Staff Developer-Advocate - AI literacy</title> <style>/* html-ppt :: tech-sharing webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600; - Network accessline 6
<style>/* html-ppt :: tech-sharing webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600; - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap');
packages/content/assets/open-design/examples/html-ppt-tech-sharing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-tech-sharing", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-tech-sharing",
packages/content/assets/open-design/examples/html-ppt-testing-safety-alert/SKILL.md
- Network accessline 31
mode: deck featured: 32 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 32 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-testing-safety-alert/example.html
- Network accessline 6
<title>Brief a Health-System Board on Data Governance like a Chief Compliance Officer - Government & policy</title> <style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapi - Network accessline 7
<style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap'); - Network accessline 329
<h2 class="ts-h2">One settlement costs <span class="red">14x</span> the governance program</h2> <p class="ts-sub">OCR's 2025 median settlement for uncontrolled vendor access was $4.2M. The proposed governance office costs $310K per year - Network accessline 330
<p class="ts-sub">OCR's 2025 median settlement for uncontrolled vendor access was $4.2M. The proposed governance office costs $310K per year to run.</p> <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xml - Network accessline 331
<svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/html-ppt-testing-safety-alert/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-testing-safety-alert", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-testing-safety-alert",
packages/content/assets/open-design/examples/html-ppt-weekly-report/SKILL.md
- Network accessline 31
mode: deck featured: 23 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 23 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-weekly-report/example.html
- Network accessline 5
<title>Write a Weekly Growth Review like a Head of Analytics - Data, KPI & finance</title> <style>/* weekly-report :: ops ledger restyle */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400..700&family=IBM+Plex+Mono - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400..700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
packages/content/assets/open-design/examples/html-ppt-weekly-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-weekly-report", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-weekly-report",
packages/content/assets/open-design/examples/html-ppt-xhs-pastel-card/SKILL.md
- Network accessline 31
mode: deck featured: 33 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 33 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-xhs-pastel-card/example.html
- Network accessline 6
<title>Write a Personal Manifesto Talk like a Narrative Podcast Producer - Life & story</title> <style>/* html-ppt :: shared webfonts (trimmed to faces actually used) */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wg - Network accessline 7
<style>/* html-ppt :: shared webfonts (trimmed to faces actually used) */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+M - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,800;0,900;1,800;1,900&display=swap');
packages/content/assets/open-design/examples/html-ppt-xhs-pastel-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-pastel-card", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-pastel-card",
packages/content/assets/open-design/examples/html-ppt-xhs-white-editorial/SKILL.md
- Network accessline 32
mode: deck featured: 27 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
featured: 27 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 96
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 97
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/content/assets/open-design/examples/html-ppt-xhs-white-editorial/example.html
- Network accessline 6
<title>Write a Staff-Engineer Promotion Case like a Calibration-Committee Insider - Career</title> <style>/* html-ppt :: shared webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;5 - Network accessline 7
<style>/* html-ppt :: shared webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 346
</div> <h2 class="xw-title-md">How far the <span class="xw-focus-pink">scope</span> grew, how deep the <span class="xw-focus-green">impact</span> reached</h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top: - Network accessline 347
<h2 class="xw-title-md">How far the <span class="xw-focus-pink">scope</span> grew, how deep the <span class="xw-focus-green">impact</span> reached</h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns - Network accessline 348
<svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/html-ppt-xhs-white-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-white-editorial", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-white-editorial",
packages/content/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit).
packages/content/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Turn a Hobby into a Story Deck like a Passion-Project Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Turn a Hobby into a Story Deck like a Passion-Project Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,500;1,500&family=Space+Mono:wght@400;700&family=Tektur:wght@400;700;900&display=swap" rel="stylesheet"> - Network accessline 83
position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' - Network accessline 84
inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3 - Network accessline 85
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cre
packages/content/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-8-bit-orbit", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-8-bit-orbit",
packages/content/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow).
packages/content/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow/example.html
- Network accessline 5
<title>Curate an Art Biennale Deck like a Museum Exhibition Director - Design craft</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-biennale-yellow", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-biennale-yellow",
packages/content/assets/open-design/examples/html-ppt-zhangzara-block-frame/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame).
packages/content/assets/open-design/examples/html-ppt-zhangzara-block-frame/example.html
- Network accessline 6
<title>Rescue a Messy Deck to Board-Grade like an Executive Design Director - Design craft</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Space+Grotesk:wght@400;500;600;700&displa - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap'); - Network accessline 1172
</div> <div class="chart-body"> <svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg"> - Network accessline 1173
<div class="chart-body"> <svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg"> <!-- Axes (baseline at y=280, leaving room for X labels at y=320) --> - Network accessline 1174
<svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/html-ppt-zhangzara-block-frame/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-block-frame", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-block-frame",
packages/content/assets/open-design/examples/html-ppt-zhangzara-blue-professional/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional).
packages/content/assets/open-design/examples/html-ppt-zhangzara-blue-professional/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Present a Quarterly Business Review like a Chief of Staff - Corporate strategy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Present a Quarterly Business Review like a Chief of Staff - Corporate strategy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/html-ppt-zhangzara-blue-professional/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-blue-professional", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-blue-professional",
packages/content/assets/open-design/examples/html-ppt-zhangzara-bold-poster/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster).
packages/content/assets/open-design/examples/html-ppt-zhangzara-bold-poster/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Write a Series A Growth Story like a Tier-1 VC Partner - Fundraising pitch</title> <link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Libre - Network accessline 6
<title>Write a Series A Growth Story like a Tier-1 VC Partner - Fundraising pitch</title> <link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Libre+Baskerville:ital,wght@0,400;1,400&family=Space+Grotesk:wght@400;600;700& - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Libre+Baskerville:ital,wght@0,400;1,400&family=Space+Grotesk:wght@400;600;700&display=swap" rel="stylesheet"> - Network accessline 831
</div> <div class="close-links"> <a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> - Network accessline 832
<div class="close-links"> <a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> <a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">Star on GitHub</a - Network accessline 833
<a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> - Network accessline 834
<a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">Star on GitHub</a> - Network accessline 835
<a href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener">Book Time</a>
packages/content/assets/open-design/examples/html-ppt-zhangzara-bold-poster/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-bold-poster", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-bold-poster",
packages/content/assets/open-design/examples/html-ppt-zhangzara-broadside/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside).
packages/content/assets/open-design/examples/html-ppt-zhangzara-broadside/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 11
Noto Sans SC (CJK fallback for all roles) --> <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" - Network accessline 12
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet" - Network accessline 13
href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap"
packages/content/assets/open-design/examples/html-ppt-zhangzara-broadside/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-broadside", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-broadside",
packages/content/assets/open-design/examples/html-ppt-zhangzara-capsule/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule).
packages/content/assets/open-design/examples/html-ppt-zhangzara-capsule/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Write a Year-End Self-Review like a Promotion-Committee Insider - Career</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Write a Year-End Self-Review like a Promotion-Committee Insider - Career</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,600..800;1,6..96,600..800&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 55
opacity: 0.04; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOcta - Network accessline 56
mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles - Network accessline 57
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cr
packages/content/assets/open-design/examples/html-ppt-zhangzara-capsule/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-capsule", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-capsule",
packages/content/assets/open-design/examples/html-ppt-zhangzara-cartesian/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian).
packages/content/assets/open-design/examples/html-ppt-zhangzara-cartesian/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Present a Senior Thesis Defense like a Distinction-Grade Economics Student - Student coursework</title> <link href="https://fonts.googleapis.com/css2?fami - Network accessline 6
<title>Present a Senior Thesis Defense like a Distinction-Grade Economics Student - Student coursework</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Serif+4:opsz, - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap" rel="stylesheet"> - Network accessline 41
pointer-events: none; opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency - Network accessline 42
opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filte - Network accessline 43
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' hei
packages/content/assets/open-design/examples/html-ppt-zhangzara-cartesian/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cartesian", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cartesian",
packages/content/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid).
packages/content/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid/example.html
- Network accessline 5
<title>Write a Renewal & Expansion Business Case like an Account Director - B2B sales</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,500;1,400&family=Hanken+Grotesk:wght@400;600&family=DM+Mono&display=swap" rel="stylesheet" /> - Network accessline 1152
<div class="col-footer"> <div> <a class="ftag caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Approve</a> - Network accessline 1153
<div> <a class="ftag caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Approve</a> <div class="ftxt">Renewal + 45-seat expansion<br/>confirmed b - Network accessline 1154
<a class="ftag caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Approve</a>
packages/content/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cobalt-grid", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cobalt-grid",
packages/content/assets/open-design/examples/html-ppt-zhangzara-coral/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral).
packages/content/assets/open-design/examples/html-ppt-zhangzara-coral/example.html
- Network accessline 6
<title>Plan a Community-Growth Campaign like a Head of Growth - Marketing & GTM</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bebas+Neue&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bebas+Neue&display=swap'); - Network accessline 1534
</div> <div class="social-row"> <a class="social-icon" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">GH</a> - Network accessline 1535
<div class="social-row"> <a class="social-icon" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">GH</a> <a class="soc - Network accessline 1536
<a class="social-icon" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">GH</a> - Network accessline 1537
<a class="social-icon" href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">DC</a> - Network accessline 1538
<a class="social-icon" href="https://x.com/nexudotio" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">X</a>
packages/content/assets/open-design/examples/html-ppt-zhangzara-coral/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-coral", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-coral",
packages/content/assets/open-design/examples/html-ppt-zhangzara-creative-mode/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode).
packages/content/assets/open-design/examples/html-ppt-zhangzara-creative-mode/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-creative-mode/example.html
- Network accessline 5
<title>Present a Visual-Identity System like a Lead Brand Designer - Design craft</title> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400&family=JetBrains+Mono:wght@400&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/html-ppt-zhangzara-creative-mode/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-creative-mode", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-creative-mode",
packages/content/assets/open-design/examples/html-ppt-zhangzara-daisy-days/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days).
packages/content/assets/open-design/examples/html-ppt-zhangzara-daisy-days/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Write a Customer Onboarding Workshop like a Field Enablement Director - Professional training</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Write a Customer Onboarding Workshop like a Field Enablement Director - Professional training</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 269
<!-- ====== SLIDE 1: Title ====== --> <section class="slide slide-title" id="slide-1"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver. - Network accessline 270
<section class="slide slide-title" id="slide-1"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 { - Network accessline 271
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 272
<div class="deco deco-daisy-tr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 273
<div class="deco deco-daisy-bl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 274
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 275
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FBB0C7" stroke="#000" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 8.3 - Network accessline 276
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 277
<div class="deco deco-star-3"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#A8E6CF" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 286
<section class="slide slide-welcome" id="slide-2"> <div class="deco deco-sun"><svg viewBox="0 0 120 120"><circle cx="60" cy="60" r="26" fill="#FFCD57" stroke="#2D2D2D" stroke-width="2.8"/><g stroke="#2D2D2D" stroke-width="2.8" stroke-line - Network accessline 287
<div class="deco deco-sun"><svg viewBox="0 0 120 120"><circle cx="60" cy="60" r="26" fill="#FFCD57" stroke="#2D2D2D" stroke-width="2.8"/><g stroke="#2D2D2D" stroke-width="2.8" stroke-linecap="round"><line x1="60" y1="10" x2="60" y2="24"/><l - Network accessline 288
<div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE366;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimi - Network accessline 289
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FBB0C7" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 290
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#D4A5E8" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 306
<!-- ====== SLIDE 3: Weekly ====== --> <section class="slide slide-weekly" id="slide-3"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quive - Network accessline 307
<section class="slide slide-weekly" id="slide-3"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 - Network accessline 308
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 309
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 310
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 311
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FFFFFF" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 323
<!-- ====== SLIDE 4: Timeline ====== --> <section class="slide slide-timeline" id="slide-4"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;s - Network accessline 324
<section class="slide slide-timeline" id="slide-4"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;s - Network accessline 325
<div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill:# - Network accessline 326
<div class="deco deco-cloud-2"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill - Network accessline 327
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 328
<div class="deco deco-daisy"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:none; - Network accessline 340
<!-- ====== SLIDE 5: Bar Chart ====== --> <section class="slide slide-chart-bar" id="slide-5"> <div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width - Network accessline 341
<section class="slide slide-chart-bar" id="slide-5"> <div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 - Network accessline 342
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 343
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#A8E6CF" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 344
<div class="deco deco-daisy"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:none; - Network accessline 345
<div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill:# - Network accessline 347
<h2>What Attendees Actually Do In the Room</h2> <div class="chart-container"> <svg class="chart-svg" viewBox="0 0 700 300" xmlns="http://www.w3.org/2000/svg"> - Network accessline 348
<div class="chart-container"> <svg class="chart-svg" viewBox="0 0 700 300" xmlns="http://www.w3.org/2000/svg"> <line x1="70" y1="250" x2="660" y2="250" stroke="#2D2D2D" stroke-width="2"/><line x1="70" y1="20" x2="70" y2="250" stro - Network accessline 349
<svg class="chart-svg" viewBox="0 0 700 300" xmlns="http://www.w3.org/2000/svg"> - Network accessline 367
<!-- ====== SLIDE 6: Info Cards ====== --> <section class="slide slide-cards" id="slide-6"> <div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-widt - Network accessline 368
<section class="slide slide-cards" id="slide-6"> <div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE3 - Network accessline 369
<div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE366;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimi - Network accessline 370
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 371
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#D4A5E8" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 383
<!-- ====== SLIDE 7: Quote ====== --> <section class="slide slide-quote" id="slide-7"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver. - Network accessline 384
<section class="slide slide-quote" id="slide-7"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 { - Network accessline 385
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 386
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 387
<div class="deco deco-star-1" style="top:8%;right:18%;"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2 - Network accessline 388
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 389
<div class="deco deco-rainbow" style="top:6%;right:3%;"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE366;stroke:#1E1E1C;stroke-w - Network accessline 398
<!-- ====== SLIDE 8: Team ====== --> <section class="slide slide-team" id="slide-8"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai - Network accessline 399
<section class="slide slide-team" id="slide-8"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {f - Network accessline 400
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 401
<div class="deco deco-daisy-tr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 402
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 8.3 - Network accessline 403
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 414
<!-- ====== SLIDE 9: Process ====== --> <section class="slide slide-process" id="slide-9"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;str - Network accessline 415
<section class="slide slide-process" id="slide-9"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;st - Network accessline 416
<div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill:# - Network accessline 417
<div class="deco deco-cloud-2"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill - Network accessline 418
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 419
<div class="deco deco-daisy"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:none; - Network accessline 431
<!-- ====== SLIDE 10: Donut Chart ====== --> <section class="slide slide-donut" id="slide-10"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https:/ - Network accessline 432
<section class="slide slide-donut" id="slide-10"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 - Network accessline 433
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 434
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 435
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 436
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 8.3 - Network accessline 438
<div class="donut-wrap"> <div class="donut-chart-box"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> - Network accessline 439
<div class="donut-chart-box"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="80" fill="none" stroke="#E8E8E8" stroke-width="30"/> - Network accessline 440
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/html-ppt-zhangzara-daisy-days/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-daisy-days", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-daisy-days",
packages/content/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone).
packages/content/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/example.html
- Network accessline 5
<title>Build an Editorial Design System like a Magazine Art Director - Design craft</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Instrument+Serif:ital@1&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-editorial-tri-tone", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-editorial-tri-tone",
packages/content/assets/open-design/examples/html-ppt-zhangzara-grove/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove).
packages/content/assets/open-design/examples/html-ppt-zhangzara-grove/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 16
--> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Playfair+Display:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@300;400&display=swa - Network accessline 17
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Playfair+Display:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@300;400&display=swap" - Network accessline 18
href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Playfair+Display:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@300;400&display=swap"
packages/content/assets/open-design/examples/html-ppt-zhangzara-grove/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-grove", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-grove",
packages/content/assets/open-design/examples/html-ppt-zhangzara-long-table/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table).
packages/content/assets/open-design/examples/html-ppt-zhangzara-long-table/example.html
- Network accessline 5
<title>Present a Unit-Economics Model like an FP&A Partner - Data, KPI & finance</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400;1,9..144,500&display=swap" rel="stylesheet" /> - Network accessline 1148
<p class="desc-it">Hold pricing flat at $19 per seat, lean on BYOK as the retention lever, and let team expansion — not AI resale — drive revenue. The model holds at 97.8% margin through 15,000 seats.</p> <div class="actions"> - Network accessline 1149
<div class="actions"> <a class="pill caption" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Review the model</a> <a class="pill ca - Network accessline 1150
<a class="pill caption" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Review the model</a> - Network accessline 1151
<a class="pill caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">See the BYOK docs</a>
packages/content/assets/open-design/examples/html-ppt-zhangzara-long-table/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-long-table", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-long-table",
packages/content/assets/open-design/examples/html-ppt-zhangzara-mat/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat).
packages/content/assets/open-design/examples/html-ppt-zhangzara-mat/example.html
- Network accessline 8
<!-- Preconnect to Google Fonts for faster loading --> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 14
Noto Sans SC: Chinese fallback for all roles. --> <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500&family=DM+Mono:wght@400&family=Noto+Sans+SC:wght@400;500;700&d - Network accessline 15
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500&family=DM+Mono:wght@400&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" - Network accessline 16
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500&family=DM+Mono:wght@400&family=Noto+Sans+SC:wght@400;500;700&display=swap"
packages/content/assets/open-design/examples/html-ppt-zhangzara-mat/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-mat", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-mat",
packages/content/assets/open-design/examples/html-ppt-zhangzara-monochrome/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome).
packages/content/assets/open-design/examples/html-ppt-zhangzara-monochrome/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 17
--> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;1,400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@200;300;400;500&dis - Network accessline 18
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;1,400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@200;300;400;500&display=swa - Network accessline 19
href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;1,400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@200;300;400;500&display=swap"
packages/content/assets/open-design/examples/html-ppt-zhangzara-monochrome/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-monochrome", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-monochrome",
packages/content/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 109
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold). - Network accessline 110
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold).
packages/content/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/example.html
- Network accessline 5
<title>Build a Designer Portfolio Narrative like a Hiring Bar-Raiser - Career</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-neo-grid-bold", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-neo-grid-bold",
packages/content/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform).
packages/content/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Make a Public-Transit Funding Case like a Transportation Policy Lead - Government & policy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Make a Public-Transit Funding Case like a Transportation Policy Lead - Government & policy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Archivo+Narrow:wght@400;500;600;700&family=Caveat+Brush&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-peoples-platform", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-peoples-platform",
packages/content/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 110
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper). - Network accessline 111
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper).
packages/content/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/assets/styles.css
- Network accessline 47
opacity: .35; mix-blend-mode: multiply; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' - Network accessline 48
mix-blend-mode: multiply; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='sti - Network accessline 49
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values=
packages/content/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/example.html
- Network accessline 5
<title>Turn a Field-Study Capstone into a Defense Deck like a Star Biology Major - Student coursework</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pin-and-paper", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pin-and-paper",
packages/content/assets/open-design/examples/html-ppt-zhangzara-pink-script/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script).
packages/content/assets/open-design/examples/html-ppt-zhangzara-pink-script/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-pink-script/example.html
- Network accessline 4
<meta charset="utf-8" /> <title>Turn an Anniversary into a Photo Essay like a Wedding Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 5
<title>Turn an Anniversary into a Photo Essay like a Wedding Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 6
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> - Network accessline 32
content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .08; mix-blend-mode: screen; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><f - Network accessline 33
opacity: .08; mix-blend-mode: screen; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' st - Network accessline 34
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values=
packages/content/assets/open-design/examples/html-ppt-zhangzara-pink-script/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pink-script", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pink-script",
packages/content/assets/open-design/examples/html-ppt-zhangzara-playful/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful).
packages/content/assets/open-design/examples/html-ppt-zhangzara-playful/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Run a Sales-Floor Training like a Top Retail Coach - Professional training</title> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght - Network accessline 6
<title>Run a Sales-Floor Training like a Top Retail Coach - Professional training</title> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Syne:wght@700;800&display=swap" rel="stylesheet"> < - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Syne:wght@700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/html-ppt-zhangzara-playful/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-playful", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-playful",
packages/content/assets/open-design/examples/html-ppt-zhangzara-raw-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid).
packages/content/assets/open-design/examples/html-ppt-zhangzara-raw-grid/example.html
- Network accessline 6
<title>Present a Poster-Series Case Study like a Festival Art Director - Design craft</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap - Network accessline 7
<style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap'); /* ============================================= - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/content/assets/open-design/examples/html-ppt-zhangzara-raw-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-raw-grid", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-raw-grid",
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-windows/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows).
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-windows/example.html
- Network accessline 6
<title>Deliver a Security-Awareness Training like a CISO Enablement Team - Professional training</title> <style> @import url('https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap');
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-windows/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-windows", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-windows",
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-zine/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine).
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-zine/example.html
- Network accessline 6
<title>Make a Neighborhood Zine Story like an Indie Photo Editor - Life & story</title> <style> @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400&family=Space+Grotesk:wght@400;500;600&display= - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400&family=Space+Grotesk:wght@400;500;600&display=swap'); - Network accessline 44
z-index: 9999; opacity: 0.07; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' - Network accessline 45
opacity: 0.07; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch' - Network accessline 46
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cr - Network accessline 816
<div class="hero-label">A Neighborhood Zine</div> <div class="hero-title">CORNER<br>BLOCK</div> <svg class="hero-illustration" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 817
<div class="hero-title">CORNER<br>BLOCK</div> <svg class="hero-illustration" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="110" cy="120" rx="60" ry="45" fill="#1A1A1A" stroke="#1A1A1A" stro - Network accessline 818
<svg class="hero-illustration" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 888
<div class="slide slide-visual" data-index="4"> <div class="visual-bg"> <svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> - Network accessline 889
<div class="visual-bg"> <svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> <circle cx="200" cy="200" r="160" stroke="#1A1A1A" stroke-width="2" fill="none" opacity="0.15"/> - Network accessline 890
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/html-ppt-zhangzara-retro-zine/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-zine", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-zine",
packages/content/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma).
packages/content/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma/example.html
- Network accessline 5
<title>Turn a Cherry-Blossom Trip into a Photo Essay like a Travel Editorial Director - Life & story</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.co - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;900&family=Albert+Sans:ital,wght@0,400;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-sakura-chroma", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-sakura-chroma",
packages/content/assets/open-design/examples/html-ppt-zhangzara-scatterbrain/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain).
packages/content/assets/open-design/examples/html-ppt-zhangzara-scatterbrain/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pitch a Graduation Design Project like a Portfolio-Ready Design Student - Student coursework</title> <link rel="preconnect" href="https://fonts.googleapis - Network accessline 6
<title>Pitch a Graduation Design Project like a Portfolio-Ready Design Student - Student coursework</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossori - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Zilla+Slab:ital,wght@0,400;0,600;0,700;1,400&family=Caveat:wght@400;700&display=swap" rel="stylesheet"> - Network accessline 48
/* Custom cursor - thumbtack feel */ .slide { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ff6b6b'/%3E%3C - Network accessline 49
.slide { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ff6b6b'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23fff'/%3 - Network accessline 50
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ff6b6b'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23fff'/%3E%3C/svg%3E") 12 12, - Network accessline 62
z-index: 9999; opacity: 0.04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 - Network accessline 63
opacity: 0.04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTile - Network accessline 64
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E - Network accessline 111
position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8a0 - Network accessline 112
inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8a088' fill-opacity='0.15'%3E%3Cpat - Network accessline 113
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8a088' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4
packages/content/assets/open-design/examples/html-ppt-zhangzara-scatterbrain/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-scatterbrain", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-scatterbrain",
packages/content/assets/open-design/examples/html-ppt-zhangzara-signal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal).
packages/content/assets/open-design/examples/html-ppt-zhangzara-signal/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 16
--> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9. - Network accessline 17
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500; - Network accessline 18
href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&fa
packages/content/assets/open-design/examples/html-ppt-zhangzara-signal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-signal", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-signal",
packages/content/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial).
packages/content/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/example.html
- Network accessline 5
<title>Deliver a Digital-Transformation Roadmap like a Big-Four Partner - Consulting</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Work+Sans:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-soft-editorial", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-soft-editorial",
packages/content/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet).
packages/content/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/content/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/example.html
- Network accessline 5
<title>Present a Workplace-Safety Compliance Review like a Senior Regulator - Government & policy</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-stencil-tablet", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-stencil-tablet",
packages/content/assets/open-design/examples/html-ppt-zhangzara-studio/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio).
packages/content/assets/open-design/examples/html-ppt-zhangzara-studio/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 16
--> <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" - Network accessline 17
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet" - Network accessline 18
href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap"
packages/content/assets/open-design/examples/html-ppt-zhangzara-studio/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-studio", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-studio",
packages/content/assets/open-design/examples/html-ppt-zhangzara-vellum/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum).
packages/content/assets/open-design/examples/html-ppt-zhangzara-vellum/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400;1,500&family=DM+Sans:wght@400&family=Courier+Prime:wght@400&display=swap" rel="stylesheet" - Network accessline 11
href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400;1,500&family=DM+Sans:wght@400&family=Courier+Prime:wght@400&display=swap"
packages/content/assets/open-design/examples/html-ppt-zhangzara-vellum/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-vellum", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-vellum",
packages/content/assets/open-design/examples/huashu-annual-letter/SKILL.md
- Network accessline 55
Adapted from the editorial-longform style (`references/design-styles.md`, 安静派 · 杂志编辑长文流 / Editorial Longform) of [huashu-design](https://github.com/alchaincyf/huashu-design) by - Network accessline 56
安静派 · 杂志编辑长文流 / Editorial Longform) of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Reference lineage: Stripe Annual Letter, - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by
packages/content/assets/open-design/examples/huashu-annual-letter/example.html
- Network accessline 6
<title>Write an Annual Founder's Letter like a Mission-Driven CEO - Corporate strategy</title> <style> @import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,5 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=Inter:wght@400;500;6
packages/content/assets/open-design/examples/huashu-annual-letter/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-bento-insight/SKILL.md
- Network accessline 54
Generated from the「Bento便当格模块网格 / Bento Grid」entry (neutral school, 95% fidelity) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 55
95% fidelity) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Reference lineage: Apple Keynote Bento-Grid era, - Network accessline 56
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/content/assets/open-design/examples/huashu-bento-insight/example.html
- Network accessline 6
<title>Write a Competitive Displacement Deck like a Top Sales Engineer - B2B sales</title> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Geist:wght@300;400;700;800;900&family=Geist+Mono:wght - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Geist:wght@300;400;700;800;900&family=Geist+Mono:wght@400;600;700;800&display=swap');
packages/content/assets/open-design/examples/huashu-bento-insight/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-golden-circle/SKILL.md
- Network accessline 55
Generated from the 中性派「单图母图概念图解 / Diagrammatic Minimalism」spec in `references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
`references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Lineage: Simon Sinek's Golden Circle TED talk, - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/content/assets/open-design/examples/huashu-golden-circle/example.html
- Network accessline 15
by Huashu (alchaincyf). Sinek Golden Circle / TED lineage. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Manrope:wght@400;500;70 - Network accessline 17
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Manrope:wght@400;500;700;800&display=swap');
packages/content/assets/open-design/examples/huashu-golden-circle/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-keynote-black/SKILL.md
- Network accessline 55
Generated from the「黑底巨型数字剧场 / Black Big-Number Stage」entry (大胆派, 还原 97%) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
(大胆派, 还原 97%) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed — references: Steve Jobs' 2007 iPhone keynote, - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/content/assets/open-design/examples/huashu-keynote-black/example.html
- Network accessline 15
by Huashu (alchaincyf). ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&display=swap'); - Network accessline 17
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&display=swap');
packages/content/assets/open-design/examples/huashu-keynote-black/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-luxe-whitespace/SKILL.md
- Network accessline 55
Adapted from the `ppt-build` showcase of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 101
- **Font loading**: exactly one `@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap')` - Network accessline 102
`@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap')`
packages/content/assets/open-design/examples/huashu-luxe-whitespace/example.html
- Network accessline 13
Based on huashu-design ppt-build by huashu (alchaincyf). ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap');
packages/content/assets/open-design/examples/huashu-luxe-whitespace/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-pentagram-grid/SKILL.md
packages/content/assets/open-design/examples/huashu-pentagram-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-slides/SKILL.md
- Network accessline 54
Adapted from the slides line of [huashu-design](https://github.com/alchaincyf/huashu-design)
packages/content/assets/open-design/examples/huashu-slides/example.html
- Network accessline 6
<title>Tell a Career-Pivot Story like an Executive-Presence Coach - Career</title> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@600;700;900&family=Noto+Sans:wght@400&family=Lora:ital,wght@1,400;1,600&family= - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@600;700;900&family=Noto+Sans:wght@400&family=Lora:ital,wght@1,400;1,600&family=Inter:wght@400&family=JetBrains+Mono:wght@400;500&display=swap');
packages/content/assets/open-design/examples/huashu-slides/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-sparkline-arc/SKILL.md
- Network accessline 55
Generated from the `Sparkline叙事波形 / Narrative Sparkline (Duarte式)` spec (中性派, 还原91%) in `references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
(中性派, 还原91%) in `references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Lineage: Nancy Duarte《Resonate》sparkline - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/content/assets/open-design/examples/huashu-sparkline-arc/example.html
- Network accessline 13
(Neutral school · Sparkline narrative waveform · 91% fidelity) by Huashu (alchaincyf). ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;8 - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600&display=swap');
packages/content/assets/open-design/examples/huashu-sparkline-arc/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/huashu-takram-soft-tech/SKILL.md
packages/content/assets/open-design/examples/huashu-takram-soft-tech/example.html
- Network accessline 6
<title>Build a Buyer-Committee Leave-Behind like an Enterprise Sales Lead - B2B sales</title> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Serif:ital,wght@0,300;0,400;0,500;0,600;0,7 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700&display=swap');
packages/content/assets/open-design/examples/huashu-takram-soft-tech/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/content/assets/open-design/examples/ib-pitch-book/SKILL.md
- Network accessline 32
mode: deck featured: 15 upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 33
featured: 15 upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" preview: - Network accessline 34
upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 50
alternatives** conversation (coverage & advisory). This is the workflow shape of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), - Network accessline 51
of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), repackaged as an OpenDesign `deck` skill. - Network accessline 52
[`financial-services`](https://github.com/anthropics/financial-services),
packages/content/assets/open-design/examples/ib-pitch-book/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Write an Investor Pitch Book like a Growth-Equity Analyst - Fundraising pitch</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Write an Investor Pitch Book like a Growth-Equity Analyst - Fundraising pitch</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300..600;1,8..60,300..600&display=swap" rel="stylesheet"> - Network accessline 1119
<div style="display:grid;gap:14px;"> <div class="stamp"> <a class="lab" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Data room & diligence acc - Network accessline 1120
<div class="stamp"> <a class="lab" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Data room & diligence access</a> <div class="who">Available - Network accessline 1121
<a class="lab" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Data room & diligence access</a>
packages/content/assets/open-design/examples/ib-pitch-book/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ib-pitch-book", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ib-pitch-book",
packages/content/assets/open-design/examples/image-poster/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/image-poster", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/image-poster",
packages/content/assets/open-design/examples/info-funnel/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/assets/open-design/examples/invoice/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/invoice", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/invoice",
packages/content/assets/open-design/examples/kami-deck/SKILL.md
- Network accessline 204
- [`open-design-landing-deck`](../open-design-landing-deck/) — same horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 205
horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT). Kami's slides.py template documents the macro - Network accessline 206
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/content/assets/open-design/examples/kami-deck/example.html
- Network accessline 6
<title>Turn a Study into a Lab Meeting Deck like a Senior Postdoc - Academic research</title> <meta name='description' content='A gut-microbiome lab-meeting research deck on kami parchment. Warm parchment with ink-blue cover and chapter sli - Network accessline 7
<meta name='description' content='A gut-microbiome lab-meeting research deck on kami parchment. Warm parchment with ink-blue cover and chapter slides, serif at one weight, no italic.' /> <link rel='preconnect' href='https://fonts.googleapis - Network accessline 8
<link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 9
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 10
<link href='https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500&family=Source+Sans+3:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap' rel='stylesheet' />
packages/content/assets/open-design/examples/kami-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-deck",
packages/content/assets/open-design/examples/kami-landing/SKILL.md
- Network accessline 231
- [`design-templates/kami-deck/`](../kami-deck/) — sister skill that produces a slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 232
slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT) that the design system adapts. - Network accessline 233
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/content/assets/open-design/examples/kami-landing/example.html
- Network accessline 6
<title>OpenDesign — Designing intelligence on warm paper.</title> <meta name='description' content='OpenDesign as a kami one-pager. Warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays.' /> <link rel='precon - Network accessline 7
<meta name='description' content='OpenDesign as a kami one-pager. Warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays.' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel='preconnect - Network accessline 8
<link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 9
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 10
<link href='https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500&family=Source+Sans+3:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap' rel='stylesheet' /> - Network accessline 581
<div class='a-label'>Three commands · 30 seconds</div> <pre class='a-body'><span class="c"># Clone, install, launch the local daemon.</span> git clone <span class="k">https://github.com/nexu-io/open-design</span> - Network accessline 582
<pre class='a-body'><span class="c"># Clone, install, launch the local daemon.</span> git clone <span class="k">https://github.com/nexu-io/open-design</span> pnpm install - Network accessline 583
git clone <span class="k">https://github.com/nexu-io/open-design</span>
packages/content/assets/open-design/examples/kami-landing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-landing", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-landing",
packages/content/assets/open-design/examples/kanban-board/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kanban-board", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kanban-board",
packages/content/assets/open-design/examples/live-dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/live-dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/live-dashboard",
packages/content/assets/open-design/examples/magazine-poster/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/magazine-poster", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/magazine-poster",
packages/content/assets/open-design/examples/meeting-notes/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/meeting-notes", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/meeting-notes",
packages/content/assets/open-design/examples/mobile-app/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-app", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-app",
packages/content/assets/open-design/examples/mobile-onboarding/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-onboarding", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-onboarding",
packages/content/assets/open-design/examples/mockup-device-3d/SKILL.md
- Network accessline 17
example_tagline: "HTML-in-Canvas 设备秀" example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-iphone-device" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: product upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/mockup-device-3d/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Device 3D Showcase · HTML-in-Canvas</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Device 3D Showcase · HTML-in-Canvas</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Noto+Sans+SC:w - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/mockup-device-3d/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mockup-device-3d", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mockup-device-3d",
packages/content/assets/open-design/examples/motion-frames/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/motion-frames", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/motion-frames",
packages/content/assets/open-design/examples/open-design-landing-deck/example.html
- Network accessline 6
<title>Write a Brand-Story Deck like a Founder Storyteller - Marketing & GTM</title> <meta name='description' content='OpenDesign pitch deck — Vol. 01.' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 7
<meta name='description' content='OpenDesign pitch deck — Vol. 01.' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 8
<link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 9
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 10
<link href='https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800;900&family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,400;1,500;1,600&family=JetBrains+Mono:wght@400;500&display=swap' rel='stylesheet' - Network accessline 57
radial-gradient(circle at 12% 18%, rgba(106, 92, 56, 0.07) 0, transparent 28%), radial-gradient(circle at 88% 72%, rgba(106, 92, 56, 0.06) 0, transparent 32%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' wid - Network accessline 58
radial-gradient(circle at 88% 72%, rgba(106, 92, 56, 0.06) 0, transparent 32%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency - Network accessline 59
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18 0 - Network accessline 956
<p class='body'>Download OpenDesign and verify the story yourself, or clone the repo to check the license, the plugin count, and the commit history — same numbers we just showed you.</p> <div class='actions'> <a class='btn btn-primary - Network accessline 957
<div class='actions'> <a class='btn btn-primary' href='https://open-design.ai/' target='_blank' rel='noreferrer noopener'> Download OpenDesign - Network accessline 958
<a class='btn btn-primary' href='https://open-design.ai/' target='_blank' rel='noreferrer noopener'> Download OpenDesign <span class='arrow'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></span> - Network accessline 960
<span class='arrow'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></span> </a> <a class='btn btn-ghost' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> - Network accessline 961
</a> <a class='btn btn-ghost' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> View the GitHub repo - Network accessline 962
<a class='btn btn-ghost' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>
packages/content/assets/open-design/examples/open-design-landing-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-landing-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-landing-deck",
packages/content/assets/open-design/examples/orbit-general/example.html
- Network accessline 29
<title>Open Orbit — 早安简报</title> <style> @import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@400;500;600;700&display=swap'); - Network accessline 31
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@400;500;600;700&display=swap'); - Network accessline 1254
// Inject CTA links into each bento card based on its connector title. const connectorLinks = { 'GitHub': 'https://github.com/nexu-io/open-design', - Network accessline 1255
const connectorLinks = { 'GitHub': 'https://github.com/nexu-io/open-design', 'GitLab': 'https://gitlab.com/nexu-io/open-design', - Network accessline 1256
'GitHub': 'https://github.com/nexu-io/open-design', - Network accessline 1257
'GitLab': 'https://gitlab.com/nexu-io/open-design', - Network accessline 1258
'Sentry': 'https://nexu.sentry.io/issues/?statsPeriod=24h', - Network accessline 1259
'Vercel': 'https://vercel.com/nexu/open-design', - Network accessline 1260
'Linear': 'https://linear.app/nexu/team/ENG/active', - Network accessline 1261
'Slack': 'https://nexu.slack.com', - Network accessline 1262
'Gmail': 'https://mail.google.com/mail/u/0/#inbox', - Network accessline 1263
'Notion': 'https://www.notion.so/nexu', - Network accessline 1264
'Jira': 'https://nexu.atlassian.net/jira/your-work', - Network accessline 1265
'Trello': 'https://trello.com/nexu', - Network accessline 1266
'Drive': 'https://drive.google.com/drive/u/0/recent', - Network accessline 1267
'飞书 IM': 'https://www.feishu.cn/messenger', - Network accessline 1268
'飞书文档': 'https://www.feishu.cn/drive/home' - Network accessline 1283
// Make Top 3 cards clickable (entire tile is the link). const top3Links = [ 'https://github.com/nexu-io/open-design/pull/1842', - Network accessline 1284
const top3Links = [ 'https://github.com/nexu-io/open-design/pull/1842', 'https://www.notion.so/nexu/Onboarding-Flow-v3', - Network accessline 1285
'https://github.com/nexu-io/open-design/pull/1842', - Network accessline 1286
'https://www.notion.so/nexu/Onboarding-Flow-v3', - Network accessline 1287
'https://nexu.sentry.io/issues/?project=auth-service&statsPeriod=24h'
packages/content/assets/open-design/examples/orbit-general/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-general", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-general",
packages/content/assets/open-design/examples/orbit-github/example.html
packages/content/assets/open-design/examples/orbit-github/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-github", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-github",
packages/content/assets/open-design/examples/orbit-gmail/example.html
- Network accessline 618
function openInGmail(sender, subject) { const q = sender ? `from:${sender}` : (subject || ''); const url = 'https://mail.google.com/mail/u/0/#search/' + encodeURIComponent(q); - Network accessline 619
const q = sender ? `from:${sender}` : (subject || ''); const url = 'https://mail.google.com/mail/u/0/#search/' + encodeURIComponent(q); window.open(url, '_blank', 'noopener,noreferrer'); - Network accessline 620
const url = 'https://mail.google.com/mail/u/0/#search/' + encodeURIComponent(q); - Network accessline 636
btn.addEventListener('click', e => { e.preventDefault(); window.open('https://mail.google.com/mail/u/0/#inbox', '_blank', 'noopener,noreferrer'); - Network accessline 637
e.preventDefault(); window.open('https://mail.google.com/mail/u/0/#inbox', '_blank', 'noopener,noreferrer'); }); - Network accessline 638
window.open('https://mail.google.com/mail/u/0/#inbox', '_blank', 'noopener,noreferrer');
packages/content/assets/open-design/examples/orbit-gmail/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-gmail", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-gmail",
packages/content/assets/open-design/examples/orbit-linear/example.html
- Network accessline 553
const id = issue.querySelector('.issue-id')?.textContent?.trim(); if (!id) return; const url = `https://linear.app/${TEAM}/issue/${id}`; - Network accessline 554
if (!id) return; const url = `https://linear.app/${TEAM}/issue/${id}`; const a = document.createElement('a'); - Network accessline 555
const url = `https://linear.app/${TEAM}/issue/${id}`;
packages/content/assets/open-design/examples/orbit-linear/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-linear", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-linear",
packages/content/assets/open-design/examples/orbit-notion/example.html
packages/content/assets/open-design/examples/orbit-notion/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-notion", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-notion",
packages/content/assets/open-design/examples/pm-spec/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pm-spec", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pm-spec",
packages/content/assets/open-design/examples/poster-hero/SKILL.md
packages/content/assets/open-design/examples/poster-hero/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>HTML Anything 0.1 海报</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>HTML Anything 0.1 海报</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&family=JetBrains+Mono:wght@50 - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"> - Network accessline 58
<div style="display:flex; align-items:center; gap:24px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.18)"> <div class="qr"> <svg viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> - Network accessline 59
<div class="qr"> <svg viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> <rect width="33" height="33" fill="#fff"/> - Network accessline 60
<svg viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/poster-hero/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/poster-hero", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/poster-hero",
packages/content/assets/open-design/examples/ppt-keynote/SKILL.md
packages/content/assets/open-design/examples/ppt-keynote/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Present an Operating-Model Redesign like a Strategy Engagement Lead - Consulting</title> <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,w - Network accessline 6
<title>Present an Operating-Model Redesign like a Strategy Engagement Lead - Consulting</title> <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,420;0,9..144,520;0,9..144,600;1,9..144,420;1,9..144,520&fa - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,420;0,9..144,520;0,9..144,600;1,9..144,420;1,9..144,520&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/ppt-keynote/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ppt-keynote", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ppt-keynote",
packages/content/assets/open-design/examples/pricing-page/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pricing-page", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pricing-page",
packages/content/assets/open-design/examples/resume-modern/SKILL.md
packages/content/assets/open-design/examples/resume-modern/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>林清禾 · 简历</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>林清禾 · 简历</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/resume-modern/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/resume-modern", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/resume-modern",
packages/content/assets/open-design/examples/saas-landing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/saas-landing", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/saas-landing",
packages/content/assets/open-design/examples/simple-deck/example.html
- Network accessline 6
<title>Write an Operating Review like a Disciplined COO - Corporate strategy</title> <style> @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Geis - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Geist+Mono:wght@400;500&display=swap');
packages/content/assets/open-design/examples/simple-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/simple-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/simple-deck",
packages/content/assets/open-design/examples/social-carousel/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Three posts. One beat. — social carousel</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Three posts. One beat. — social carousel</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/social-carousel/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-carousel", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-carousel",
packages/content/assets/open-design/examples/social-media-dashboard/example.html
- Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>OpenDesign · Social Analytics</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<title>OpenDesign · Social Analytics</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 1234
// Real GitHub contributors — only verified avatar IDs to avoid 404s const githubContributors = [ { login: "pftom", avatar: "https://avatars.githubusercontent.com/u/26423749?v=4", contributions: 26 }, - Network accessline 1235
const githubContributors = [ { login: "pftom", avatar: "https://avatars.githubusercontent.com/u/26423749?v=4", contributions: 26 }, { login: "lefarcen", avatar: "https://avatars.githubusercontent.com/u/20859779?v=4", contributio - Network accessline 1236
{ login: "pftom", avatar: "https://avatars.githubusercontent.com/u/26423749?v=4", contributions: 26 }, - Network accessline 1237
{ login: "lefarcen", avatar: "https://avatars.githubusercontent.com/u/20859779?v=4", contributions: 18 }, - Network accessline 1238
{ login: "Sid-Qin", avatar: "https://avatars.githubusercontent.com/u/201593046?v=4", contributions: 17 }, - Network accessline 1239
{ login: "nettee", avatar: "https://avatars.githubusercontent.com/u/3953668?v=4", contributions: 10 }, - Network accessline 1240
{ login: "alchemistklk", avatar: "https://avatars.githubusercontent.com/u/56862773?v=4", contributions: 8 } - Network accessline 1329
for (let i = 0; i <= 5; i++) { const y = i * 56; const line = document.createElementNS('http://www.w3.org/2000/svg', 'line'); - Network accessline 1330
const y = i * 56; const line = document.createElementNS('http://www.w3.org/2000/svg', 'line'); line.setAttribute('x1', '0'); - Network accessline 1331
const line = document.createElementNS('http://www.w3.org/2000/svg', 'line'); - Network accessline 1342
// Area fill const areaPoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const area = document.createElementNS('http://www.w3.org/2000/svg', 'polygon'); - Network accessline 1343
const areaPoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const area = document.createElementNS('http://www.w3.org/2000/svg', 'polygon'); area.setAttribute('points', `0,280 ${areaPoints} 600,280`); - Network accessline 1344
const area = document.createElementNS('http://www.w3.org/2000/svg', 'polygon'); - Network accessline 1349
// Line const linePoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const line = document.createElementNS('http://www.w3.org/2000/svg', 'polyline'); - Network accessline 1350
const linePoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const line = document.createElementNS('http://www.w3.org/2000/svg', 'polyline'); line.setAttribute('points', linePoints); - Network accessline 1351
const line = document.createElementNS('http://www.w3.org/2000/svg', 'polyline'); - Network accessline 1361
// otherwise place it below so the text never collides with the curve. data.chartAnnotations.forEach(ann => { const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); - Network accessline 1362
data.chartAnnotations.forEach(ann => { const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); circle.setAttribute('cx', ann.x); - Network accessline 1363
const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); - Network accessline 1379
// Soft pill background behind the text so it stays legible across the // gold gradient + chart line, without using a heavy rect. const text = document.createElementNS('http://www.w3.org/2000/svg', 'text'); - Network accessline 1380
// gold gradient + chart line, without using a heavy rect. const text = document.createElementNS('http://www.w3.org/2000/svg', 'text'); text.setAttribute('x', ann.x); - Network accessline 1381
const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
packages/content/assets/open-design/examples/social-media-dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-dashboard",
packages/content/assets/open-design/examples/social-media-matrix-tracker-template/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-matrix-tracker-template", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-matrix-tracker-template",
packages/content/assets/open-design/examples/social-reddit-card/SKILL.md
- Network accessline 17
example_tagline: "Reddit dark mode + vote rail" example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · reddit-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything" - Possible obfuscationline 53
- 底部 action row: 💬 `1.2k Comments` · 🏆 Awards · ⤴<U+FE0F> Share · ⋯ icon。
packages/content/assets/open-design/examples/social-reddit-card/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Reddit Post · r/programming</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Reddit Post · r/programming</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="s - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/social-reddit-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-reddit-card", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-reddit-card",
packages/content/assets/open-design/examples/social-spotify-card/SKILL.md
- Network accessline 17
example_tagline: "Spotify 经典 dark 卡" example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · spotify-card" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: personal upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: personal upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/social-spotify-card/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Spotify Now Playing · Lo-Fi</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Spotify Now Playing · Lo-Fi</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/social-spotify-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-spotify-card", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-spotify-card",
packages/content/assets/open-design/examples/social-x-post-card/SKILL.md
- Network accessline 17
example_tagline: "X dark mode + 互动数据" example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · x-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/social-x-post-card/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>X Post Card · Markdown is Dead</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>X Post Card · Markdown is Dead</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/social-x-post-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-x-post-card", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-x-post-card",
packages/content/assets/open-design/examples/sprite-animation/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Nintendo, 1889 — sprite animation</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Nintendo, 1889 — sprite animation</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+JP:wght@500;700&family=Press+Start+2P&display=swap" rel="stylesheet" /> - Network accessline 211
<div class="sprite-card"> <!-- Hanafuda card sprite — pixel-art flower --> <svg width="120" height="160" viewBox="0 0 24 32" xmlns="http://www.w3.org/2000/svg" aria-label="Hanafuda card"> - Network accessline 212
<!-- Hanafuda card sprite — pixel-art flower --> <svg width="120" height="160" viewBox="0 0 24 32" xmlns="http://www.w3.org/2000/svg" aria-label="Hanafuda card"> <!-- background --> - Network accessline 213
<svg width="120" height="160" viewBox="0 0 24 32" xmlns="http://www.w3.org/2000/svg" aria-label="Hanafuda card">
packages/content/assets/open-design/examples/sprite-animation/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/sprite-animation", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/sprite-animation",
packages/content/assets/open-design/examples/style-tile/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Style tile — Harbor</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Style tile — Harbor</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;700&family=JetBrains+Mo - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;700&family=JetBrains+Mono&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/team-okrs/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/team-okrs", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/team-okrs",
packages/content/assets/open-design/examples/trading-analysis-dashboard-template/assets/template.html
packages/content/assets/open-design/examples/trading-analysis-dashboard-template/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/trading-analysis-dashboard-template", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/trading-analysis-dashboard-template",
packages/content/assets/open-design/examples/tweaks/SKILL.md
packages/content/assets/open-design/examples/tweaks/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Filebase · Tweaks demo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Filebase · Tweaks demo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/tweaks/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/tweaks", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/tweaks",
packages/content/assets/open-design/examples/ve-midnight-editorial/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 32
surface: web upstream: "https://github.com/nicobailon/visual-explainer" preview: - Network accessline 33
upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 50
A single-aesthetic deck plugin: the **midnight-editorial** preset from the upstream MIT-licensed [`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer) - Network accessline 51
upstream MIT-licensed [`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer) skill (`templates/slide-deck.html`), pinned and shipped as one self-contained - Network accessline 52
[`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer)
packages/content/assets/open-design/examples/ve-midnight-editorial/example.html
- Network accessline 26
<style> /* ve-midnight-editorial :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap'); - Network accessline 27
/* ve-midnight-editorial :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap'); @import url('https://fonts.googleapis.com/css2?fami - Network accessline 28
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap'); - Network accessline 29
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');
packages/content/assets/open-design/examples/ve-midnight-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "nicobailon", "url": "https://github.com/nicobailon" - Network accessline 21
"name": "nicobailon", "url": "https://github.com/nicobailon" }, - Network accessline 22
"url": "https://github.com/nicobailon" - Network accessline 23
}, "homepage": "https://github.com/nicobailon/visual-explainer", "plugin": { - Network accessline 24
"homepage": "https://github.com/nicobailon/visual-explainer", - Network accessline 25
"plugin": { "repo": "https://github.com/nicobailon/visual-explainer" }, - Network accessline 26
"repo": "https://github.com/nicobailon/visual-explainer"
packages/content/assets/open-design/examples/ve-terminal-mono/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 32
surface: web upstream: "https://github.com/nicobailon/visual-explainer" preview: - Network accessline 33
upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 46
A locked, single-theme deck plugin derived from the MIT-licensed [nicobailon/visual-explainer](https://github.com/nicobailon/visual-explainer) - Network accessline 47
[nicobailon/visual-explainer](https://github.com/nicobailon/visual-explainer) - Network accessline 110
- **One typeface for everything**: Geist Mono 400/500/600/700 from Google Fonts (`https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap`). - Network accessline 111
Fonts (`https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap`).
packages/content/assets/open-design/examples/ve-terminal-mono/example.html
- Network accessline 18
#/<n> hash routing with deep-link restore --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 19
--> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 20
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 21
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 22
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/ve-terminal-mono/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "nicobailon", "url": "https://github.com/nicobailon" - Network accessline 21
"name": "nicobailon", "url": "https://github.com/nicobailon" }, - Network accessline 22
"url": "https://github.com/nicobailon" - Network accessline 23
}, "homepage": "https://github.com/nicobailon/visual-explainer", "plugin": { - Network accessline 24
"homepage": "https://github.com/nicobailon/visual-explainer", - Network accessline 25
"plugin": { "repo": "https://github.com/nicobailon/visual-explainer" }, - Network accessline 26
"repo": "https://github.com/nicobailon/visual-explainer"
packages/content/assets/open-design/examples/velar-luxury-real-estate/example.html
- Network accessline 6
<title>Velar. — Luxury Real Estate</title> <style> @import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800;900&family=Inter:wght@300;400;500;600&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800;900&family=Inter:wght@300;400;500;600&display=swap'); - Network accessline 240
const BG_IMG = 'https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260603_073200_7082add5-f1f8-4873-8696-d6f78a44089b.png&w=1920&q=85'; - Network accessline 243
const VIDEOS = [ 'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154759_4cdc8175-8261-497c-b688-9477c76545d4.mp4', - Network accessline 244
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154759_4cdc8175-8261-497c-b688-9477c76545d4.mp4', - Network accessline 245
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154751_39b1b9bb-2708-4211-b6a2-d39f93309e52.mp4', - Network accessline 246
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154737_eba7900c-0313-483c-a30a-632c747ccc42.mp4', - Network accessline 247
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260602_144009_4348fe33-f885-4345-8e92-3fe1c2625d32.mp4', - Network accessline 248
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260602_145337_e44eaa8c-6bb1-4a6e-a70f-ed0231cbaccb.mp4', - Network accessline 306
menu.classList.toggle('open', menuOpen); navToggle.innerHTML = menuOpen ? '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="r - Network accessline 307
navToggle.innerHTML = menuOpen ? '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 - Network accessline 308
? '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>'
packages/content/assets/open-design/examples/velar-luxury-real-estate/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/velar-luxury-real-estate", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/velar-luxury-real-estate", - Network accessline 86
"useCase": { "query": { "en": "Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named \"Velar.\". Use only `lucide-react` for icons. The app is in `src/App.tsx`. Use the - Network accessline 87
"query": { "en": "Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named \"Velar.\". Use only `lucide-react` for icons. The app is in `src/App.tsx`. Use the exact specification - Network accessline 88
"en": "Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named \"Velar.\". Use only `lucide-react` for icons. The app is in `src/App.tsx`. Use the exact specifications below.\n\nGlobal
packages/content/assets/open-design/examples/vfx-text-cursor/SKILL.md
- Network accessline 18
example_tagline: "逐字揭示 + chromatic 拖光" example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-text-cursor" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/vfx-text-cursor/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>VFX Text Cursor · Opening</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>VFX Text Cursor · Opening</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=JetBrains+Mono&di - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=JetBrains+Mono&display=swap" rel="stylesheet" /> - Network accessline 10
.vignette { position:absolute; inset:0; background: radial-gradient(circle at center, transparent 50%, rgba(0,0,0,0.8) 100%); z-index:1; } .grain { position:absolute; inset:0; opacity:0.06; mix-blend-mode:overlay; pointer-events:none; z-i - Network accessline 11
.grain { position:absolute; inset:0; opacity:0.06; mix-blend-mode:overlay; pointer-events:none; z-index:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3 - Network accessline 12
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='ur
packages/content/assets/open-design/examples/vfx-text-cursor/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/vfx-text-cursor", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/vfx-text-cursor",
packages/content/assets/open-design/examples/video-hyperframes/SKILL.md
- Network accessline 17
example_tagline: "8 帧自动播放, 含进度条 + 元数据" example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 18
example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" example_source_label: "heygen-com/hyperframes" - Network accessline 19
example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 24
scenario: video featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/examples/video-hyperframes/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-hyperframes", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-hyperframes",
packages/content/assets/open-design/examples/video-shortform/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-shortform", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-shortform",
packages/content/assets/open-design/examples/waitlist-page/assets/template.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{PRODUCT_NAME}} — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>{{PRODUCT_NAME}} — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family={{DISPLAY_FONT_URL}}:wght@700;800&family={{BODY_FONT_URL}}:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 361
<!-- Coil pattern (optional) --> <svg class="coil-row" viewBox="0 0 1440 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="coil"> - Network accessline 362
<svg class="coil-row" viewBox="0 0 1440 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="coil"> - Network accessline 387
<!-- Floor with perspective grid --> <div class="grid-floor"> <svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="grid"> - Network accessline 388
<div class="grid-floor"> <svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="grid"> <g style="stroke: var(--deco-stroke);" stroke-width="1" fill="none"> - Network accessline 389
<svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="grid">
packages/content/assets/open-design/examples/waitlist-page/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Meridian — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Meridian — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 284
<div class="logo"> <div class="logo-container"> <svg class="logo-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 285
<div class="logo-container"> <svg class="logo-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="48" fill="var(--deco-logo)"/> - Network accessline 286
<svg class="logo-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 311
<svg class="coil-row" viewBox="0 0 1440 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 335
<div class="grid-floor"> <svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 336
<svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
packages/content/assets/open-design/examples/waitlist-page/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/waitlist-page", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/waitlist-page",
packages/content/assets/open-design/examples/web-prototype-taste-brutalist/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see `design-templates/html-ppt-taste-brutalist/`.
packages/content/assets/open-design/examples/web-prototype-taste-brutalist/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>FIELD UNIT 04 // INSTRUMENT FOR THE LEGIBLE WEB</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>FIELD UNIT 04 // INSTRUMENT FOR THE LEGIBLE WEB</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/web-prototype-taste-brutalist/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-brutalist", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-brutalist",
packages/content/assets/open-design/examples/web-prototype-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md` and the spatial-rhythm rules in `skills/taste-skill/SKILL.md`. See `example.html` in this directory for a fully-realized tem
packages/content/assets/open-design/examples/web-prototype-taste-editorial/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Quartz — quiet workspace for technical writers</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quartz — quiet workspace for technical writers</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/web-prototype-taste-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-editorial", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-editorial",
packages/content/assets/open-design/examples/web-prototype-taste-soft/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/soft-skill/SKILL.md` ("Vanguard UI Architect") with the haptic micro-aesthetics, double-bezel architecture, and motion choreography rules. See `example
packages/content/assets/open-design/examples/web-prototype-taste-soft/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Halcyon — calmer infrastructure for AI agents</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Halcyon — calmer infrastructure for AI agents</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/content/assets/open-design/examples/web-prototype-taste-soft/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-soft", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-soft",
packages/content/assets/open-design/examples/web-prototype/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype",
packages/content/assets/open-design/examples/webgl-aurora-veil/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-aurora-veil", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-aurora-veil",
packages/content/assets/open-design/examples/webgl-caustic-pool/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-caustic-pool", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-caustic-pool",
packages/content/assets/open-design/examples/webgl-depth-gallery/example.html
- Network accessline 7
<!-- Faithful self-contained port of Houmahani Kane's "Atmospheric Depth Gallery" (Codrops, MIT). Original: https://github.com/houmahani/codrops-depth-gallery - Network accessline 8
Faithful self-contained port of Houmahani Kane's "Atmospheric Depth Gallery" (Codrops, MIT). Original: https://github.com/houmahani/codrops-depth-gallery Imagery: Lummi.ai (free commercial license). De-Vited into one file for the - Network accessline 9
(Codrops, MIT). Original: https://github.com/houmahani/codrops-depth-gallery - Network accessline 11
OpenDesign template sandbox: Three.js via CDN, shaders inlined, images local. --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 12
--> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 13
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 14
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 56
<h1 class="frame__title"><span class="dot"></span>OpenDesign · WebGL Preview</h1> <p class="frame__credit"> Effect: <a href="https://github.com/houmahani/codrops-depth-gallery" target="_blank">Houmahani Kane / Codrops</a> (MIT)<br> - Network accessline 57
<p class="frame__credit"> Effect: <a href="https://github.com/houmahani/codrops-depth-gallery" target="_blank">Houmahani Kane / Codrops</a> (MIT)<br> Imagery: <a href="https://lummi.ai" target="_blank">Lummi.ai</a> - Network accessline 58
Effect: <a href="https://github.com/houmahani/codrops-depth-gallery" target="_blank">Houmahani Kane / Codrops</a> (MIT)<br> - Network accessline 59
Imagery: <a href="https://lummi.ai" target="_blank">Lummi.ai</a> - Network accessline 64
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 65
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js';
packages/content/assets/open-design/examples/webgl-depth-gallery/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 40
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-depth-gallery", - Network accessline 41
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-depth-gallery", "tags": [ - Network accessline 42
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-depth-gallery",
packages/content/assets/open-design/examples/webgl-distortion-grain/example.html
- Network accessline 7
<!-- Faithful single-file port of jankohlbach's "On-Scroll Image Distortion & Grain" (Codrops, MIT). Original: https://github.com/jankohlbach/codrops-shader-on-scroll - Network accessline 8
Faithful single-file port of jankohlbach's "On-Scroll Image Distortion & Grain" (Codrops, MIT). Original: https://github.com/jankohlbach/codrops-shader-on-scroll Vertical gallery: WebGL planes synced to DOM images bend with scroll veloc - Network accessline 9
(Codrops, MIT). Original: https://github.com/jankohlbach/codrops-shader-on-scroll - Network accessline 14
Simplex noise © Ashima Arts (MIT). Runs in powered preview. --> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 15
--> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> <style> - Network accessline 16
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 37
<canvas id="gl"></canvas> <div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/jankohlbach/codrops-shader-on-scroll" target="_blank">Jan Kohlbach / Codrops</a></span - Network accessline 38
<div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/jankohlbach/codrops-shader-on-scroll" target="_blank">Jan Kohlbach / Codrops</a></span></div> <div class="wrap"> - Network accessline 39
<span>Effect: <a href="https://github.com/jankohlbach/codrops-shader-on-scroll" target="_blank">Jan Kohlbach / Codrops</a></span></div> - Network accessline 62
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 63
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js';
packages/content/assets/open-design/examples/webgl-distortion-grain/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 45
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-distortion-grain", - Network accessline 46
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-distortion-grain", "tags": [ - Network accessline 47
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-distortion-grain",
packages/content/assets/open-design/examples/webgl-experience/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-experience", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-experience",
packages/content/assets/open-design/examples/webgl-halftone-drift/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-halftone-drift", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-halftone-drift",
packages/content/assets/open-design/examples/webgl-holographic-foil/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-holographic-foil", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-holographic-foil",
packages/content/assets/open-design/examples/webgl-horizontal-parallax/example.html
- Network accessline 7
<!-- Faithful single-file port of davidfaure's "Horizontal Parallax Gallery" (Codrops, MIT). Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops - Network accessline 8
Faithful single-file port of davidfaure's "Horizontal Parallax Gallery" (Codrops, MIT). Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops WebGL planes are synced to a horizontal DOM row; wheel scrolls it sidewa - Network accessline 9
(Codrops, MIT). Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops - Network accessline 13
Midjourney set). Runs in powered preview. --> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 14
--> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> <style> - Network accessline 15
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 41
<canvas id="gl"></canvas> <div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/davidfaure/horizontal-parallax-gallery-codrops" target="_blank">David Faure / Codrops< - Network accessline 42
<div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/davidfaure/horizontal-parallax-gallery-codrops" target="_blank">David Faure / Codrops</a></span></div> <div clas - Network accessline 43
<span>Effect: <a href="https://github.com/davidfaure/horizontal-parallax-gallery-codrops" target="_blank">David Faure / Codrops</a></span></div> - Network accessline 64
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 65
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js';
packages/content/assets/open-design/examples/webgl-horizontal-parallax/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 40
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-horizontal-parallax", - Network accessline 41
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-horizontal-parallax", "tags": [ - Network accessline 42
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-horizontal-parallax",
packages/content/assets/open-design/examples/webgl-liquid-iridescence/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-iridescence", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-iridescence",
packages/content/assets/open-design/examples/webgl-liquid-metal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-metal", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-metal",
packages/content/assets/open-design/examples/webgl-neon-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-neon-grid", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-neon-grid",
packages/content/assets/open-design/examples/webgl-particle-galaxy/SKILL.md
- Network accessline 59
Choose a field the vertex shader can express cheaply from `gl_VertexID` + `uTime`: - **Spiral galaxy** (default): log-spiral arms, rotation curve `speed ≈ k / (r + ε)`, thin disk. - **Attractor / flow**: curl or a strange-attractor step bak - Network accessline 60
- **Spiral galaxy** (default): log-spiral arms, rotation curve `speed ≈ k / (r + ε)`, thin disk. - **Attractor / flow**: curl or a strange-attractor step baked as a closed-form function of time. - **Explosion / reform**: interpolate between - Network accessline 61
- **Attractor / flow**: curl or a strange-attractor step baked as a closed-form function of time.
packages/content/assets/open-design/examples/webgl-particle-galaxy/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-particle-galaxy", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-particle-galaxy",
packages/content/assets/open-design/examples/webgl-pixel-reveal-gallery/example.html
- Network accessline 7
<!-- Faithful single-file port of J0SUKE's "Pixel Image Effect" scroll-reveal gallery (Codrops). Original: https://github.com/J0SUKE/gsap-threejs-codrops - Network accessline 8
Faithful single-file port of J0SUKE's "Pixel Image Effect" scroll-reveal gallery (Codrops). Original: https://github.com/J0SUKE/gsap-threejs-codrops The multi-page Astro/Barba build is condensed to one self-contained page: - Network accessline 9
gallery (Codrops). Original: https://github.com/J0SUKE/gsap-threejs-codrops - Network accessline 13
(generated, not the author's Midjourney set). Runs in powered preview. --> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;700;800&display=swap" rel="stylesheet"> - Network accessline 14
--> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;700;800&display=swap" rel="stylesheet"> <style> - Network accessline 15
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;700;800&display=swap" rel="stylesheet"> - Network accessline 55
<div class="frame"> <span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/J0SUKE/gsap-threejs-codrops" target="_blank">J0SUKE / Codrops</a></span> - Network accessline 56
<span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/J0SUKE/gsap-threejs-codrops" target="_blank">J0SUKE / Codrops</a></span> </div> - Network accessline 57
<span>Effect: <a href="https://github.com/J0SUKE/gsap-threejs-codrops" target="_blank">J0SUKE / Codrops</a></span> - Network accessline 91
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 92
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 93
import gsap from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/index.js'; - Network accessline 94
import { ScrollTrigger } from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/ScrollTrigger.js'; - Network accessline 95
import { SplitText } from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/SplitText.js'; - Network accessline 96
import { Flip } from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/Flip.js';
packages/content/assets/open-design/examples/webgl-pixel-reveal-gallery/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 40
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-pixel-reveal-gallery", - Network accessline 41
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-pixel-reveal-gallery", "tags": [ - Network accessline 42
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-pixel-reveal-gallery",
packages/content/assets/open-design/examples/webgl-raymarched-hero/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-raymarched-hero", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-raymarched-hero",
packages/content/assets/open-design/examples/webgl-voronoi-cells/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-voronoi-cells", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-voronoi-cells",
packages/content/assets/open-design/examples/weekly-update/example.html
- Network accessline 6
<title>Run a Metrics Standup like a Data-Driven Ops Lead - Data, KPI & finance</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
packages/content/assets/open-design/examples/weekly-update/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/weekly-update", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/weekly-update",
packages/content/assets/open-design/examples/wireframe-annotated/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Acme Landing — Annotated Wireframe (Redline)</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Acme Landing — Annotated Wireframe (Redline)</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/wireframe-annotated/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-annotated", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-annotated",
packages/content/assets/open-design/examples/wireframe-greybox/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Acme Analytics — Greybox Wireframe</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Acme Analytics — Greybox Wireframe</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/wireframe-greybox/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-greybox", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-greybox",
packages/content/assets/open-design/examples/wireframe-mobile-flow/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Marketplace App — Mobile Flow Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Marketplace App — Mobile Flow Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Caveat:wght@600;700&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/wireframe-mobile-flow/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-mobile-flow", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-mobile-flow",
packages/content/assets/open-design/examples/wireframe-sketch/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Zentou AI Portal — Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Zentou AI Portal — Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Patrick+Hand&family=DM+Serif+Display&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/content/assets/open-design/examples/wireframe-sketch/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-sketch", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-sketch",
packages/content/assets/open-design/examples/worker-visualizer/example.html
- Network accessline 71
}; function step(){ // Swirl toward center + tangential curl — cheap but visually rich. - Network accessline 72
function step(){ // Swirl toward center + tangential curl — cheap but visually rich. for (let i=0;i<N;i++){ - Network accessline 73
// Swirl toward center + tangential curl — cheap but visually rich.
packages/content/assets/open-design/examples/worker-visualizer/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/worker-visualizer", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/worker-visualizer",
packages/content/assets/open-design/skills/3d-object/SKILL.md
- Network accessline 57
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 58
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 59
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 60
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 65
Draco decoder path: `https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/`. - Network accessline 70
- **Color:** `outputColorSpace = SRGBColorSpace`, `toneMapping = ACESFilmicToneMapping`. - **Materials:** physically based (`MeshStandardMaterial` / `MeshPhysicalMaterial`), with colors read from the design system's tokens (`getComputedStyl - Network accessline 71
- **Materials:** physically based (`MeshStandardMaterial` / `MeshPhysicalMaterial`), with colors read from the design system's tokens (`getComputedStyle(document.documentElement).getPropertyValue('--accent')`) so the object matches the page - Network accessline 72
- **Light:** the `studio` setup by default: studio light from a generated room (`scene.environment = new PMREMGenerator(renderer).fromScene(new RoomEnvironment(), 0.04).texture`, `envMapIntensity` about 0.6), a shadow-casting key `Direction
packages/content/assets/open-design/skills/3d-scene/SKILL.md
- Network accessline 67
], "duration": 10, "assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] - Network accessline 68
"duration": 10, "assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] } - Network accessline 69
"assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] - Network accessline 89
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 90
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 91
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 92
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
packages/content/assets/open-design/skills/8-bit-orbit-video-template/SKILL.md
- Network accessline 53
The rendered MP4 showcase used by `example.html` is hosted at `https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4`. - Network accessline 54
`https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4`.
packages/content/assets/open-design/skills/ad-creative/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/content/assets/open-design/skills/agent-browser/SKILL.md
- Network accessline 39
design_system: requires: false upstream: "https://github.com/vercel-labs/agent-browser/blob/main/skills/agent-browser/SKILL.md" - Network accessline 40
requires: false upstream: "https://github.com/vercel-labs/agent-browser/blob/main/skills/agent-browser/SKILL.md" capabilities_required: - Network accessline 41
upstream: "https://github.com/vercel-labs/agent-browser/blob/main/skills/agent-browser/SKILL.md" - Network accessline 128
if ! curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 135
for i in {1..20}; do if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 136
if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 143
curl -fsS http://127.0.0.1:9223/json/version | rg webSocketDebuggerUrl - Network accessline 144
agent-browser connect http://127.0.0.1:9223 - Network accessline 185
With the OpenDesign preview at `http://127.0.0.1:17573/`, run: - Network accessline 188
if ! curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 195
for i in {1..20}; do if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 196
if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 203
curl -fsS http://127.0.0.1:9223/json/version | rg webSocketDebuggerUrl - Network accessline 204
agent-browser connect http://127.0.0.1:9223 - Network accessline 205
agent-browser open http://127.0.0.1:17573/ - Network accessline 219
2. Redirect upstream docs to temp files; quote only relevant lines. 3. Ensure CDP is reachable, starting Chrome with `open -na` if needed. 4. Connect with `agent-browser connect http://127.0.0.1:9223`. - Network accessline 220
3. Ensure CDP is reachable, starting Chrome with `open -na` if needed. 4. Connect with `agent-browser connect http://127.0.0.1:9223`. 5. Open the local preview URL. - Network accessline 221
4. Connect with `agent-browser connect http://127.0.0.1:9223`.
packages/content/assets/open-design/skills/ai-music-album/SKILL.md
- Network accessline 12
mode: audio category: audio-music upstream: "https://github.com/bitwize-music-studio/claude-ai-music-skills" - Network accessline 13
category: audio-music upstream: "https://github.com/bitwize-music-studio/claude-ai-music-skills" --- - Network accessline 14
upstream: "https://github.com/bitwize-music-studio/claude-ai-music-skills" - Network accessline 27
- Upstream: https://github.com/bitwize-music-studio/claude-ai-music-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/bitwize-music-studio/claude-ai-music-skills - Network accessline 39
open https://github.com/bitwize-music-studio/claude-ai-music-skills
packages/content/assets/open-design/skills/algorithmic-art/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/algorithmic-art" - Network accessline 14
category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/algorithmic-art" --- - Network accessline 15
upstream: "https://github.com/anthropics/skills/tree/main/skills/algorithmic-art" - Network accessline 28
- Upstream: https://github.com/anthropics/skills/tree/main/skills/algorithmic-art - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/algorithmic-art - Network accessline 40
open https://github.com/anthropics/skills/tree/main/skills/algorithmic-art
packages/content/assets/open-design/skills/apple-hig/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/raintree-technology/apple-hig-skills" - Network accessline 13
category: design-systems upstream: "https://github.com/raintree-technology/apple-hig-skills" --- - Network accessline 14
upstream: "https://github.com/raintree-technology/apple-hig-skills" - Network accessline 27
- Upstream: https://github.com/raintree-technology/apple-hig-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/raintree-technology/apple-hig-skills - Network accessline 39
open https://github.com/raintree-technology/apple-hig-skills
packages/content/assets/open-design/skills/article-magazine/SKILL.md
- Network accessline 17
example_tagline: "灵感来自 @trq212 的推文" example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 18
example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" example_source_label: "@trq212 / x.com" - Network accessline 19
example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/article-sketchnote-editorial/SKILL.md
- Network accessline 14
example_tagline: "还原论失败 → Anderson 1972" example_desc: "一段以「涌现」为终点的概念史专题, 6 个 layout 节奏 = 开阔→紧→紧→爆→开阔→静" example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" - Network accessline 15
example_desc: "一段以「涌现」为终点的概念史专题, 6 个 layout 节奏 = 开阔→紧→紧→爆→开阔→静" example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" example_source_label: "lijigang/ljg-skills · ljg-card" - Network accessline 16
example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" - Network accessline 27
platform: desktop scenario: education upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" - Network accessline 28
scenario: education upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" preview: - Network accessline 29
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" - Network accessline 38
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/article-sketchnote-editorial/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/con - Network accessline 239
【致谢】 本 skill 改编自 [lijigang/ljg-skills · ljg-card -v sketchnote](https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card)（v2.3.0）。原版输出 PNG（playwright 截图）, html-anything 版直接输出单文件 HTML, 6 公理 + 6 layout + 4 字族 + 节奏与原版一致。 - Network accessline 240
本 skill 改编自 [lijigang/ljg-skills · ljg-card -v sketchnote](https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card)（v2.3.0）。原版输出 PNG（playwright 截图）, html-anything 版直接输出单文件 HTML, 6 公理 + 6 layout + 4 字族 + 节奏与原版一致。
packages/content/assets/open-design/skills/artifacts-builder/SKILL.md
- Network accessline 11
mode: prototype category: web-artifacts upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder" - Network accessline 12
category: web-artifacts upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder" --- - Network accessline 13
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder" - Network accessline 26
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder - Network accessline 38
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
packages/content/assets/open-design/skills/brainstorming/SKILL.md
- Network accessline 12
mode: design-system category: creative-direction upstream: "https://github.com/obra/superpowers" - Network accessline 13
category: creative-direction upstream: "https://github.com/obra/superpowers" --- - Network accessline 14
upstream: "https://github.com/obra/superpowers" - Network accessline 27
- Upstream: https://github.com/obra/superpowers - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/obra/superpowers - Network accessline 39
open https://github.com/obra/superpowers
packages/content/assets/open-design/skills/brand-extract/SKILL.md
- Network accessline 155
"tagline": "one-line brand tagline", "description": "2-3 sentences on what the company does", "sourceUrl": "https://acme.com", - Network accessline 156
"description": "2-3 sentences on what the company does", "sourceUrl": "https://acme.com", "logo": { "primary": "logos/<best candidate or null>", "alternates": ["logos/<others>"], "notes": "why this primary; usage" }, - Network accessline 157
"sourceUrl": "https://acme.com", - Network accessline 168
"typography": { "display": { "family": "Tiempos", "fallbacks": ["Georgia", "serif"], "weights": [400, 600], "notes": "headlines" }, "body": { "family": "Inter", "fallbacks": ["system-ui", "sans-serif"], "weights": [400, 500, 700] - Network accessline 169
"display": { "family": "Tiempos", "fallbacks": ["Georgia", "serif"], "weights": [400, 600], "notes": "headlines" }, "body": { "family": "Inter", "fallbacks": ["system-ui", "sans-serif"], "weights": [400, 500, 700], "googleFontsUrl": - Network accessline 170
"body": { "family": "Inter", "fallbacks": ["system-ui", "sans-serif"], "weights": [400, 500, 700], "googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" },
packages/content/assets/open-design/skills/brand-guidelines/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/brand-guidelines" - Network accessline 12
category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/brand-guidelines" --- - Network accessline 13
upstream: "https://github.com/anthropics/skills/tree/main/skills/brand-guidelines" - Network accessline 26
- Upstream: https://github.com/anthropics/skills/tree/main/skills/brand-guidelines - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/brand-guidelines - Network accessline 38
open https://github.com/anthropics/skills/tree/main/skills/brand-guidelines
packages/content/assets/open-design/skills/brandkit/SKILL.md
packages/content/assets/open-design/skills/brutalist-skill/SKILL.md
- Network accessline 14
scenario: design category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill"
packages/content/assets/open-design/skills/canvas-design/SKILL.md
- Network accessline 14
mode: image category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/canvas-design" - Network accessline 15
category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/canvas-design" --- - Network accessline 16
upstream: "https://github.com/anthropics/skills/tree/main/skills/canvas-design" - Network accessline 29
- Upstream: https://github.com/anthropics/skills/tree/main/skills/canvas-design - Network accessline 40
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/canvas-design - Network accessline 41
open https://github.com/anthropics/skills/tree/main/skills/canvas-design
packages/content/assets/open-design/skills/card-twitter/SKILL.md
packages/content/assets/open-design/skills/card-xiaohongshu/SKILL.md
packages/content/assets/open-design/skills/color-expert/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/meodai/skill.color-expert" - Network accessline 13
category: design-systems upstream: "https://github.com/meodai/skill.color-expert" --- - Network accessline 14
upstream: "https://github.com/meodai/skill.color-expert" - Network accessline 27
- Upstream: https://github.com/meodai/skill.color-expert - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/meodai/skill.color-expert - Network accessline 39
open https://github.com/meodai/skill.color-expert
packages/content/assets/open-design/skills/competitive-ads-extractor/SKILL.md
- Network accessline 11
mode: design-system category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor" - Network accessline 12
category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor" --- - Network accessline 13
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor" - Network accessline 26
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor - Network accessline 38
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor
packages/content/assets/open-design/skills/competitive-teardown/SKILL.md
- Network accessline 25
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" - Network accessline 26
scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/competitive-teardown/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/loc
packages/content/assets/open-design/skills/copywriting/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/content/assets/open-design/skills/creative-director/SKILL.md
- Network accessline 12
mode: design-system category: creative-direction upstream: "https://github.com/smixs/creative-director-skill" - Network accessline 13
category: creative-direction upstream: "https://github.com/smixs/creative-director-skill" --- - Network accessline 14
upstream: "https://github.com/smixs/creative-director-skill" - Network accessline 52
- Upstream: https://github.com/smixs/creative-director-skill - Network accessline 63
# Inspect the upstream README for exact paths open https://github.com/smixs/creative-director-skill - Network accessline 64
open https://github.com/smixs/creative-director-skill
packages/content/assets/open-design/skills/d3-visualization/SKILL.md
- Network accessline 23
mode: prototype category: diagrams upstream: "https://github.com/jiannanya/snow-d3/" - Network accessline 24
category: diagrams upstream: "https://github.com/jiannanya/snow-d3/" --- - Network accessline 25
upstream: "https://github.com/jiannanya/snow-d3/" - Network accessline 38
- Upstream: https://github.com/jiannanya/snow-d3/ - Network accessline 49
# Inspect the upstream README for exact paths open https://github.com/jiannanya/snow-d3/ - Network accessline 50
open https://github.com/jiannanya/snow-d3/ - Network accessline 52
# Clone or copy the snow-d3/ folder into your workspace's skills/ directory git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3 - Network accessline 53
git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3
packages/content/assets/open-design/skills/data-report/SKILL.md
packages/content/assets/open-design/skills/deck-guizang-editorial/SKILL.md
- Network accessline 18
example_tagline: "墨水经典调色板 + 衬线 display" example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 19
example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" example_source_label: "op7418/guizang-ppt-skill" - Network accessline 20
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 25
scenario: marketing featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/deck-open-slide-canvas/SKILL.md
- Network accessline 18
example_tagline: "锁死 1920×1080 + 自由组合" example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 19
example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" example_source_label: "1weiho/open-slide" - Network accessline 20
example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 25
scenario: design featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/deck-swiss-international/SKILL.md
- Network accessline 18
example_tagline: "Klein Blue IKB + 16 列网格" example_desc: "S01 Cover + S06 KPI Tower 两页预览, IKB 全屏标题 + 4 柱状 KPI" example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 19
example_desc: "S01 Cover + S06 KPI Tower 两页预览, IKB 全屏标题 + 4 柱状 KPI" example_source_url: "https://github.com/op7418/guizang-ppt-skill" example_source_label: "op7418/guizang-ppt-skill" - Network accessline 20
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 25
scenario: marketing featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/design-consultation/SKILL.md
- Network accessline 11
mode: design-system category: creative-direction upstream: "https://github.com/garrytan/gstack" - Network accessline 12
category: creative-direction upstream: "https://github.com/garrytan/gstack" --- - Network accessline 13
upstream: "https://github.com/garrytan/gstack" - Network accessline 26
- Upstream: https://github.com/garrytan/gstack - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/garrytan/gstack - Network accessline 38
open https://github.com/garrytan/gstack
packages/content/assets/open-design/skills/design-md/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/content/assets/open-design/skills/design-review/SKILL.md
- Network accessline 11
mode: design-system category: creative-direction upstream: "https://github.com/garrytan/gstack" - Network accessline 12
category: creative-direction upstream: "https://github.com/garrytan/gstack" --- - Network accessline 13
upstream: "https://github.com/garrytan/gstack" - Network accessline 26
- Upstream: https://github.com/garrytan/gstack - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/garrytan/gstack - Network accessline 38
open https://github.com/garrytan/gstack
packages/content/assets/open-design/skills/doc-kami-parchment/SKILL.md
- Network accessline 18
example_tagline: "暖羊皮纸 + 墨蓝单色 + 单一衬线" example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" - Network accessline 19
example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" example_source_label: "tw93/kami" - Network accessline 20
example_source_url: "https://github.com/tw93/kami" - Network accessline 26
scenario: personal featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 27
featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 28
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/doc/SKILL.md
- Network accessline 11
mode: prototype category: documents upstream: "https://github.com/openai/skills" - Network accessline 12
category: documents upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/content/assets/open-design/skills/docx/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/docx" - Network accessline 13
category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/docx" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/docx" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/docx - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/docx - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/docx
packages/content/assets/open-design/skills/domain-name-brainstormer/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer" - Network accessline 13
category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer" --- - Network accessline 14
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer" - Network accessline 27
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer - Network accessline 39
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer
packages/content/assets/open-design/skills/email-campaign/SKILL.md
- Network accessline 77
<table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr> <td align="center" bgcolor="#1f4cff" style="border-radius:8px;background-color:#1f4cff"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href - Network accessline 78
<td align="center" bgcolor="#1f4cff" style="border-radius:8px;background-color:#1f4cff"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://example.com/try" style="height:48px;v-text-anchor:middle;width:220p - Network accessline 79
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://example.com/try" style="height:48px;v-text-anchor:middle;width:220px" arcsize="17%" stroke="f" fillcolor="#1f4cff"><center style="color:#ffffff;font-family:Aria - Network accessline 80
<!--[if !mso]><!--><a href="https://example.com/try" style="display:inline-block;padding:14px 28px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none;border-radius:8px">Try the dashboard
packages/content/assets/open-design/skills/emil-design-eng/SKILL.md
- Network accessline 17
platform: desktop category: design-engineering upstream: "https://github.com/emilkowalski/skills" - Network accessline 18
category: design-engineering upstream: "https://github.com/emilkowalski/skills" source-commit: a47903a06a05d2e24c483bd8961c85969a51a494 - Network accessline 19
upstream: "https://github.com/emilkowalski/skills" - Network accessline 39
> I'm ready to help you build interfaces that feel right, my knowledge comes from Emil Kowalski's design engineering philosophy. If you want to dive even deeper, check out Emil’s course: [animations.dev](https://animations.dev/). - Network accessline 150
**Easing curve resources:** Don't create curves from scratch. Use [easing.dev](https://easing.dev/) or [easings.co](https://easings.co/) to find stronger custom variants of standard easings.
packages/content/assets/open-design/skills/emilkowalski-motion/SKILL.md
packages/content/assets/open-design/skills/enhance-prompt/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/content/assets/open-design/skills/exec-briefing-memo/SKILL.md
- Network accessline 25
platform: desktop scenario: engineering upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" - Network accessline 26
scenario: engineering upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/exec-briefing-memo/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local
packages/content/assets/open-design/skills/experiment-readout/SKILL.md
- Network accessline 25
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" - Network accessline 26
scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/experiment-readout/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local
packages/content/assets/open-design/skills/fal-3d/SKILL.md
- Network accessline 12
mode: image category: 3d-shaders upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: 3d-shaders upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-generate/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-image-edit/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-kling-o3/SKILL.md
- Network accessline 11
mode: video category: video-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 12
category: video-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 13
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 26
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 38
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-lip-sync/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: video-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-realtime/SKILL.md
- Network accessline 11
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 12
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 13
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 26
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 38
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-restore/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 14
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 15
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 28
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 40
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-train/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-tryon/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-upscale/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-video-edit/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: video-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/fal-vision/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 14
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 15
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 28
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 40
open https://github.com/fal-ai-community/skills
packages/content/assets/open-design/skills/figma-code-connect-components/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/content/assets/open-design/skills/figma-create-design-system-rules/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/content/assets/open-design/skills/figma-create-new-file/SKILL.md
- Network accessline 10
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 11
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 12
upstream: "https://github.com/figma/skills" - Network accessline 25
- Upstream: https://github.com/figma/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 37
open https://github.com/figma/skills
packages/content/assets/open-design/skills/figma-generate-design/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/content/assets/open-design/skills/figma-generate-library/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/content/assets/open-design/skills/figma-implement-design/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/content/assets/open-design/skills/figma-use/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/content/assets/open-design/skills/flutter-animating-apps/SKILL.md
- Network accessline 11
mode: prototype category: animation-motion upstream: "https://github.com/flutter/skills" - Network accessline 12
category: animation-motion upstream: "https://github.com/flutter/skills" --- - Network accessline 13
upstream: "https://github.com/flutter/skills" - Network accessline 26
- Upstream: https://github.com/flutter/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/flutter/skills - Network accessline 38
open https://github.com/flutter/skills
packages/content/assets/open-design/skills/frame-data-chart-nyt/SKILL.md
- Network accessline 17
example_tagline: "编辑级图表 + 错峰揭示" example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · data-chart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/frame-flowchart-sticky/SKILL.md
- Network accessline 17
example_tagline: "SVG 曲线 + 4 色便利贴" example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · flowchart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: operations upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: operations upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/frame-glitch-title/SKILL.md
- Network accessline 18
example_tagline: "cyan / magenta 像散 + CRT 扫描线" example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · glitch" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/frame-light-leak-cinema/SKILL.md
- Network accessline 17
example_tagline: "暖橙漏光 + 35mm 颗粒" example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · light-leak" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/frame-liquid-bg-hero/SKILL.md
- Network accessline 17
example_tagline: "Aurora Violet 流体" example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-liquid-background" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/frame-logo-outro/SKILL.md
- Network accessline 18
example_tagline: "Midnight Indigo + glow bloom" example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · logo-outro" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/frame-macos-notification/SKILL.md
- Network accessline 17
example_tagline: "Big Sur 磨砂玻璃 banner" example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · macos-notification" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/frontend-design/SKILL.md
- Network accessline 22
sections: [color, typography, layout, components] example_prompt: "Design and build a production-quality SaaS analytics dashboard for a finance team, with real interaction states, refined typography, and a distinctive visual direction." - Network accessline 23
example_prompt: "Design and build a production-quality SaaS analytics dashboard for a finance team, with real interaction states, refined typography, and a distinctive visual direction." upstream: "https://github.com/anthropics/skills/tre - Network accessline 24
upstream: "https://github.com/anthropics/skills/tree/main/skills/frontend-design" - Network accessline 80
- Upstream: https://github.com/anthropics/skills/tree/main/skills/frontend-design
packages/content/assets/open-design/skills/frontend-dev/SKILL.md
- Network accessline 12
mode: prototype category: web-artifacts upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: web-artifacts upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/content/assets/open-design/skills/frontend-skill/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/openai/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/content/assets/open-design/skills/frontend-slides/SKILL.md
- Network accessline 12
mode: deck category: slides upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 13
category: slides upstream: "https://github.com/zarazhangrui/frontend-slides" craft: - Network accessline 14
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 30
- Upstream: https://github.com/zarazhangrui/frontend-slides - Network accessline 41
# Inspect the upstream README for exact paths open https://github.com/zarazhangrui/frontend-slides - Network accessline 42
open https://github.com/zarazhangrui/frontend-slides
packages/content/assets/open-design/skills/full-page-screenshot/SKILL.md
- Network accessline 11
mode: image category: screenshots upstream: "https://github.com/LewisLiu007/full-page-screenshot" - Network accessline 12
category: screenshots upstream: "https://github.com/LewisLiu007/full-page-screenshot" --- - Network accessline 13
upstream: "https://github.com/LewisLiu007/full-page-screenshot" - Network accessline 26
- Upstream: https://github.com/LewisLiu007/full-page-screenshot - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/LewisLiu007/full-page-screenshot - Network accessline 38
open https://github.com/LewisLiu007/full-page-screenshot
packages/content/assets/open-design/skills/gif-sticker-maker/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/content/assets/open-design/skills/gpt-tasteskill/SKILL.md
- Network accessline 14
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 87
## 7. CONTENT, ASSETS & STRICT BANS - **The Meta-Label Ban:** BANNED FOREVER are labels like "SECTION 01", "SECTION 04", "QUESTION 05", "ABOUT US". Remove them entirely. They look cheap and unprofessional. - **Image Context & Style:** Use ` - Network accessline 88
- **The Meta-Label Ban:** BANNED FOREVER are labels like "SECTION 01", "SECTION 04", "QUESTION 05", "ABOUT US". Remove them entirely. They look cheap and unprofessional. - **Image Context & Style:** Use `https://picsum.photos/seed/{keyword} - Network accessline 89
- **Image Context & Style:** Use `https://picsum.photos/seed/{keyword}/1920/1080` and match the keyword to the vibe. Apply sophisticated CSS filters (`grayscale`, `mix-blend-luminosity`, `opacity-90`, `contrast-125`) so they do not look lik
packages/content/assets/open-design/skills/gsap-core/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 127
https://gsap.com/resources/getting-started/Staggers - Network accessline 250
Full docs: [gsap.matchMedia()](https://gsap.com/docs/v3/GSAP/gsap.matchMedia/). For immediate re-run of all matching handlers (e.g. after toggling a reduced-motion control), use **gsap.matchMediaRefresh()**.
packages/content/assets/open-design/skills/gsap-frameworks/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 36
For a runnable Vite + Vue 3 project demonstrating these patterns, see the upstream example at https://github.com/greensock/gsap-skills/tree/main/examples/vue. - Network accessline 107
> For a runnable Nuxt 4 project with plugin registration, lazy loading, and SSR-safe patterns, see https://github.com/greensock/gsap-skills/tree/main/examples/nuxt.
packages/content/assets/open-design/skills/gsap-performance/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills
packages/content/assets/open-design/skills/gsap-plugins/SKILL.md
- Network accessline 14
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 15
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 16
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 21
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 31
Every GSAP plugin is **free**, including for commercial use. Since [Webflow's acquisition of GSAP](https://gsap.com/blog/webflow-GSAP/), Club GSAP is no longer a paid tier and **no plugin requires a membership, license key, or auth token** - Network accessline 115
https://gsap.com/docs/v3/Plugins/Flip - Network accessline 234
**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/) - Network accessline 272
**Learn more:** [DrawSVG](https://gsap.com/docs/v3/Plugins/DrawSVGPlugin) - Network accessline 315
**Learn more:** [MorphSVG](https://gsap.com/docs/v3/Plugins/MorphSVGPlugin) - Network accessline 447
https://gsap.com/docs/v3/Plugins/
packages/content/assets/open-design/skills/gsap-react/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 149
https://gsap.com/resources/React
packages/content/assets/open-design/skills/gsap-scrolltrigger/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 57
Main properties for the `scrollTrigger` config object (shorthand: `scrollTrigger: ".selector"` sets only `trigger`). See [ScrollTrigger docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger/) for the full list. - Network accessline 131
See [ScrollTrigger.batch()](https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.batch/) in the GSAP docs. - Network accessline 162
See [ScrollTrigger.scrollerProxy()](https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.scrollerProxy/) in the GSAP docs. - Network accessline 310
https://gsap.com/docs/v3/Plugins/ScrollTrigger/
packages/content/assets/open-design/skills/gsap-timeline/SKILL.md
- Network accessline 12
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 13
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 14
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 19
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills
packages/content/assets/open-design/skills/gsap-utils/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 32
**Omitting the value: function form.** Many utils accept the value to transform as the **last** argument. If you omit that argument, the util returns a **function** that accepts the value later. Use the function form when you need to clamp, - Network accessline 193
See [distribute()](https://gsap.com/docs/v3/GSAP/UtilityMethods/distribute/) for more. - Network accessline 218
Converts a color string into an array: **[red, green, blue]** (0–255), or **[red, green, blue, alpha]** (4 elements for RGBA when alpha is present or required). Pass **true** as the second argument (**returnHSL**) to get **[hue, saturation, - Network accessline 297
https://gsap.com/docs/v3/HelperFunctions
packages/content/assets/open-design/skills/hand-drawn-diagrams/SKILL.md
- Network accessline 11
mode: prototype category: diagrams upstream: "https://github.com/muthuishere/hand-drawn-diagrams" - Network accessline 12
category: diagrams upstream: "https://github.com/muthuishere/hand-drawn-diagrams" --- - Network accessline 13
upstream: "https://github.com/muthuishere/hand-drawn-diagrams" - Network accessline 26
- Upstream: https://github.com/muthuishere/hand-drawn-diagrams - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/muthuishere/hand-drawn-diagrams - Network accessline 38
open https://github.com/muthuishere/hand-drawn-diagrams
packages/content/assets/open-design/skills/hatch-pet/SKILL.md
- Network accessline 26
- qa/contact-sheet.png example_prompt: "Hatch me a tiny pixel-art shiba pet — friendly, sitting upright, with a small pomegranate prop. Use the hatch-pet skill end-to-end." upstream: "https://github.com/openai/skills/tree/main/skills/.c - Network accessline 27
example_prompt: "Hatch me a tiny pixel-art shiba pet — friendly, sitting upright, with a small pomegranate prop. Use the hatch-pet skill end-to-end." upstream: "https://github.com/openai/skills/tree/main/skills/.curated/hatch-pet" --- - Network accessline 28
upstream: "https://github.com/openai/skills/tree/main/skills/.curated/hatch-pet" - Access to secretsline 324
[Credential-related source omitted]
packages/content/assets/open-design/skills/image-enhancer/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer" - Network accessline 13
category: image-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer" --- - Network accessline 14
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer" - Network accessline 27
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer - Network accessline 39
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer
packages/content/assets/open-design/skills/image-to-code-skill/SKILL.md
packages/content/assets/open-design/skills/imagegen-frontend-mobile/SKILL.md
packages/content/assets/open-design/skills/imagegen-frontend-web/SKILL.md
packages/content/assets/open-design/skills/imagegen/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/openai/skills" - Network accessline 14
category: image-generation upstream: "https://github.com/openai/skills" --- - Network accessline 15
upstream: "https://github.com/openai/skills" - Network accessline 28
- Upstream: https://github.com/openai/skills - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 40
open https://github.com/openai/skills
packages/content/assets/open-design/skills/imagen/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/sanjay3290/imagen" - Network accessline 13
category: image-generation upstream: "https://github.com/sanjay3290/imagen" --- - Network accessline 14
upstream: "https://github.com/sanjay3290/imagen" - Network accessline 27
- Upstream: https://github.com/sanjay3290/imagen - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/sanjay3290/imagen - Network accessline 39
open https://github.com/sanjay3290/imagen
packages/content/assets/open-design/skills/impeccable-design-polish/SKILL.md
packages/content/assets/open-design/skills/info-funnel/SKILL.md
- Network accessline 14
example_tagline: "5 阶 · 米白 + Klein Blue · 大数字 + 转化率" example_desc: "访客 → 注册 → 试用 → 付费 → 留存 5 步漏斗, 左侧绝对数右侧阶段转化率, 底部累计漏出洞察" example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" - Network accessline 15
example_desc: "访客 → 注册 → 试用 → 付费 → 留存 5 步漏斗, 左侧绝对数右侧阶段转化率, 底部累计漏出洞察" example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" example_source_label: "baoyu-skills · infographic/funnel" - Network accessline 16
example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" - Network accessline 27
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" - Network accessline 28
scenario: marketing upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" preview: - Network accessline 29
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" - Network accessline 38
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/info-funnel/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local/ports/ - Network accessline 172
【致谢】 本 skill 设计参考 [baoyu-skills · baoyu-infographic](https://github.com/JimLiu/baoyu-skills) 的 funnel layout 规范, 视觉补完 + HTML 实现由 html-anything 独立编写。 - Network accessline 173
本 skill 设计参考 [baoyu-skills · baoyu-infographic](https://github.com/JimLiu/baoyu-skills) 的 funnel layout 规范, 视觉补完 + HTML 实现由 html-anything 独立编写。
packages/content/assets/open-design/skills/marketing-psychology/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/content/assets/open-design/skills/minimalist-skill/SKILL.md
- Network accessline 14
scenario: design category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 89
- System Icons: Use "Phosphor Icons (Bold or Fill weights)" or "Radix UI Icons" for a technical, slightly thicker-stroke aesthetic. Standardize stroke width across all icons. - Illustrations: Monochromatic, rough continuous-line ink sketche - Network accessline 90
- Illustrations: Monochromatic, rough continuous-line ink sketches on a white background, featuring a single offset geometric shape filled with a muted pastel color. - Photography: Use high-quality, desaturated images with a warm tone. Appl - Network accessline 91
- Photography: Use high-quality, desaturated images with a warm tone. Apply subtle overlays (`opacity: 0.04` warm grain) to blend photos into the monochrome palette. Never use oversaturated stock photos. Use reliable placeholders like `http
packages/content/assets/open-design/skills/minimax-docx/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: documents upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/content/assets/open-design/skills/minimax-pdf/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: documents upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/content/assets/open-design/skills/mockup-device-3d/SKILL.md
- Network accessline 17
example_tagline: "HTML-in-Canvas 设备秀" example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-iphone-device" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: product upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/nanobanana-ppt/SKILL.md
- Network accessline 12
mode: deck category: image-generation upstream: "https://github.com/op7418/NanoBanana-PPT-Skills" - Network accessline 13
category: image-generation upstream: "https://github.com/op7418/NanoBanana-PPT-Skills" --- - Network accessline 14
upstream: "https://github.com/op7418/NanoBanana-PPT-Skills" - Network accessline 27
- Upstream: https://github.com/op7418/NanoBanana-PPT-Skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/op7418/NanoBanana-PPT-Skills - Network accessline 39
open https://github.com/op7418/NanoBanana-PPT-Skills
packages/content/assets/open-design/skills/output-skill/SKILL.md
packages/content/assets/open-design/skills/paywall-upgrade-cro/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/content/assets/open-design/skills/pdf/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/pdf" - Network accessline 13
category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/pdf" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/pdf" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/pdf - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/pdf - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/pdf
packages/content/assets/open-design/skills/pixelbin-media/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/pixelbin-dev/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/pixelbin-dev/skills" --- - Network accessline 14
upstream: "https://github.com/pixelbin-dev/skills" - Network accessline 27
- Upstream: https://github.com/pixelbin-dev/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/pixelbin-dev/skills - Network accessline 39
open https://github.com/pixelbin-dev/skills
packages/content/assets/open-design/skills/plan-design-review/SKILL.md
- Network accessline 11
mode: design-system category: creative-direction upstream: "https://github.com/garrytan/gstack" - Network accessline 12
category: creative-direction upstream: "https://github.com/garrytan/gstack" --- - Network accessline 13
upstream: "https://github.com/garrytan/gstack" - Network accessline 26
- Upstream: https://github.com/garrytan/gstack - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/garrytan/gstack - Network accessline 38
open https://github.com/garrytan/gstack
packages/content/assets/open-design/skills/platform-design/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/ehmo/platform-design-skills" - Network accessline 13
category: design-systems upstream: "https://github.com/ehmo/platform-design-skills" --- - Network accessline 14
upstream: "https://github.com/ehmo/platform-design-skills" - Network accessline 27
- Upstream: https://github.com/ehmo/platform-design-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/ehmo/platform-design-skills - Network accessline 39
open https://github.com/ehmo/platform-design-skills
packages/content/assets/open-design/skills/poster-hero/SKILL.md
packages/content/assets/open-design/skills/ppt-keynote/SKILL.md
packages/content/assets/open-design/skills/pptx-generator/SKILL.md
- Network accessline 11
mode: deck category: slides upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 12
category: slides upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 13
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 26
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 38
open https://github.com/MiniMax-AI/skills
packages/content/assets/open-design/skills/pptx/SKILL.md
- Network accessline 12
mode: deck category: slides upstream: "https://github.com/anthropics/skills/tree/main/skills/pptx" - Network accessline 13
category: slides upstream: "https://github.com/anthropics/skills/tree/main/skills/pptx" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/pptx" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/pptx - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/pptx - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/pptx
packages/content/assets/open-design/skills/redesign-skill/SKILL.md
- Network accessline 14
scenario: design category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 67
- **Inconsistent lighting direction.** Audit all shadows to ensure they suggest a single, consistent light source. - **Random dark sections in a light mode page (or vice versa).** A single dark-background section breaking an otherwise light - Network accessline 69
- **Empty, flat sections with no visual depth.** Sections that are just text on a plain background feel unfinished. Add high-quality background imagery (blurred, overlaid, or masked), subtle patterns, or ambient gradients. Use reliable plac
packages/content/assets/open-design/skills/remotion/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/remotion-dev/remotion" - Network accessline 13
category: video-generation upstream: "https://github.com/remotion-dev/remotion" --- - Network accessline 14
upstream: "https://github.com/remotion-dev/remotion" - Network accessline 27
- Upstream: https://github.com/remotion-dev/remotion - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/remotion-dev/remotion - Network accessline 39
open https://github.com/remotion-dev/remotion
packages/content/assets/open-design/skills/replicate/SKILL.md
- Network accessline 11
mode: image category: image-generation upstream: "https://github.com/replicate/skills" - Network accessline 12
category: image-generation upstream: "https://github.com/replicate/skills" --- - Network accessline 13
upstream: "https://github.com/replicate/skills" - Network accessline 26
- Upstream: https://github.com/replicate/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/replicate/skills - Network accessline 38
open https://github.com/replicate/skills
packages/content/assets/open-design/skills/resume-modern/SKILL.md
packages/content/assets/open-design/skills/review-animations/SKILL.md
- Network accessline 17
platform: desktop category: animation-motion upstream: "https://github.com/emilkowalski/skills" - Network accessline 18
category: animation-motion upstream: "https://github.com/emilkowalski/skills" source-commit: a47903a06a05d2e24c483bd8961c85969a51a494 - Network accessline 19
upstream: "https://github.com/emilkowalski/skills"
packages/content/assets/open-design/skills/screenshot/SKILL.md
- Network accessline 11
mode: image category: screenshots upstream: "https://github.com/openai/skills" - Network accessline 12
category: screenshots upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/content/assets/open-design/skills/screenshots-marketing/SKILL.md
- Network accessline 11
mode: image category: screenshots upstream: "https://github.com/Shpigford/screenshots" - Network accessline 12
category: screenshots upstream: "https://github.com/Shpigford/screenshots" --- - Network accessline 13
upstream: "https://github.com/Shpigford/screenshots" - Network accessline 26
- Upstream: https://github.com/Shpigford/screenshots - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/Shpigford/screenshots - Network accessline 38
open https://github.com/Shpigford/screenshots
packages/content/assets/open-design/skills/shadcn-ui/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/content/assets/open-design/skills/shader-dev/SKILL.md
- Network accessline 12
mode: prototype category: 3d-shaders upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: 3d-shaders upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/content/assets/open-design/skills/slack-gif-creator/SKILL.md
- Network accessline 11
mode: image category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator" - Network accessline 12
category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator" --- - Network accessline 13
upstream: "https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator" - Network accessline 26
- Upstream: https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator - Network accessline 38
open https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator
packages/content/assets/open-design/skills/slides/SKILL.md
- Network accessline 11
mode: deck category: slides upstream: "https://github.com/openai/skills" - Network accessline 12
category: slides upstream: "https://github.com/openai/skills" craft: - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 29
- Upstream: https://github.com/openai/skills - Network accessline 40
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 41
open https://github.com/openai/skills
packages/content/assets/open-design/skills/social-reddit-card/SKILL.md
- Network accessline 17
example_tagline: "Reddit dark mode + vote rail" example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · reddit-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything" - Possible obfuscationline 53
- 底部 action row: 💬 `1.2k Comments` · 🏆 Awards · ⤴<U+FE0F> Share · ⋯ icon。
packages/content/assets/open-design/skills/social-spotify-card/SKILL.md
- Network accessline 17
example_tagline: "Spotify 经典 dark 卡" example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · spotify-card" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: personal upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: personal upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/social-x-post-card/SKILL.md
- Network accessline 17
example_tagline: "X dark mode + 互动数据" example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · x-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/soft-skill/SKILL.md
- Network accessline 14
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill"
packages/content/assets/open-design/skills/sora/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/openai/skills" - Network accessline 13
category: video-generation upstream: "https://github.com/openai/skills" --- - Network accessline 14
upstream: "https://github.com/openai/skills" - Network accessline 27
- Upstream: https://github.com/openai/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 39
open https://github.com/openai/skills
packages/content/assets/open-design/skills/speech/SKILL.md
- Network accessline 11
mode: audio category: audio-music upstream: "https://github.com/openai/skills" - Network accessline 12
category: audio-music upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/content/assets/open-design/skills/stitch-loop/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/content/assets/open-design/skills/stitch-skill/SKILL.md
- Network accessline 14
scenario: design category: design-systems upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: design-systems upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 38
## Prerequisites - Access to Google Stitch via [labs.google.com/stitch](https://labs.google.com/stitch) - Network accessline 39
- Access to Google Stitch via [labs.google.com/stitch](https://labs.google.com/stitch)
packages/content/assets/open-design/skills/swiftui-design/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/wholiver/swiftui-design-skill" - Network accessline 13
category: design-systems upstream: "https://github.com/wholiver/swiftui-design-skill" --- - Network accessline 14
upstream: "https://github.com/wholiver/swiftui-design-skill" - Network accessline 27
- Upstream: https://github.com/wholiver/swiftui-design-skill - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/wholiver/swiftui-design-skill - Network accessline 39
open https://github.com/wholiver/swiftui-design-skill
packages/content/assets/open-design/skills/taste-skill-v1/SKILL.md
- Network accessline 14
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 149
### External Resources & Components * **NO Broken Unsplash Links:** Do not use Unsplash. Use absolute, reliable placeholders like `https://picsum.photos/seed/{random_string}/800/600` or SVG UI Avatars. - Network accessline 150
* **NO Broken Unsplash Links:** Do not use Unsplash. Use absolute, reliable placeholders like `https://picsum.photos/seed/{random_string}/800/600` or SVG UI Avatars.
packages/content/assets/open-design/skills/taste-skill/SKILL.md
- Network accessline 15
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 16
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 17
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 294
1. **Image-generation tool first.** If ANY image-gen tool is available in the environment (`generate_image`, MCP image tool, IDE-integrated gen, OpenAI image tools, etc.) you MUST use it to create section-specific assets: hero photography, - Network accessline 295
2. **Real web images second.** When no gen tool is available, use real photography sources. Acceptable defaults: * `https://picsum.photos/seed/{descriptive-seed}/{w}/{h}` for placeholder photography (seed should describe the section, e.g - Network accessline 296
* `https://picsum.photos/seed/{descriptive-seed}/{w}/{h}` for placeholder photography (seed should describe the section, e.g. `marrow-cookware-kitchen`) - Network accessline 303
**Real company logos for social proof.** When the brief calls for a "Trusted by / Used by / Customers" logo wall, do NOT default to plain text wordmarks (`<span>Acme Co</span>` styled in a row). Use real SVG logos: * **Source: Simple Icons* - Network accessline 304
* **Source: Simple Icons** (`https://cdn.simpleicons.org/{slug}/ffffff` for any color, or `simple-icons` npm package). Covers most known brands. - Network accessline 651
* **Hand-rolled decorative SVGs strongly discouraged** as default (see Section 4.8). * **NO div-based fake screenshots.** Never build a fake product UI out of `<div>` rectangles to simulate a screenshot. Use real images, generated images, o - Network accessline 652
* **NO div-based fake screenshots.** Never build a fake product UI out of `<div>` rectangles to simulate a screenshot. Use real images, generated images, or skip the preview. * **NO broken Unsplash links.** Use `https://picsum.photos/seed/{ - Network accessline 653
* **NO broken Unsplash links.** Use `https://picsum.photos/seed/{descriptive-string}/{w}/{h}`, or generated photo placeholders, or actual assets. - Network accessline 1055
# Add this to your app HTML head: # <meta name="shopify-api-key" content="%SHOPIFY_API_KEY%" /> # <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script> - Access to secretsline 1056
[Credential-related source omitted] - Network accessline 1057
# <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script> - Network accessline 1062
### Material Web - https://github.com/material-components/material-web - Network accessline 1063
- https://github.com/material-components/material-web - Network accessline 1064
- https://material-web.dev/theming/material-theming/ - Network accessline 1065
- https://m3.material.io/develop/web - Network accessline 1067
### Fluent UI - https://fluent2.microsoft.design/get-started/develop - Network accessline 1068
- https://fluent2.microsoft.design/get-started/develop - Network accessline 1069
- https://fluent2.microsoft.design/components/web/react/ - Network accessline 1070
- https://github.com/microsoft/fluentui - Network accessline 1071
- https://learn.microsoft.com/en-us/fluent-ui/web-components/ - Network accessline 1073
### Carbon - https://carbondesignsystem.com/ - Network accessline 1074
- https://carbondesignsystem.com/ - Network accessline 1075
- https://github.com/carbon-design-system/carbon - Network accessline 1076
- https://carbondesignsystem.com/developing/react-tutorial/overview/ - Network accessline 1077
- https://carbondesignsystem.com/developing/web-components-tutorial/overview/ - Network accessline 1079
### Shopify Polaris - https://shopify.dev/docs/api/app-home/web-components - Network accessline 1080
- https://shopify.dev/docs/api/app-home/web-components - Network accessline 1081
- https://github.com/Shopify/polaris-react - Network accessline 1082
- https://polaris-react.shopify.com/components - Network accessline 1084
### Atlassian - https://atlassian.design/get-started/develop - Network accessline 1085
- https://atlassian.design/get-started/develop - Network accessline 1086
- https://atlassian.design/components/button/examples - Network accessline 1087
- https://atlaskit.atlassian.com/packages/design-system/button/example/disabled - Network accessline 1088
- https://atlassian.design/tokens/design-tokens - Network accessline 1090
### Primer - https://primer.style/ - Network accessline 1091
- https://primer.style/ - Network accessline 1092
- https://github.com/primer/css - Network accessline 1093
- https://github.com/primer/brand - Network accessline 1095
### GOV.UK - https://design-system.service.gov.uk/components/button/ - Network accessline 1096
- https://design-system.service.gov.uk/components/button/ - Network accessline 1097
- https://design-system.service.gov.uk/styles/layout/ - Network accessline 1098
- https://github.com/alphagov/govuk-frontend - Network accessline 1100
### USWDS - https://designsystem.digital.gov/documentation/developers/ - Network accessline 1101
- https://designsystem.digital.gov/documentation/developers/ - Network accessline 1102
- https://designsystem.digital.gov/components/button/ - Network accessline 1103
- https://designsystem.digital.gov/components/card/ - Network accessline 1104
- https://github.com/uswds/uswds - Network accessline 1106
### Bootstrap - https://getbootstrap.com/docs/5.3/layout/grid/ - Network accessline 1107
- https://getbootstrap.com/docs/5.3/layout/grid/ - Network accessline 1108
- https://getbootstrap.com/docs/5.3/components/card/ - Network accessline 1110
### Tailwind - https://tailwindcss.com/docs/dark-mode - Network accessline 1111
- https://tailwindcss.com/docs/dark-mode - Network accessline 1112
- https://tailwindcss.com/blog/tailwindcss-v4 - Network accessline 1114
### Radix - https://www.radix-ui.com/themes/docs/components/theme - Network accessline 1115
- https://www.radix-ui.com/themes/docs/components/theme - Network accessline 1116
- https://www.radix-ui.com/themes/docs/components/card - Network accessline 1117
- https://github.com/radix-ui/themes - Network accessline 1119
### shadcn/ui - https://ui.shadcn.com/docs - Network accessline 1120
- https://ui.shadcn.com/docs - Network accessline 1121
- https://ui.shadcn.com/docs/components/card - Network accessline 1122
- https://github.com/shadcn-ui/ui - Network accessline 1124
### Native CSS / W3C standards - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/backdrop-filter - Network accessline 1125
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/backdrop-filter - Network accessline 1126
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-color-scheme - Network accessline 1127
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion - Network accessline 1128
- https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout - Network accessline 1129
- https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations - Network accessline 1130
- https://drafts.csswg.org/scroll-animations-1/ - Network accessline 1132
### Apple Liquid Glass (Apple platforms only) - https://developer.apple.com/design/human-interface-guidelines/materials - Network accessline 1133
- https://developer.apple.com/design/human-interface-guidelines/materials - Network accessline 1134
- https://developer.apple.com/documentation/TechnologyOverviews/liquid-glass - Network accessline 1135
- https://developer.apple.com/documentation/TechnologyOverviews/adopting-liquid-glass - Network accessline 1136
- https://developer.apple.com/documentation/SwiftUI/Material
packages/content/assets/open-design/skills/theme-factory/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/theme-factory" - Network accessline 13
category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/theme-factory" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/theme-factory" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/theme-factory - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/theme-factory - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/theme-factory
packages/content/assets/open-design/skills/threejs/SKILL.md
- Network accessline 12
mode: prototype category: 3d-shaders upstream: "https://github.com/CloudAI-X/threejs-skills" - Network accessline 13
category: 3d-shaders upstream: "https://github.com/CloudAI-X/threejs-skills" --- - Network accessline 14
upstream: "https://github.com/CloudAI-X/threejs-skills" - Network accessline 27
- Upstream: https://github.com/CloudAI-X/threejs-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/CloudAI-X/threejs-skills - Network accessline 39
open https://github.com/CloudAI-X/threejs-skills
packages/content/assets/open-design/skills/ui-skills/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/ibelick/ui-skills" - Network accessline 12
category: design-systems upstream: "https://github.com/ibelick/ui-skills" --- - Network accessline 13
upstream: "https://github.com/ibelick/ui-skills" - Network accessline 26
- Upstream: https://github.com/ibelick/ui-skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ibelick/ui-skills - Network accessline 38
open https://github.com/ibelick/ui-skills
packages/content/assets/open-design/skills/ui-ux-pro-max/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" - Network accessline 12
category: design-systems upstream: "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" --- - Network accessline 13
upstream: "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" - Network accessline 37
- Upstream: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill - Network accessline 48
# Inspect the upstream README for exact paths open https://github.com/nextlevelbuilder/ui-ux-pro-max-skill - Network accessline 49
open https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
packages/content/assets/open-design/skills/venice-audio-music/SKILL.md
- Network accessline 12
mode: audio category: audio-music upstream: "https://github.com/veniceai/skills" - Network accessline 13
category: audio-music upstream: "https://github.com/veniceai/skills" --- - Network accessline 14
upstream: "https://github.com/veniceai/skills" - Network accessline 27
- Upstream: https://github.com/veniceai/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 39
open https://github.com/veniceai/skills
packages/content/assets/open-design/skills/venice-audio-speech/SKILL.md
- Network accessline 12
mode: audio category: audio-music upstream: "https://github.com/veniceai/skills" - Network accessline 13
category: audio-music upstream: "https://github.com/veniceai/skills" --- - Network accessline 14
upstream: "https://github.com/veniceai/skills" - Network accessline 27
- Upstream: https://github.com/veniceai/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 39
open https://github.com/veniceai/skills
packages/content/assets/open-design/skills/venice-image-edit/SKILL.md
- Network accessline 10
mode: image category: image-generation upstream: "https://github.com/veniceai/skills" - Network accessline 11
category: image-generation upstream: "https://github.com/veniceai/skills" --- - Network accessline 12
upstream: "https://github.com/veniceai/skills" - Network accessline 25
- Upstream: https://github.com/veniceai/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 37
open https://github.com/veniceai/skills
packages/content/assets/open-design/skills/venice-image-generate/SKILL.md
- Network accessline 10
mode: image category: image-generation upstream: "https://github.com/veniceai/skills" - Network accessline 11
category: image-generation upstream: "https://github.com/veniceai/skills" --- - Network accessline 12
upstream: "https://github.com/veniceai/skills" - Network accessline 25
- Upstream: https://github.com/veniceai/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 37
open https://github.com/veniceai/skills
packages/content/assets/open-design/skills/venice-video/SKILL.md
- Network accessline 10
mode: video category: video-generation upstream: "https://github.com/veniceai/skills" - Network accessline 11
category: video-generation upstream: "https://github.com/veniceai/skills" --- - Network accessline 12
upstream: "https://github.com/veniceai/skills" - Network accessline 25
- Upstream: https://github.com/veniceai/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 37
open https://github.com/veniceai/skills
packages/content/assets/open-design/skills/vfx-text-cursor/SKILL.md
- Network accessline 18
example_tagline: "逐字揭示 + chromatic 拖光" example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-text-cursor" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/video-downloader/SKILL.md
- Network accessline 11
mode: video category: video-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader" - Network accessline 12
category: video-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader" --- - Network accessline 13
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader" - Network accessline 26
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader - Network accessline 38
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader
packages/content/assets/open-design/skills/video-hyperframes/SKILL.md
- Network accessline 17
example_tagline: "8 帧自动播放, 含进度条 + 元数据" example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 18
example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" example_source_label: "heygen-com/hyperframes" - Network accessline 19
example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 24
scenario: video featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/content/assets/open-design/skills/web-artifacts-builder/SKILL.md
- Network accessline 11
mode: prototype category: web-artifacts upstream: "https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder" - Network accessline 12
category: web-artifacts upstream: "https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder" --- - Network accessline 13
upstream: "https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder" - Network accessline 26
- Upstream: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder - Network accessline 38
open https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder
packages/content/assets/open-design/skills/web-clone/SKILL.md
- Network accessline 64
- 单文件站（github.io / 纯 HTML）→ 直接抓 raw：`curl -sL https://raw.githubusercontent.com/<user>/<repo>/main/index.html` - Network accessline 133
| 侦察结果 | 走哪条路 | |---|---| | 静态 HTML/CSS，无框架 | `wget --mirror` 抓镜像 → 删追踪脚本 → 改文案 | - Network accessline 134
|---|---| | 静态 HTML/CSS，无框架 | `wget --mirror` 抓镜像 → 删追踪脚本 → 改文案 | | React / Vue / Next（内容为主） | 重建模板（如 `ai-website-cloner-template`，Node 24+），灌内容 | - Network accessline 135
| 静态 HTML/CSS，无框架 | `wget --mirror` 抓镜像 → 删追踪脚本 → 改文案 | - Network accessline 172
node scripts/recon-site.mjs \ --url http://127.0.0.1:<端口>/ \ - Network accessline 173
--url http://127.0.0.1:<端口>/ \ - Network accessline 177
node scripts/route-crawl.mjs \ --url http://127.0.0.1:<端口>/ \ - Network accessline 178
--url http://127.0.0.1:<端口>/ \ - Network accessline 184
node scripts/interaction-probe.mjs \ --url http://127.0.0.1:<端口>/ \ - Network accessline 185
--url http://127.0.0.1:<端口>/ \
packages/content/assets/open-design/skills/web-design-guidelines/SKILL.md
- Network accessline 22
platform: desktop category: design-systems upstream: "https://github.com/vercel-labs/web-interface-guidelines" - Network accessline 23
category: design-systems upstream: "https://github.com/vercel-labs/web-interface-guidelines" source-commit: 4e799d45c17aec1498c269287a83b9dba22b966b - Network accessline 24
upstream: "https://github.com/vercel-labs/web-interface-guidelines" - Network accessline 51
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
packages/content/assets/open-design/skills/weread-year-in-review-video-template/SKILL.md
- Network accessline 57
The rendered MP4 showcase used by `example.html` is hosted at `https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4`. - Network accessline 58
`https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4`.
packages/content/assets/open-design/skills/wpds/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/WordPress/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/WordPress/skills" --- - Network accessline 13
upstream: "https://github.com/WordPress/skills" - Network accessline 26
- Upstream: https://github.com/WordPress/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/WordPress/skills - Network accessline 38
open https://github.com/WordPress/skills
packages/content/assets/open-design/skills/writing-guidelines/SKILL.md
- Network accessline 19
platform: desktop category: documentation upstream: "https://github.com/vercel-labs/writing-guidelines" - Network accessline 20
category: documentation upstream: "https://github.com/vercel-labs/writing-guidelines" source-commit: 83e2316b034cf572400513538e4e4da01c4cc742 - Network accessline 21
upstream: "https://github.com/vercel-labs/writing-guidelines" - Network accessline 48
https://raw.githubusercontent.com/vercel-labs/writing-guidelines/main/command.md
packages/content/assets/open-design/skills/youtube-clipper/SKILL.md
- Network accessline 11
mode: video category: video-generation upstream: "https://github.com/op7418/Youtube-clipper-skill" - Network accessline 12
category: video-generation upstream: "https://github.com/op7418/Youtube-clipper-skill" --- - Network accessline 13
upstream: "https://github.com/op7418/Youtube-clipper-skill" - Network accessline 26
- Upstream: https://github.com/op7418/Youtube-clipper-skill - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/op7418/Youtube-clipper-skill - Network accessline 38
open https://github.com/op7418/Youtube-clipper-skill
packages/content/local/examples/3d-object-glb/example.html
- Network accessline 27
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 28
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 29
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 136
} window.odScene.ready = (async () => { const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/'); - Network accessline 137
window.odScene.ready = (async () => { const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/'); const gltf = await new GLTFLoader().setDRACOLoader(draco).loadAsync(MODEL_ - Network accessline 138
const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/');
packages/content/local/examples/3d-object-logo/example.html
- Network accessline 27
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 28
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 29
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 50
// The logo, as the brand's SVG. Paste the real mark's <svg> here (filled paths; strokes are ignored). const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> - Network accessline 51
const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
packages/content/local/examples/3d-object/example.html
- Network accessline 29
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 31
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 32
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
packages/content/local/examples/3d-scene/example.html
- Network accessline 26
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 27
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 28
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 29
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 62
"duration": 10, "assets": [ { "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, - Network accessline 63
"assets": [ { "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, { "source": "polyhaven", "id": "cobblestone_floo - Network accessline 64
{ "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, - Network accessline 65
{ "source": "polyhaven", "id": "cobblestone_floor_04", "url": "https://dl.polyhaven.org/file/ph-assets/Textures/jpg/1k/cobblestone_floor_04/", "license": "CC0" }, - Network accessline 66
{ "source": "polyhaven", "id": "rustic_stone_wall_02", "url": "https://dl.polyhaven.org/file/ph-assets/Textures/jpg/1k/rustic_stone_wall_02/", "license": "CC0" }, - Network accessline 67
{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/file/ph-assets/Models/gltf/1k/Lantern_01/Lantern_01_1k.gltf", "license": "CC0" }, - Network accessline 68
{ "source": "polyhaven", "id": "planter_box_03", "url": "https://dl.polyhaven.org/file/ph-assets/Models/gltf/1k/planter_box_03/planter_box_03_1k.gltf", "license": "CC0" } - Network accessline 88
// Poly Haven files (CC0), from find_open_design_3d_assets. A .gltf refers to its // .bin and textures by relative paths that live elsewhere on the CDN: map them. const PH = 'https://dl.polyhaven.org/file/ph-assets'; - Network accessline 89
// .bin and textures by relative paths that live elsewhere on the CDN: map them. const PH = 'https://dl.polyhaven.org/file/ph-assets'; const HDRI = `${PH}/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr`; - Network accessline 90
const PH = 'https://dl.polyhaven.org/file/ph-assets';
packages/content/local/examples/article-sketchnote-editorial/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/article-sketchnote-editorial/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>涌现的命名 · 复杂系统 1972</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>涌现的命名 · 复杂系统 1972</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&family=Caveat:wght@500;700&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet"> - Network accessline 486
<section class="feature"> <div class="visual"> <svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 487
<div class="visual"> <svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.4"> - Network accessline 488
<svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 554
<h3 class="head-sans">把所有蚂蚁的行为相加</h3> <div class="visual"> <svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> - Network accessline 555
<div class="visual"> <svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.2"> - Network accessline 556
<svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> - Network accessline 594
<div class="right"> <div class="visual"> <svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> - Network accessline 595
<div class="visual"> <svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.3"> - Network accessline 596
<svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> - Network accessline 621
<div class="layout"> <div class="visual"> <svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 622
<div class="visual"> <svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.2"> - Network accessline 623
<svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg">
packages/content/local/examples/competitive-teardown-analyst-dossier/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/competitive-teardown-analyst-dossier/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · Analyst Dossier</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · Analyst Dossier</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500;700&family=Inter:wght@400;600;800&display=swap" rel=" - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/content/local/examples/competitive-teardown-radar-map/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/competitive-teardown-radar-map/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · Radar Map</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · Radar Map</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/competitive-teardown-war-room-grid/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/competitive-teardown-war-room-grid/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/competitive-teardown/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/competitive-teardown/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/diagram/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Open Design Agent Kit — package architecture</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Open Design Agent Kit — package architecture</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&displ - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> - Network accessline 106
(function () { 'use strict'; var SVGNS = 'http://www.w3.org/2000/svg'; - Network accessline 107
'use strict'; var SVGNS = 'http://www.w3.org/2000/svg'; var api = window.odDiagram || (window.odDiagram = {}); - Network accessline 108
var SVGNS = 'http://www.w3.org/2000/svg';
packages/content/local/examples/email-campaign/example.html
- Network accessline 73
<tr> <td align="center" bgcolor="#1d2a24" style="border-radius:8px;background-color:#1d2a24"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height: - Network accessline 74
<td align="center" bgcolor="#1d2a24" style="border-radius:8px;background-color:#1d2a24"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height:48px;v-text-ancho - Network accessline 75
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height:48px;v-text-anchor:middle;width:240px" arcsize="17%" stroke="f" fillcolor="#1d2a24"><center style="color:#ffffff;font-fa - Network accessline 76
<!--[if !mso]><!--><a href="https://ledgerly.example/reports" style="display:inline-block;padding:14px 30px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none;border-radius:8px">Open you
packages/content/local/examples/exec-briefing-memo-board-memo/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/exec-briefing-memo-board-memo/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/exec-briefing-memo-board-paper/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/exec-briefing-memo-board-paper/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Board Paper</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Board Paper</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;700;800&family=Inter:wght@400;600;800&display=swap" re - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;700;800&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/content/local/examples/exec-briefing-memo-decision-command/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/exec-briefing-memo-decision-command/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Decision Command</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Decision Command</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/exec-briefing-memo/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/exec-briefing-memo/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/experiment-readout-growth-console/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/experiment-readout-growth-console/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Growth Console</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Growth Console</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/experiment-readout-lab-notebook/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/experiment-readout-lab-notebook/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Lab Notebook</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Lab Notebook</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Inter:wght@400;600;800&display=swap" rel="st - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/content/local/examples/experiment-readout-product-readout/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/experiment-readout-product-readout/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/experiment-readout/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/experiment-readout/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/content/local/examples/info-funnel/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/content/local/examples/style-tile/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Style tile — Harbor</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Style tile — Harbor</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;700&family=JetBrains+Mo - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;700&family=JetBrains+Mono&display=swap" rel="stylesheet">
packages/content/local/skills/3d-object/SKILL.md
- Network accessline 57
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 58
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 59
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 60
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 65
Draco decoder path: `https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/`. - Network accessline 70
- **Color:** `outputColorSpace = SRGBColorSpace`, `toneMapping = ACESFilmicToneMapping`. - **Materials:** physically based (`MeshStandardMaterial` / `MeshPhysicalMaterial`), with colors read from the design system's tokens (`getComputedStyl - Network accessline 71
- **Materials:** physically based (`MeshStandardMaterial` / `MeshPhysicalMaterial`), with colors read from the design system's tokens (`getComputedStyle(document.documentElement).getPropertyValue('--accent')`) so the object matches the page - Network accessline 72
- **Light:** the `studio` setup by default: studio light from a generated room (`scene.environment = new PMREMGenerator(renderer).fromScene(new RoomEnvironment(), 0.04).texture`, `envMapIntensity` about 0.6), a shadow-casting key `Direction
packages/content/local/skills/3d-scene/SKILL.md
- Network accessline 67
], "duration": 10, "assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] - Network accessline 68
"duration": 10, "assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] } - Network accessline 69
"assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] - Network accessline 89
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 90
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 91
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 92
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
packages/content/local/skills/article-sketchnote-editorial/SKILL.md
- Network accessline 14
example_tagline: "还原论失败 → Anderson 1972" example_desc: "一段以「涌现」为终点的概念史专题, 6 个 layout 节奏 = 开阔→紧→紧→爆→开阔→静" example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" - Network accessline 15
example_desc: "一段以「涌现」为终点的概念史专题, 6 个 layout 节奏 = 开阔→紧→紧→爆→开阔→静" example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" example_source_label: "lijigang/ljg-skills · ljg-card" - Network accessline 16
example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" - Network accessline 27
platform: desktop scenario: education upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" - Network accessline 28
scenario: education upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" preview: - Network accessline 29
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" - Network accessline 38
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/article-sketchnote-editorial/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/con - Network accessline 239
【致谢】 本 skill 改编自 [lijigang/ljg-skills · ljg-card -v sketchnote](https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card)（v2.3.0）。原版输出 PNG（playwright 截图）, html-anything 版直接输出单文件 HTML, 6 公理 + 6 layout + 4 字族 + 节奏与原版一致。 - Network accessline 240
本 skill 改编自 [lijigang/ljg-skills · ljg-card -v sketchnote](https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card)（v2.3.0）。原版输出 PNG（playwright 截图）, html-anything 版直接输出单文件 HTML, 6 公理 + 6 layout + 4 字族 + 节奏与原版一致。
packages/content/local/skills/competitive-teardown/SKILL.md
- Network accessline 25
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" - Network accessline 26
scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/competitive-teardown/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/loc
packages/content/local/skills/email-campaign/SKILL.md
- Network accessline 77
<table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr> <td align="center" bgcolor="#1f4cff" style="border-radius:8px;background-color:#1f4cff"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href - Network accessline 78
<td align="center" bgcolor="#1f4cff" style="border-radius:8px;background-color:#1f4cff"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://example.com/try" style="height:48px;v-text-anchor:middle;width:220p - Network accessline 79
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://example.com/try" style="height:48px;v-text-anchor:middle;width:220px" arcsize="17%" stroke="f" fillcolor="#1f4cff"><center style="color:#ffffff;font-family:Aria - Network accessline 80
<!--[if !mso]><!--><a href="https://example.com/try" style="display:inline-block;padding:14px 28px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none;border-radius:8px">Try the dashboard
packages/content/local/skills/exec-briefing-memo/SKILL.md
- Network accessline 25
platform: desktop scenario: engineering upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" - Network accessline 26
scenario: engineering upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/exec-briefing-memo/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local
packages/content/local/skills/experiment-readout/SKILL.md
- Network accessline 25
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" - Network accessline 26
scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/experiment-readout/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local
packages/content/local/skills/info-funnel/SKILL.md
- Network accessline 14
example_tagline: "5 阶 · 米白 + Klein Blue · 大数字 + 转化率" example_desc: "访客 → 注册 → 试用 → 付费 → 留存 5 步漏斗, 左侧绝对数右侧阶段转化率, 底部累计漏出洞察" example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" - Network accessline 15
example_desc: "访客 → 注册 → 试用 → 付费 → 留存 5 步漏斗, 左侧绝对数右侧阶段转化率, 底部累计漏出洞察" example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" example_source_label: "baoyu-skills · infographic/funnel" - Network accessline 16
example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" - Network accessline 27
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" - Network accessline 28
scenario: marketing upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" preview: - Network accessline 29
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" - Network accessline 38
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/info-funnel/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local/ports/ - Network accessline 172
【致谢】 本 skill 设计参考 [baoyu-skills · baoyu-infographic](https://github.com/JimLiu/baoyu-skills) 的 funnel layout 规范, 视觉补完 + HTML 实现由 html-anything 独立编写。 - Network accessline 173
本 skill 设计参考 [baoyu-skills · baoyu-infographic](https://github.com/JimLiu/baoyu-skills) 的 funnel layout 规范, 视觉补完 + HTML 实现由 html-anything 独立编写。
packages/vscode/assets/open-design/design-systems/kami/DESIGN.md
- Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada - Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada - Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada - Network accessline 410
Aesthetic inspiration drawn from [tw93/kami](https://github.com/tw93/kami) (MIT, © Tw93 and contributors). kami is a Claude skill for typesetting professional documents and slide decks; the tokens, type rules, and "ten invariants" above ada
packages/vscode/assets/open-design/design-templates/contact-widget/SKILL.md
- Network accessline 118
### Tier 2 — One-shot messages, no chat history - **`mailto:` fallback** — replace the `send` handler with `window.location.href = 'mailto:you@example.com?subject=...&body=' + encodeURIComponent(text)`. Zero infra, but the visitor's mail cl - Network accessline 120
- **Own `/api/contact` endpoint** — `fetch('/api/contact', { method: 'POST', body: JSON.stringify({ text }) })`. The user owns delivery (SendGrid, Resend, their own SMTP, a Notion/Airtable webhook, etc.). - Network accessline 125
- **Knocket** — https://trtc.io/solutions/knocket (drop-in, free) - Network accessline 126
- **Crisp** — https://crisp.chat - Network accessline 127
- **Tawk.to** — https://tawk.to - Network accessline 128
- **Chatwoot** (self-hosted) — https://chatwoot.com - Network accessline 129
- **Intercom** — https://intercom.com
packages/vscode/assets/open-design/design-templates/critique/SKILL.md
packages/vscode/assets/open-design/design-templates/dcf-valuation/SKILL.md
- Network accessline 30
This skill is adapted from Dexter's DCF valuation workflow (`https://github.com/virattt/dexter`). It is an OD-native skill contract only; - Network accessline 31
(`https://github.com/virattt/dexter`). It is an OD-native skill contract only; - Network accessline 140
This workflow is adapted from `https://github.com/virattt/dexter`.
packages/vscode/assets/open-design/design-templates/guizang-ppt/SKILL.md
packages/vscode/assets/open-design/design-templates/html-ppt-course-module/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-graphify-dark-graph/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-hermes-cyber-terminal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-knowledge-arch-blueprint/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-obsidian-claude-gradient/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-pitch-deck/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-presenter-mode-reveal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-product-launch/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-taste-brutalist/SKILL.md
- Network accessline 14
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.2 (Tactical Telemetry & CRT Terminal). Deck system follows the project's existing `html-ppt` convention (16:9 slides, vert
packages/vscode/assets/open-design/design-templates/html-ppt-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md`. The deck system follows the project deck convention: each `.slide` is a `100vw × 100vh` section, the active slide carries `
packages/vscode/assets/open-design/design-templates/html-ppt-tech-sharing/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-testing-safety-alert/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-weekly-report/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-xhs-pastel-card/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 94
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 95
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-xhs-white-editorial/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-8-bit-orbit/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-biennale-yellow/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-block-frame/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-blue-professional/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-bold-poster/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-broadside/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-capsule/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-cartesian/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-cobalt-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-coral/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-creative-mode/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-daisy-days/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-editorial-tri-tone/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-grove/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-long-table/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-mat/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-monochrome/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-neo-grid-bold/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 109
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold). - Network accessline 110
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-peoples-platform/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-pin-and-paper/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 110
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper). - Network accessline 111
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-pink-script/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-playful/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-raw-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-retro-windows/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-retro-zine/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-sakura-chroma/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-scatterbrain/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-signal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-soft-editorial/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-stencil-tablet/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-studio/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio).
packages/vscode/assets/open-design/design-templates/html-ppt-zhangzara-vellum/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum).
packages/vscode/assets/open-design/design-templates/html-ppt/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 30
od: mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 31
mode: deck upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 53
npx skills add https://github.com/lewislulu/html-ppt-skill
packages/vscode/assets/open-design/design-templates/hyperframes/SKILL.md
- Network accessline 288
} </style> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 289
</style> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> <script> - Network accessline 290
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
packages/vscode/assets/open-design/design-templates/ib-pitch-book/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 32
mode: deck upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" preview: - Network accessline 33
upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 49
alternatives** conversation (coverage & advisory). This is the workflow shape of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), - Network accessline 50
of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), repackaged as an OpenDesign `deck` skill. - Network accessline 51
[`financial-services`](https://github.com/anthropics/financial-services),
packages/vscode/assets/open-design/design-templates/kami-deck/SKILL.md
- Network accessline 203
- [`open-design-landing-deck`](../open-design-landing-deck/) — same horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 204
horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT). Kami's slides.py template documents the macro - Network accessline 205
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/vscode/assets/open-design/design-templates/kami-landing/SKILL.md
- Network accessline 230
- [`design-templates/kami-deck/`](../kami-deck/) — sister skill that produces a slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 231
slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT) that the design system adapts. - Network accessline 232
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/vscode/assets/open-design/design-templates/last30days/SKILL.md
packages/vscode/assets/open-design/design-templates/open-design-landing/SKILL.md
packages/vscode/assets/open-design/design-templates/replit-deck/SKILL.md
packages/vscode/assets/open-design/design-templates/tweaks/SKILL.md
packages/vscode/assets/open-design/design-templates/web-prototype-taste-brutalist/SKILL.md
- Network accessline 14
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see `design-templates/html-ppt-taste-brutalist/`.
packages/vscode/assets/open-design/design-templates/web-prototype-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md` and the spatial-rhythm rules in `skills/taste-skill/SKILL.md`. See `example.html` in this directory for a fully-realized tem
packages/vscode/assets/open-design/design-templates/web-prototype-taste-soft/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/soft-skill/SKILL.md` ("Vanguard UI Architect") with the haptic micro-aesthetics, double-bezel architecture, and motion choreography rules. See `example
packages/vscode/assets/open-design/design-templates/x-research/SKILL.md
- Network accessline 116
This workflow is adapted from `https://github.com/virattt/dexter`.
packages/vscode/assets/open-design/examples/3d-object-glb/example.html
- Network accessline 27
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 28
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 29
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 136
} window.odScene.ready = (async () => { const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/'); - Network accessline 137
window.odScene.ready = (async () => { const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/'); const gltf = await new GLTFLoader().setDRACOLoader(draco).loadAsync(MODEL_ - Network accessline 138
const draco = new DRACOLoader().setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/');
packages/vscode/assets/open-design/examples/3d-object-logo/example.html
- Network accessline 27
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 28
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 29
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 50
// The logo, as the brand's SVG. Paste the real mark's <svg> here (filled paths; strokes are ignored). const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> - Network accessline 51
const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
packages/vscode/assets/open-design/examples/3d-object/example.html
- Network accessline 29
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 30
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 31
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 32
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
packages/vscode/assets/open-design/examples/3d-scene/example.html
- Network accessline 26
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 27
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 28
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 29
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 62
"duration": 10, "assets": [ { "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, - Network accessline 63
"assets": [ { "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, { "source": "polyhaven", "id": "cobblestone_floo - Network accessline 64
{ "source": "polyhaven", "id": "qwantani_dusk_2_puresky", "url": "https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr", "license": "CC0" }, - Network accessline 65
{ "source": "polyhaven", "id": "cobblestone_floor_04", "url": "https://dl.polyhaven.org/file/ph-assets/Textures/jpg/1k/cobblestone_floor_04/", "license": "CC0" }, - Network accessline 66
{ "source": "polyhaven", "id": "rustic_stone_wall_02", "url": "https://dl.polyhaven.org/file/ph-assets/Textures/jpg/1k/rustic_stone_wall_02/", "license": "CC0" }, - Network accessline 67
{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/file/ph-assets/Models/gltf/1k/Lantern_01/Lantern_01_1k.gltf", "license": "CC0" }, - Network accessline 68
{ "source": "polyhaven", "id": "planter_box_03", "url": "https://dl.polyhaven.org/file/ph-assets/Models/gltf/1k/planter_box_03/planter_box_03_1k.gltf", "license": "CC0" } - Network accessline 88
// Poly Haven files (CC0), from find_open_design_3d_assets. A .gltf refers to its // .bin and textures by relative paths that live elsewhere on the CDN: map them. const PH = 'https://dl.polyhaven.org/file/ph-assets'; - Network accessline 89
// .bin and textures by relative paths that live elsewhere on the CDN: map them. const PH = 'https://dl.polyhaven.org/file/ph-assets'; const HDRI = `${PH}/HDRIs/hdr/1k/qwantani_dusk_2_puresky_1k.hdr`; - Network accessline 90
const PH = 'https://dl.polyhaven.org/file/ph-assets';
packages/vscode/assets/open-design/examples/article-magazine/SKILL.md
- Network accessline 17
example_tagline: "灵感来自 @trq212 的推文" example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 18
example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" example_source_label: "@trq212 / x.com" - Network accessline 19
example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/article-magazine/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>我读完 @trq212 那条推之后, 把所有 markdown 都换成了 HTML</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>我读完 @trq212 那条推之后, 把所有 markdown 都换成了 HTML</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Serif+SC:wght@500;700;900&display=swap" rel="stylesheet"> - Network accessline 27
<!-- Source banner — clearly attributes the inspiration --> <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="!no-underline group block mb-10 rounded-2xl border border-[var(--line)] bg-white/7 - Network accessline 28
<a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="!no-underline group block mb-10 rounded-2xl border border-[var(--line)] bg-white/70 hover:bg-white transition-colors p-4 flex items-start gap-4" - Network accessline 39
<div class="text-[11px] font-medium tracking-[0.22em] uppercase text-[var(--accent)] mb-5">Essay · 2026.05 · 评论 / 延伸</div> <h1 class="serif text-[3rem] leading-[1.08] font-black tracking-tight mb-5"> 我读完 <a href="https://x.com/trq212/ - Network accessline 40
<h1 class="serif text-[3rem] leading-[1.08] font-black tracking-tight mb-5"> 我读完 <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="italic font-bold !no-underline" style="color:var(--accent)" - Network accessline 41
我读完 <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" class="italic font-bold !no-underline" style="color:var(--accent)">@trq212</a> 那条推之后,<br/> - Network accessline 74
<div> <div class="font-semibold text-[var(--ink)] mb-1">题图致敬: 推文中那个 "everything is HTML" 的瞬间。</div> <div class="text-[13px] text-[var(--mute)]">阅读原推 → <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel - Network accessline 75
<div class="font-semibold text-[var(--ink)] mb-1">题图致敬: 推文中那个 "everything is HTML" 的瞬间。</div> <div class="text-[13px] text-[var(--mute)]">阅读原推 → <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" - Network accessline 76
<div class="text-[13px] text-[var(--mute)]">阅读原推 → <a href="https://x.com/trq212/status/2052809885763747935" target="_blank" rel="noopener" style="color:var(--accent)">x.com/trq212/status/2052809885763747935</a></div>
packages/vscode/assets/open-design/examples/article-magazine/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/article-magazine", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/article-magazine",
packages/vscode/assets/open-design/examples/article-sketchnote-editorial/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/article-sketchnote-editorial/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>涌现的命名 · 复杂系统 1972</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>涌现的命名 · 复杂系统 1972</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&family=Caveat:wght@500;700&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet"> - Network accessline 486
<section class="feature"> <div class="visual"> <svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 487
<div class="visual"> <svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.4"> - Network accessline 488
<svg viewBox="0 0 480 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 554
<h3 class="head-sans">把所有蚂蚁的行为相加</h3> <div class="visual"> <svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> - Network accessline 555
<div class="visual"> <svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.2"> - Network accessline 556
<svg viewBox="0 0 720 140" xmlns="http://www.w3.org/2000/svg"> - Network accessline 594
<div class="right"> <div class="visual"> <svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> - Network accessline 595
<div class="visual"> <svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.3"> - Network accessline 596
<svg viewBox="0 0 360 220" xmlns="http://www.w3.org/2000/svg"> - Network accessline 621
<div class="layout"> <div class="visual"> <svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg"> - Network accessline 622
<div class="visual"> <svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#1F1F1F" stroke-width="1.2"> - Network accessline 623
<svg viewBox="0 0 520 320" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/audio-jingle/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/audio-jingle", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/audio-jingle",
packages/vscode/assets/open-design/examples/blog-post/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/blog-post", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/blog-post",
packages/vscode/assets/open-design/examples/card-twitter/SKILL.md
packages/vscode/assets/open-design/examples/card-twitter/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Twitter 分享卡 · 金句</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Twitter 分享卡 · 金句</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800&family=Noto+Serif+SC:wght@500;700;900&family=JetBrains+Mono:wght@400;500&d - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800&family=Noto+Serif+SC:wght@500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/card-twitter/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-twitter", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-twitter",
packages/vscode/assets/open-design/examples/card-xiaohongshu/SKILL.md
packages/vscode/assets/open-design/examples/card-xiaohongshu/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>5 个让你的 AI 编辑用得更顺手的小习惯</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>5 个让你的 AI 编辑用得更顺手的小习惯</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&family=Inter:wght@500;600;700&display=swap" rel="stylesheet" - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&family=Inter:wght@500;600;700&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/card-xiaohongshu/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-xiaohongshu", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/card-xiaohongshu",
packages/vscode/assets/open-design/examples/clinical-case-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/clinical-case-report", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/clinical-case-report",
packages/vscode/assets/open-design/examples/codex-interactive-capability-map/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/codex-interactive-capability-map", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/codex-interactive-capability-map",
packages/vscode/assets/open-design/examples/competitive-teardown-analyst-dossier/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/competitive-teardown-analyst-dossier/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · Analyst Dossier</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · Analyst Dossier</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500;700&family=Inter:wght@400;600;800&display=swap" rel=" - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/competitive-teardown-radar-map/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/competitive-teardown-radar-map/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · Radar Map</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · Radar Map</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/competitive-teardown-war-room-grid/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/competitive-teardown-war-room-grid/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/competitive-teardown/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/competitive-teardown/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Competitive Teardown · AI Meeting Assistants</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/critique/SKILL.md
packages/vscode/assets/open-design/examples/critique/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Critique · magazine-web-ppt example deck</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Critique · magazine-web-ppt example deck</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 407
<div class="lbl">Score Radar</div> <!-- Pentagon radar, 5 axes; score grid at 0/2.5/5/7.5/10 --> <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" aria-label="Score radar chart"> - Network accessline 408
<!-- Pentagon radar, 5 axes; score grid at 0/2.5/5/7.5/10 --> <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" aria-label="Score radar chart"> <defs> - Network accessline 409
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" aria-label="Score radar chart">
packages/vscode/assets/open-design/examples/critique/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/critique", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/critique",
packages/vscode/assets/open-design/examples/dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dashboard",
packages/vscode/assets/open-design/examples/data-report/SKILL.md
packages/vscode/assets/open-design/examples/data-report/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>数据周报 · 2025 年 5 月</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>数据周报 · 2025 年 5 月</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script> - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/data-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/data-report", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/data-report",
packages/vscode/assets/open-design/examples/dating-web/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>mutuals · your dating life, measured by the company you keep</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>mutuals · your dating life, measured by the company you keep</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Serif+Text:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/dating-web/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dating-web", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dating-web",
packages/vscode/assets/open-design/examples/deck-guizang-editorial/SKILL.md
- Network accessline 40
example_tagline: "墨水经典调色板 + 衬线 display" example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 41
example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" example_source_label: "op7418/guizang-ppt-skill" - Network accessline 42
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 46
surface: web featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 47
featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 48
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/deck-guizang-editorial/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Write an Annual Marketing Plan like a World-Class CMO - Marketing & GTM</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;1,400&family=Inter:wght@400;500&displa - Network accessline 5
<title>Write an Annual Marketing Plan like a World-Class CMO - Marketing & GTM</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;1,400&family=Inter:wght@400;500&display=swap" rel="stylesheet" - Network accessline 6
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;1,400&family=Inter:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/deck-guizang-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-guizang-editorial", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-guizang-editorial",
packages/vscode/assets/open-design/examples/deck-open-slide-canvas/SKILL.md
- Network accessline 39
example_tagline: "锁死 1920×1080 + 自由组合" example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 40
example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" example_source_label: "1weiho/open-slide" - Network accessline 41
example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 45
surface: web featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 46
featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 47
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/deck-open-slide-canvas/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Write an Architecture Review like a World-Class Staff Engineer - Product management</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;900&family=JetBrains+Mono:wght@400 - Network accessline 5
<title>Write an Architecture Review like a World-Class Staff Engineer - Product management</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="s - Network accessline 6
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/deck-open-slide-canvas/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-open-slide-canvas", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-open-slide-canvas",
packages/vscode/assets/open-design/examples/deck-swiss-international/SKILL.md
- Network accessline 39
example_tagline: "Klein Blue IKB + 16 列网格" example_desc: "10 页完整示例: S01 Cover / S06 KPI Tower / S03 Statement / S19 Four Cards / S04 Six Cells / S11 Timeline / S08 Duo Compare / S14 Loop / S18 Why Now / S09 Closing, 全程 IKB 单 accent" example - Network accessline 40
example_desc: "10 页完整示例: S01 Cover / S06 KPI Tower / S03 Statement / S19 Four Cards / S04 Six Cells / S11 Timeline / S08 Duo Compare / S14 Loop / S18 Why Now / S09 Closing, 全程 IKB 单 accent" example_source_url: "https://github.com/op7418/gui - Network accessline 41
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 45
surface: web featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 46
featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 47
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/deck-swiss-international/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Write a Board Pre-Read like a Fortune-500 Board Chair - Corporate strategy</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&f - Network accessline 5
<title>Write a Board Pre-Read like a Fortune-500 Board Chair - Corporate strategy</title> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght - Network accessline 6
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/deck-swiss-international/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-swiss-international", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/deck-swiss-international",
packages/vscode/assets/open-design/examples/diagram/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Open Design Agent Kit — package architecture</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Open Design Agent Kit — package architecture</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&displ - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> - Network accessline 106
(function () { 'use strict'; var SVGNS = 'http://www.w3.org/2000/svg'; - Network accessline 107
'use strict'; var SVGNS = 'http://www.w3.org/2000/svg'; var api = window.odDiagram || (window.odDiagram = {}); - Network accessline 108
var SVGNS = 'http://www.w3.org/2000/svg';
packages/vscode/assets/open-design/examples/digital-eguide/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>The Creator's Style & Format Guide — Auny</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>The Creator's Style & Format Guide — Auny</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,700;1,500;1,700&family=DM+Serif+Text:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/digital-eguide/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/digital-eguide", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/digital-eguide",
packages/vscode/assets/open-design/examples/doc-kami-parchment/SKILL.md
- Network accessline 18
example_tagline: "暖羊皮纸 + 墨蓝单色 + 单一衬线" example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" - Network accessline 19
example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" example_source_label: "tw93/kami" - Network accessline 20
example_source_url: "https://github.com/tw93/kami" - Network accessline 26
scenario: personal featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 27
featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 28
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/doc-kami-parchment/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Kami Parchment · OpenDesign Studio №26</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Kami Parchment · OpenDesign Studio №26</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+SC:wght@400; - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+SC:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/doc-kami-parchment/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/doc-kami-parchment", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/doc-kami-parchment",
packages/vscode/assets/open-design/examples/docs-page/example.html
packages/vscode/assets/open-design/examples/docs-page/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/docs-page", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/docs-page",
packages/vscode/assets/open-design/examples/email-campaign/example.html
- Network accessline 73
<tr> <td align="center" bgcolor="#1d2a24" style="border-radius:8px;background-color:#1d2a24"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height: - Network accessline 74
<td align="center" bgcolor="#1d2a24" style="border-radius:8px;background-color:#1d2a24"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height:48px;v-text-ancho - Network accessline 75
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://ledgerly.example/reports" style="height:48px;v-text-anchor:middle;width:240px" arcsize="17%" stroke="f" fillcolor="#1d2a24"><center style="color:#ffffff;font-fa - Network accessline 76
<!--[if !mso]><!--><a href="https://ledgerly.example/reports" style="display:inline-block;padding:14px 30px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none;border-radius:8px">Open you
packages/vscode/assets/open-design/examples/email-marketing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/email-marketing", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/email-marketing",
packages/vscode/assets/open-design/examples/eng-runbook/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/eng-runbook", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/eng-runbook",
packages/vscode/assets/open-design/examples/exec-briefing-memo-board-memo/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/exec-briefing-memo-board-memo/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/exec-briefing-memo-board-paper/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/exec-briefing-memo-board-paper/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Board Paper</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Board Paper</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;700;800&family=Inter:wght@400;600;800&display=swap" re - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;700;800&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/exec-briefing-memo-decision-command/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/exec-briefing-memo-decision-command/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Decision Command</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Decision Command</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/exec-briefing-memo/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/exec-briefing-memo/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Executive Briefing Memo · Enterprise Plan</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/experiment-readout-growth-console/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/experiment-readout-growth-console/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Growth Console</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Growth Console</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/experiment-readout-lab-notebook/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/experiment-readout-lab-notebook/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Lab Notebook</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Lab Notebook</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Inter:wght@400;600;800&display=swap" rel="st - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/experiment-readout-product-readout/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/experiment-readout-product-readout/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/experiment-readout/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/experiment-readout/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>Experiment Readout · Onboarding Checklist</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/finance-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/finance-report", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/finance-report",
packages/vscode/assets/open-design/examples/flowai-live-dashboard-template/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/flowai-live-dashboard-template", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/flowai-live-dashboard-template",
packages/vscode/assets/open-design/examples/frame-data-chart-nyt/SKILL.md
- Network accessline 17
example_tagline: "编辑级图表 + 错峰揭示" example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · data-chart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/frame-data-chart-nyt/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>NYT Chart · AI Agent MAU 2018–2026</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>NYT Chart · AI Agent MAU 2018–2026</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Sans:wght@400;500;600&fa - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/frame-data-chart-nyt/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-data-chart-nyt", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-data-chart-nyt",
packages/vscode/assets/open-design/examples/frame-flowchart-sticky/SKILL.md
- Network accessline 17
example_tagline: "SVG 曲线 + 4 色便利贴" example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · flowchart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: operations upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: operations upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/frame-flowchart-sticky/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Sticky Flowchart · HTML Anything Onboarding</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Sticky Flowchart · HTML Anything Onboarding</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Patrick+Hand&family=Inter:wght@400;500;600&fa - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Patrick+Hand&family=Inter:wght@400;500;600&family=IBM+Plex+Mono&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/frame-flowchart-sticky/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-flowchart-sticky", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-flowchart-sticky",
packages/vscode/assets/open-design/examples/frame-glitch-title/SKILL.md
- Network accessline 18
example_tagline: "cyan / magenta 像散 + CRT 扫描线" example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · glitch" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/frame-glitch-title/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Glitch Title · SIGNAL_LOST</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Glitch Title · SIGNAL_LOST</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="styleshe - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet" /> - Network accessline 23
/* grain */ .grain { position:absolute; inset:0; opacity:0.1; mix-blend-mode:overlay; z-index:4; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfi - Network accessline 24
.grain { position:absolute; inset:0; opacity:0.1; mix-blend-mode:overlay; z-index:4; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E - Network accessline 25
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='ur
packages/vscode/assets/open-design/examples/frame-glitch-title/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-glitch-title", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-glitch-title",
packages/vscode/assets/open-design/examples/frame-light-leak-cinema/SKILL.md
- Network accessline 17
example_tagline: "暖橙漏光 + 35mm 颗粒" example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · light-leak" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/frame-light-leak-cinema/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Light Leak Cinema · REEL 03</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Light Leak Cinema · REEL 03</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Source+Serif+Pro:ital,wght@0,400;1,400; - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Source+Serif+Pro:ital,wght@0,400;1,400;1,500&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500&display=swap" rel="st - Network accessline 23
} .grain { position:absolute; inset:0; opacity:0.14; mix-blend-mode:overlay; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeT - Network accessline 24
.grain { position:absolute; inset:0; opacity:0.14; mix-blend-mode:overlay; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbu - Network accessline 25
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='u
packages/vscode/assets/open-design/examples/frame-light-leak-cinema/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-light-leak-cinema", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-light-leak-cinema",
packages/vscode/assets/open-design/examples/frame-liquid-bg-hero/SKILL.md
- Network accessline 17
example_tagline: "Aurora Violet 流体" example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-liquid-background" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/frame-liquid-bg-hero/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Liquid Hero · Aurora Violet</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Liquid Hero · Aurora Violet</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=Source+Serif+Pr - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=Source+Serif+Pro:ital,wght@1,400;1,600&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/frame-liquid-bg-hero/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-liquid-bg-hero", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-liquid-bg-hero",
packages/vscode/assets/open-design/examples/frame-logo-outro/SKILL.md
- Network accessline 18
example_tagline: "Midnight Indigo + glow bloom" example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · logo-outro" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/frame-logo-outro/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Logo Outro · HTML Anything</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Logo Outro · HTML Anything</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;800;900&family=Inter:wght@400;500&family=Noto+Sans+SC:wght@400;5 - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;800;900&family=Inter:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/frame-logo-outro/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-logo-outro", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-logo-outro",
packages/vscode/assets/open-design/examples/frame-macos-notification/SKILL.md
- Network accessline 17
example_tagline: "Big Sur 磨砂玻璃 banner" example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · macos-notification" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/frame-macos-notification/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>macOS Notification · 转换完成</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>macOS Notification · 转换完成</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/frame-macos-notification/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-macos-notification", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/frame-macos-notification",
packages/vscode/assets/open-design/examples/frontend-slides/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 32
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 33
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 46
Zero-dependency, animation-rich HTML presentations that run entirely in the browser. Curated from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides). - Network accessline 114
Design system, fixed-stage model, presets, and workflow come from the upstream MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) (© 2025 Zara Zhang). The LICENSE file ships in this plugin folder; k
packages/vscode/assets/open-design/examples/frontend-slides/example.html
- Network accessline 8
<!-- Fonts: distinctive pairing from the Bold Signal preset — never system fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 11
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/frontend-slides/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/vscode/assets/open-design/examples/fs-creative-voltage/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 33
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 34
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 47
A locked single-theme deck plugin derived from the **Creative Voltage** preset (section 3 of `STYLE_PRESETS.md`) in the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides). Vibe: bold, creative, ener - Network accessline 88
Google Fonts (the only external reference allowed): `https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap` - Network accessline 89
`https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap` - Network accessline 153
Theme tokens and the fixed-stage model come from the upstream MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) (© 2025 Zara Zhang), Creative Voltage preset. The LICENSE file ships in this plugin f
packages/vscode/assets/open-design/examples/fs-creative-voltage/example.html
- Network accessline 8
<!-- Fonts: Creative Voltage locked pairing — Syne display, Space Mono body, Yellowtail script accents --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 11
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Yellowtail&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/fs-creative-voltage/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/vscode/assets/open-design/examples/fs-editorial-forest/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 32
surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" preview: - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 48
Ported from the MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) `editorial-forest` template. - Network accessline 111
Template design, palette, and the `deck-stage` runtime come from the upstream MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) (© 2026 Zara Zhang), template `editorial-forest`. T
packages/vscode/assets/open-design/examples/fs-editorial-forest/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Art-Direct an Annual Report like a Magazine Creative Director - Design craft</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Art-Direct an Annual Report like a Magazine Creative Director - Design craft</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500;8..60,600;8..60,700;8..60,800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/fs-editorial-forest/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/beautiful-html-templates", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/beautiful-html-templates", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/beautiful-html-templates" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/beautiful-html-templates"
packages/vscode/assets/open-design/examples/fs-electric-studio/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 32
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 33
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 46
Bold, clean, professional, high-contrast split-panel decks. Theme locked to the **Electric Studio** preset (section 2 of `STYLE_PRESETS.md`) from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slide - Network accessline 155
Theme, fixed-stage model, and workflow come from the upstream MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) (© 2025 Zara Zhang), Electric Studio preset (STYLE_PRESETS.md section 2). The LICENSE
packages/vscode/assets/open-design/examples/fs-electric-studio/example.html
- Network accessline 8
<!-- Fonts: Electric Studio is all-Manrope — 800 for display, 400/500 for body --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 11
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/fs-electric-studio/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/vscode/assets/open-design/examples/fs-emerald-editorial/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 33
surface: web upstream: "https://github.com/zarazhangrui/beautiful-html-templates" preview: - Network accessline 34
upstream: "https://github.com/zarazhangrui/beautiful-html-templates" - Network accessline 47
A magazine-cover business deck system rooted in fashion-magazine mastheads and 19th-century theatrical playbills: a saturated emerald field, deep navy ink, warm paper tiles, bilateral double-rule ornaments, and Bodoni Moda at weight 900. Cu - Network accessline 116
Design system, tokens, slide masters, and the deck-stage runtime come from the upstream MIT-licensed [zarazhangrui/beautiful-html-templates](https://github.com/zarazhangrui/beautiful-html-templates) `emerald-editorial` template (© 2026 Zara
packages/vscode/assets/open-design/examples/fs-emerald-editorial/example.html
- Network accessline 4
<meta charset="utf-8" /> <title>Write a Brand-Launch Narrative like a Growth Strategy Lead - Marketing & GTM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 5
<title>Write a Brand-Launch Narrative like a Growth Strategy Lead - Marketing & GTM</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 6
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/fs-emerald-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/beautiful-html-templates", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/beautiful-html-templates", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/beautiful-html-templates" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/beautiful-html-templates"
packages/vscode/assets/open-design/examples/fs-notebook-tabs/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 33
surface: web upstream: "https://github.com/zarazhangrui/frontend-slides" preview: - Network accessline 34
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 47
A theme-locked deck plugin derived from the MIT-licensed [zarazhangrui/frontend-slides](https://github.com/zarazhangrui/frontend-slides) "Notebook Tabs" style preset (STYLE_PRESETS.md section 5). The whole deck reads as one physical, editor
packages/vscode/assets/open-design/examples/fs-notebook-tabs/example.html
- Network accessline 7
<style> /* === FONTS === */ @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;700&display=swap');
packages/vscode/assets/open-design/examples/fs-notebook-tabs/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "zarazhangrui", "url": "https://github.com/zarazhangrui" - Network accessline 21
"name": "zarazhangrui", "url": "https://github.com/zarazhangrui" }, - Network accessline 22
"url": "https://github.com/zarazhangrui" - Network accessline 23
}, "homepage": "https://github.com/zarazhangrui/frontend-slides", "plugin": { - Network accessline 24
"homepage": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 25
"plugin": { "repo": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 26
"repo": "https://github.com/zarazhangrui/frontend-slides"
packages/vscode/assets/open-design/examples/gamified-app/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Level — daily quests for becoming a better human</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Level — daily quests for becoming a better human</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/gamified-app/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/gamified-app", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/gamified-app",
packages/vscode/assets/open-design/examples/github-dashboard/example.html
- Network accessline 151
<div class="group-label"><span class="dot-ring"></span> Quick Links</div> <div class="nav"> <a href="https://github.com/nexu-io/open-design" class="nav-item">GitHub Repository</a> - Network accessline 152
<div class="nav"> <a href="https://github.com/nexu-io/open-design" class="nav-item">GitHub Repository</a> <a href="https://github.com/nexu-io/open-design#readme" class="nav-item">Documentation</a> - Network accessline 153
<a href="https://github.com/nexu-io/open-design" class="nav-item">GitHub Repository</a> - Network accessline 154
<a href="https://github.com/nexu-io/open-design#readme" class="nav-item">Documentation</a> - Network accessline 155
<a href="https://github.com/nexu-io/open-design/discussions" class="nav-item">Discussions</a> - Network accessline 179
</div> <div class="actions"> <a class="button" href="https://github.com/nexu-io/open-design">View on GitHub →</a> - Network accessline 180
<div class="actions"> <a class="button" href="https://github.com/nexu-io/open-design">View on GitHub →</a> </div> - Network accessline 181
<a class="button" href="https://github.com/nexu-io/open-design">View on GitHub →</a> - Network accessline 267
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/26423749?v=4" alt="pftom" /> - Network accessline 268
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/26423749?v=4" alt="pftom" /> </div> - Network accessline 269
<img src="https://avatars.githubusercontent.com/u/26423749?v=4" alt="pftom" /> - Network accessline 279
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/20859779?v=4" alt="lefarcen" /> - Network accessline 280
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/20859779?v=4" alt="lefarcen" /> </div> - Network accessline 281
<img src="https://avatars.githubusercontent.com/u/20859779?v=4" alt="lefarcen" /> - Network accessline 291
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/201593046?v=4" alt="Sid-Qin" /> - Network accessline 292
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/201593046?v=4" alt="Sid-Qin" /> </div> - Network accessline 293
<img src="https://avatars.githubusercontent.com/u/201593046?v=4" alt="Sid-Qin" /> - Network accessline 303
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/3953668?v=4" alt="nettee" /> - Network accessline 304
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/3953668?v=4" alt="nettee" /> </div> - Network accessline 305
<img src="https://avatars.githubusercontent.com/u/3953668?v=4" alt="nettee" /> - Network accessline 315
<div class="person-info"> <div class="avatar"> <img src="https://avatars.githubusercontent.com/u/56862773?v=4" alt="alchemistklk" /> - Network accessline 316
<div class="avatar"> <img src="https://avatars.githubusercontent.com/u/56862773?v=4" alt="alchemistklk" /> </div> - Network accessline 317
<img src="https://avatars.githubusercontent.com/u/56862773?v=4" alt="alchemistklk" /> - Network accessline 354
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"> <img src="https://avatars.githubusercontent.com/u/238133142?v=4" alt="leilei926524-tech" /> - Network accessline 355
<span class="avatar" style="margin-right: 8px;"> <img src="https://avatars.githubusercontent.com/u/238133142?v=4" alt="leilei926524-tech" /> </span> - Network accessline 356
<img src="https://avatars.githubusercontent.com/u/238133142?v=4" alt="leilei926524-tech" /> - Network accessline 367
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> - Network accessline 368
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> <span - Network accessline 369
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> - Network accessline 379
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/42241934?v=4" alt="zlpawn" /></span> - Network accessline 380
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/42241934?v=4" alt="zlpawn" /></span> <span>zlpaw - Network accessline 381
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/42241934?v=4" alt="zlpawn" /></span> - Network accessline 391
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/12208097?v=4" alt="1119302165" /></span> - Network accessline 392
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/12208097?v=4" alt="1119302165" /></span> <span>1 - Network accessline 393
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/12208097?v=4" alt="1119302165" /></span> - Network accessline 403
<td> <div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> - Network accessline 404
<div style="display: flex; align-items: center;"> <span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span> <span - Network accessline 405
<span class="avatar" style="margin-right: 8px;"><img src="https://avatars.githubusercontent.com/u/237175303?v=4" alt="shangxinyu1" /></span>
packages/vscode/assets/open-design/examples/github-dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/github-dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/github-dashboard",
packages/vscode/assets/open-design/examples/hps-academic-paper/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked, single-theme deck plugin in the `html-ppt-studio` family, ported from the MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
the MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 181
Theme tokens and the deck scaffold come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 182
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/vscode/assets/open-design/examples/hps-academic-paper/example.html
- Network accessline 7
<style> /* hps-academic-paper :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap'); - Network accessline 8
/* hps-academic-paper :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap'); @import url('http - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/vscode/assets/open-design/examples/hps-academic-paper/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/vscode/assets/open-design/examples/hps-bauhaus/SKILL.md
- Network accessline 32
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 51
Single-theme deck plugin ported from the `bauhaus` theme of the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 52
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 187
Token vocabulary, layout taxonomy, slide scaffold, and the bauhaus palette come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 188
come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>). The LICENSE file ships alongside this - Network accessline 189
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/vscode/assets/open-design/examples/hps-bauhaus/example.html
- Network accessline 7
<style> /* hps-bauhaus :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 8
/* hps-bauhaus :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@ - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/vscode/assets/open-design/examples/hps-bauhaus/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/vscode/assets/open-design/examples/hps-memphis-pop/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked single-theme deck plugin: the `memphis-pop` skin from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 175
Visual system, token vocabulary, theme palette, and layout taxonomy come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 176
from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>), theme `memphis-pop`. The LICENSE - Network accessline 177
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/vscode/assets/open-design/examples/hps-memphis-pop/example.html
- Network accessline 7
<style> /* hps-memphis-pop :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 8
/* hps-memphis-pop :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:w - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/vscode/assets/open-design/examples/hps-memphis-pop/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/vscode/assets/open-design/examples/hps-retro-tv/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked single-theme deck plugin: the `retro-tv` skin from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 192
Visual system, token vocabulary, theme palette, and layout taxonomy come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 193
from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>), theme `retro-tv`. The LICENSE - Network accessline 194
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/vscode/assets/open-design/examples/hps-retro-tv/example.html
- Network accessline 7
<style> /* hps-retro-tv :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,600;1,800&display=swap'); - Network accessline 8
/* hps-retro-tv :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,600;1,800&display=swap'); @import url('https://fo - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,600;1,800&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/vscode/assets/open-design/examples/hps-retro-tv/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/vscode/assets/open-design/examples/hps-true-blueprint/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
A locked single-theme deck skin ported from the `blueprint` theme of the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 187
Palette, token vocabulary, and the blueprint visual language come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 188
upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>), theme `blueprint`. The LICENSE file - Network accessline 189
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/vscode/assets/open-design/examples/hps-true-blueprint/example.html
- Network accessline 7
<style> /* hps-true-blueprint :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap'); - Network accessline 8
/* hps-true-blueprint :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap'); </style> - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap');
packages/vscode/assets/open-design/examples/hps-true-blueprint/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/vscode/assets/open-design/examples/hps-y2k-chrome/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
surface: web upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 50
Single-theme deck plugin locked to the `y2k-chrome` theme from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 51
MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 173
Visual system, token vocabulary, layout taxonomy, and the y2k-chrome palette come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) - Network accessline 174
come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill) (© lewis <sudolewis@gmail.com>). The LICENSE file ships alongside this - Network accessline 175
[`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill)
packages/vscode/assets/open-design/examples/hps-y2k-chrome/example.html
- Network accessline 7
<style> /* hps-y2k-chrome :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap'); - Network accessline 8
/* hps-y2k-chrome :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?fa - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');
packages/vscode/assets/open-design/examples/hps-y2k-chrome/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "lewislulu", "url": "https://github.com/lewislulu" - Network accessline 21
"name": "lewislulu", "url": "https://github.com/lewislulu" }, - Network accessline 22
"url": "https://github.com/lewislulu" - Network accessline 23
}, "homepage": "https://github.com/lewislulu/html-ppt-skill", "plugin": { - Network accessline 24
"homepage": "https://github.com/lewislulu/html-ppt-skill", - Network accessline 25
"plugin": { "repo": "https://github.com/lewislulu/html-ppt-skill" }, - Network accessline 26
"repo": "https://github.com/lewislulu/html-ppt-skill"
packages/vscode/assets/open-design/examples/hr-onboarding/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hr-onboarding", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hr-onboarding",
packages/vscode/assets/open-design/examples/html-ppt-course-module/SKILL.md
- Network accessline 32
mode: deck featured: 25 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
featured: 25 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 96
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 97
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-course-module/example.html
- Network accessline 5
<title>Build a New-Hire Onboarding Module like a Top Enablement Lead - Professional training</title> <style>/* course-module :: webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,op - Network accessline 6
<style>/* course-module :: webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Source+Sans+3:wght@40 - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Source+Sans+3:wght@400;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
packages/vscode/assets/open-design/examples/html-ppt-course-module/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-course-module", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-course-module",
packages/vscode/assets/open-design/examples/html-ppt-graphify-dark-graph/SKILL.md
- Network accessline 31
mode: deck featured: 28 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 28 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-graphify-dark-graph/example.html
- Network accessline 6
<title>Write a Feature Business Case like a Principal PM - Product management</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500;600&di - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500;600&display=swap'); - Network accessline 171
<section class="slide is-active cover"> <!-- force-directed graph signature: hairline edges, neutral nodes, accent hubs --> <svg class="cover-graph" viewBox="0 0 1600 900" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> - Network accessline 172
<!-- force-directed graph signature: hairline edges, neutral nodes, accent hubs --> <svg class="cover-graph" viewBox="0 0 1600 900" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g stroke="rgba(238,241,238,.15)" stroke-wi - Network accessline 173
<svg class="cover-graph" viewBox="0 0 1600 900" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
packages/vscode/assets/open-design/examples/html-ppt-graphify-dark-graph/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-graphify-dark-graph", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-graphify-dark-graph",
packages/vscode/assets/open-design/examples/html-ppt-hermes-cyber-terminal/SKILL.md
- Network accessline 31
mode: deck featured: 30 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 30 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-hermes-cyber-terminal/example.html
- Network accessline 6
<title>Run a BYOK Model-Choice Session like an Applied-AI Engineer - AI literacy</title> <style>/* html-ppt :: webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@ - Network accessline 7
<style>/* html-ppt :: webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Geist:wght@300;400;500&display=swap'); </style> - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Geist:wght@300;400;500&display=swap'); - Network accessline 317
<h2 class="hc-h2">Risk control: -71% cost variance</h2> <p class="hc-lede">vs single-vendor default: day-to-day spend swings tamed by routing guardrails (pilot data, 3 teams)</p> <svg viewBox="0 0 1000 380" style="width:100%;max-wid - Network accessline 318
<p class="hc-lede">vs single-vendor default: day-to-day spend swings tamed by routing guardrails (pilot data, 3 teams)</p> <svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg - Network accessline 319
<svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg"> - Network accessline 380
<p class="hc-lede">Three commands to stand up your own BYOK routing pilot.</p> <pre class="hc-codebox" style="margin-top:22px"><span class="cm"># 1. clone (apache-2.0)</span> <span class="kw">$</span> git clone https://github.com/nexu-i - Network accessline 382
<span class="kw">$</span> git clone https://github.com/nexu-io/open-design
packages/vscode/assets/open-design/examples/html-ppt-hermes-cyber-terminal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-hermes-cyber-terminal", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-hermes-cyber-terminal",
packages/vscode/assets/open-design/examples/html-ppt-knowledge-arch-blueprint/SKILL.md
- Network accessline 31
mode: deck featured: 29 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 29 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-knowledge-arch-blueprint/example.html
- Network accessline 6
<title>Turn an Incident Retro into a Learning Deck like a Platform VP - Product management</title> <style>/* html-ppt :: shared webfonts (trimmed to faces actually in use) */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wgh - Network accessline 7
<style>/* html-ppt :: shared webfonts (trimmed to faces actually in use) */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=IBM - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap'); - Network accessline 313
<div class="kb-kicker">Recommendation · System Diagram</div> <h1 class="kb-h1" style="font-size:40px">One resolved root, three enforced checks</h1> <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmln - Network accessline 314
<h1 class="kb-h1" style="font-size:40px">One resolved root, three enforced checks</h1> <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg"> <defs> - Network accessline 315
<svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/html-ppt-knowledge-arch-blueprint/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-knowledge-arch-blueprint", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-knowledge-arch-blueprint",
packages/vscode/assets/open-design/examples/html-ppt-obsidian-claude-gradient/SKILL.md
- Network accessline 31
mode: deck featured: 31 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 31 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-obsidian-claude-gradient/example.html
- Network accessline 6
<title>Write an Enterprise AI Adoption Brief like a Transformation Lead - AI literacy</title> <style>/* html-ppt :: webfonts (only families actually used by this theme) */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4 - Network accessline 7
<style>/* html-ppt :: webfonts (only families actually used by this theme) */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap'); @import url('https://fonts.googleapis - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
packages/vscode/assets/open-design/examples/html-ppt-obsidian-claude-gradient/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-obsidian-claude-gradient", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-obsidian-claude-gradient",
packages/vscode/assets/open-design/examples/html-ppt-pitch-deck/SKILL.md
- Network accessline 32
mode: deck featured: 20 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
featured: 20 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 96
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 97
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-pitch-deck/example.html
- Network accessline 5
<title>Write a Demo Day Pitch like a Top Accelerator Partner - Fundraising pitch</title> <style> @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@300;400;500;600&family=Geist+Mono:wg - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500;600&display=swap'); - Network accessline 276
</div> <div class="in"> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Meet the team</a> - Network accessline 277
<div class="in"> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Meet the team</a> <a class="cta cta2" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopene - Network accessline 278
<a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Meet the team</a> - Network accessline 279
<a class="cta cta2" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">See the metrics</a> - Network accessline 286
<h1 class="display in">Thanks<em class="ac">.</em></h1> <div class="links in"> <a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">GitHub</a> - Network accessline 287
<div class="links in"> <a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">GitHub</a> <a href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener">Discord</a> - Network accessline 288
<a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">GitHub</a> - Network accessline 289
<a href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener">Discord</a> - Network accessline 290
<a href="https://x.com/nexudotio" target="_blank" rel="noreferrer noopener">X</a>
packages/vscode/assets/open-design/examples/html-ppt-pitch-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-pitch-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-pitch-deck",
packages/vscode/assets/open-design/examples/html-ppt-presenter-mode-reveal/SKILL.md
- Network accessline 31
mode: deck featured: 26 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 26 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-presenter-mode-reveal/example.html
- Network accessline 6
<title>Run a Live AI Product Demo like a Founding DevRel Lead - AI literacy</title> <style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght - Network accessline 7
<style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?fami - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 722
<div class="code-block mt-m"> <span class="comment"># Get OpenDesign (macOS / Windows · Apache-2.0)</span> <span class="cmd">open</span> <span class="flag">https://github.com/nexu-io/open-design</span> - Network accessline 724
<span class="cmd">open</span> <span class="flag">https://github.com/nexu-io/open-design</span>
packages/vscode/assets/open-design/examples/html-ppt-presenter-mode-reveal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-presenter-mode-reveal", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-presenter-mode-reveal",
packages/vscode/assets/open-design/examples/html-ppt-product-launch/SKILL.md
- Network accessline 31
mode: deck featured: 21 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 21 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-product-launch/example.html
- Network accessline 5
<title>Pitch a Team Rollout like a Strategic Account Executive - B2B sales</title> <style> @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Outfit:wght@300;400;500;600& - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap'); - Network accessline 252
<p class="tag">Open · Local · Agent-native</p> <div class="big">85%</div> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Approve the Northwind rollout →</a> - Network accessline 253
<div class="big">85%</div> <a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Approve the Northwind rollout →</a> <p class="fine">Savings vs. today's suite · Pilot starts within 5 busines - Network accessline 254
<a class="cta" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Approve the Northwind rollout →</a>
packages/vscode/assets/open-design/examples/html-ppt-product-launch/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-product-launch", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-product-launch",
packages/vscode/assets/open-design/examples/html-ppt-taste-brutalist/SKILL.md
- Network accessline 14
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.2 (Tactical Telemetry & CRT Terminal). Deck system follows the project's existing `html-ppt` convention (16:9 slides, vert
packages/vscode/assets/open-design/examples/html-ppt-taste-brutalist/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1"> <title>OPN-04 // INCIDENT TELEMETRY · CLASSIFIED INTERNAL</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>OPN-04 // INCIDENT TELEMETRY · CLASSIFIED INTERNAL</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=JetBrains+Mono:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/html-ppt-taste-brutalist/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-brutalist", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-brutalist",
packages/vscode/assets/open-design/examples/html-ppt-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md`. The deck system follows the existing project convention from `design-templates/html-ppt-pitch-deck/example.html` (each `.sl
packages/vscode/assets/open-design/examples/html-ppt-taste-editorial/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width,initial-scale=1"> <title>Quartz · 2026 Series A Memo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quartz · 2026 Series A Memo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/html-ppt-taste-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-editorial", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-taste-editorial",
packages/vscode/assets/open-design/examples/html-ppt-tech-sharing/SKILL.md
- Network accessline 31
mode: deck featured: 22 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 22 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-tech-sharing/example.html
- Network accessline 5
<title>Give an Engineering Tech Talk like a Staff Developer-Advocate - AI literacy</title> <style>/* html-ppt :: tech-sharing webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600; - Network accessline 6
<style>/* html-ppt :: tech-sharing webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600; - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap');
packages/vscode/assets/open-design/examples/html-ppt-tech-sharing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-tech-sharing", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-tech-sharing",
packages/vscode/assets/open-design/examples/html-ppt-testing-safety-alert/SKILL.md
- Network accessline 31
mode: deck featured: 32 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 32 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-testing-safety-alert/example.html
- Network accessline 6
<title>Brief a Health-System Board on Data Governance like a Chief Compliance Officer - Government & policy</title> <style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapi - Network accessline 7
<style>/* html-ppt :: shared webfonts (only families actually used by this deck) */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap'); - Network accessline 329
<h2 class="ts-h2">One settlement costs <span class="red">14x</span> the governance program</h2> <p class="ts-sub">OCR's 2025 median settlement for uncontrolled vendor access was $4.2M. The proposed governance office costs $310K per year - Network accessline 330
<p class="ts-sub">OCR's 2025 median settlement for uncontrolled vendor access was $4.2M. The proposed governance office costs $310K per year to run.</p> <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xml - Network accessline 331
<svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/html-ppt-testing-safety-alert/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-testing-safety-alert", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-testing-safety-alert",
packages/vscode/assets/open-design/examples/html-ppt-weekly-report/SKILL.md
- Network accessline 31
mode: deck featured: 23 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 23 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-weekly-report/example.html
- Network accessline 5
<title>Write a Weekly Growth Review like a Head of Analytics - Data, KPI & finance</title> <style>/* weekly-report :: ops ledger restyle */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400..700&family=IBM+Plex+Mono - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400..700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
packages/vscode/assets/open-design/examples/html-ppt-weekly-report/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-weekly-report", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-weekly-report",
packages/vscode/assets/open-design/examples/html-ppt-xhs-pastel-card/SKILL.md
- Network accessline 31
mode: deck featured: 33 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 33 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 95
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 96
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-xhs-pastel-card/example.html
- Network accessline 6
<title>Write a Personal Manifesto Talk like a Narrative Podcast Producer - Life & story</title> <style>/* html-ppt :: shared webfonts (trimmed to faces actually used) */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wg - Network accessline 7
<style>/* html-ppt :: shared webfonts (trimmed to faces actually used) */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+M - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,800;0,900;1,800;1,900&display=swap');
packages/vscode/assets/open-design/examples/html-ppt-xhs-pastel-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-pastel-card", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-pastel-card",
packages/vscode/assets/open-design/examples/html-ppt-xhs-white-editorial/SKILL.md
- Network accessline 32
mode: deck featured: 27 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
featured: 27 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 34
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 96
Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The - Network accessline 97
the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The
packages/vscode/assets/open-design/examples/html-ppt-xhs-white-editorial/example.html
- Network accessline 6
<title>Write a Staff-Engineer Promotion Case like a Calibration-Committee Insider - Career</title> <style>/* html-ppt :: shared webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;5 - Network accessline 7
<style>/* html-ppt :: shared webfonts (only families actually used) */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 346
</div> <h2 class="xw-title-md">How far the <span class="xw-focus-pink">scope</span> grew, how deep the <span class="xw-focus-green">impact</span> reached</h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top: - Network accessline 347
<h2 class="xw-title-md">How far the <span class="xw-focus-pink">scope</span> grew, how deep the <span class="xw-focus-green">impact</span> reached</h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns - Network accessline 348
<svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/html-ppt-xhs-white-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-white-editorial", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-xhs-white-editorial",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Turn a Hobby into a Story Deck like a Passion-Project Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Turn a Hobby into a Story Deck like a Passion-Project Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,500;1,500&family=Space+Mono:wght@400;700&family=Tektur:wght@400;700;900&display=swap" rel="stylesheet"> - Network accessline 83
position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' - Network accessline 84
inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3 - Network accessline 85
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cre
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-8-bit-orbit/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-8-bit-orbit", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-8-bit-orbit",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow/example.html
- Network accessline 5
<title>Curate an Art Biennale Deck like a Museum Exhibition Director - Design craft</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-biennale-yellow/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-biennale-yellow", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-biennale-yellow",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-block-frame/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-block-frame/example.html
- Network accessline 6
<title>Rescue a Messy Deck to Board-Grade like an Executive Design Director - Design craft</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Space+Grotesk:wght@400;500;600;700&displa - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap'); - Network accessline 1172
</div> <div class="chart-body"> <svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg"> - Network accessline 1173
<div class="chart-body"> <svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg"> <!-- Axes (baseline at y=280, leaving room for X labels at y=320) --> - Network accessline 1174
<svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-block-frame/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-block-frame", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-block-frame",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-blue-professional/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-blue-professional/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Present a Quarterly Business Review like a Chief of Staff - Corporate strategy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Present a Quarterly Business Review like a Chief of Staff - Corporate strategy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-blue-professional/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-blue-professional", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-blue-professional",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-bold-poster/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-bold-poster/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Write a Series A Growth Story like a Tier-1 VC Partner - Fundraising pitch</title> <link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Libre - Network accessline 6
<title>Write a Series A Growth Story like a Tier-1 VC Partner - Fundraising pitch</title> <link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Libre+Baskerville:ital,wght@0,400;1,400&family=Space+Grotesk:wght@400;600;700& - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Libre+Baskerville:ital,wght@0,400;1,400&family=Space+Grotesk:wght@400;600;700&display=swap" rel="stylesheet"> - Network accessline 831
</div> <div class="close-links"> <a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> - Network accessline 832
<div class="close-links"> <a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> <a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">Star on GitHub</a - Network accessline 833
<a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> - Network accessline 834
<a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">Star on GitHub</a> - Network accessline 835
<a href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener">Book Time</a>
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-bold-poster/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-bold-poster", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-bold-poster",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-broadside/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-broadside/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 11
Noto Sans SC (CJK fallback for all roles) --> <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" - Network accessline 12
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet" - Network accessline 13
href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap"
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-broadside/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-broadside", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-broadside",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-capsule/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-capsule/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Write a Year-End Self-Review like a Promotion-Committee Insider - Career</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Write a Year-End Self-Review like a Promotion-Committee Insider - Career</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,600..800;1,6..96,600..800&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 55
opacity: 0.04; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOcta - Network accessline 56
mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles - Network accessline 57
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cr
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-capsule/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-capsule", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-capsule",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cartesian/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cartesian/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Present a Senior Thesis Defense like a Distinction-Grade Economics Student - Student coursework</title> <link href="https://fonts.googleapis.com/css2?fami - Network accessline 6
<title>Present a Senior Thesis Defense like a Distinction-Grade Economics Student - Student coursework</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Serif+4:opsz, - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap" rel="stylesheet"> - Network accessline 41
pointer-events: none; opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency - Network accessline 42
opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filte - Network accessline 43
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' hei
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cartesian/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cartesian", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cartesian",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid/example.html
- Network accessline 5
<title>Write a Renewal & Expansion Business Case like an Account Director - B2B sales</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,500;1,400&family=Hanken+Grotesk:wght@400;600&family=DM+Mono&display=swap" rel="stylesheet" /> - Network accessline 1152
<div class="col-footer"> <div> <a class="ftag caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Approve</a> - Network accessline 1153
<div> <a class="ftag caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Approve</a> <div class="ftxt">Renewal + 45-seat expansion<br/>confirmed b - Network accessline 1154
<a class="ftag caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Approve</a>
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-cobalt-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cobalt-grid", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-cobalt-grid",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-coral/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-coral/example.html
- Network accessline 6
<title>Plan a Community-Growth Campaign like a Head of Growth - Marketing & GTM</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bebas+Neue&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bebas+Neue&display=swap'); - Network accessline 1534
</div> <div class="social-row"> <a class="social-icon" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">GH</a> - Network accessline 1535
<div class="social-row"> <a class="social-icon" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">GH</a> <a class="soc - Network accessline 1536
<a class="social-icon" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">GH</a> - Network accessline 1537
<a class="social-icon" href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">DC</a> - Network accessline 1538
<a class="social-icon" href="https://x.com/nexudotio" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">X</a>
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-coral/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-coral", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-coral",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-creative-mode/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-creative-mode/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-creative-mode/example.html
- Network accessline 5
<title>Present a Visual-Identity System like a Lead Brand Designer - Design craft</title> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400&family=JetBrains+Mono:wght@400&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-creative-mode/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-creative-mode", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-creative-mode",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-daisy-days/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-daisy-days/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Write a Customer Onboarding Workshop like a Field Enablement Director - Professional training</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Write a Customer Onboarding Workshop like a Field Enablement Director - Professional training</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 269
<!-- ====== SLIDE 1: Title ====== --> <section class="slide slide-title" id="slide-1"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver. - Network accessline 270
<section class="slide slide-title" id="slide-1"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 { - Network accessline 271
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 272
<div class="deco deco-daisy-tr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 273
<div class="deco deco-daisy-bl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 274
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 275
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FBB0C7" stroke="#000" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 8.3 - Network accessline 276
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 277
<div class="deco deco-star-3"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#A8E6CF" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 286
<section class="slide slide-welcome" id="slide-2"> <div class="deco deco-sun"><svg viewBox="0 0 120 120"><circle cx="60" cy="60" r="26" fill="#FFCD57" stroke="#2D2D2D" stroke-width="2.8"/><g stroke="#2D2D2D" stroke-width="2.8" stroke-line - Network accessline 287
<div class="deco deco-sun"><svg viewBox="0 0 120 120"><circle cx="60" cy="60" r="26" fill="#FFCD57" stroke="#2D2D2D" stroke-width="2.8"/><g stroke="#2D2D2D" stroke-width="2.8" stroke-linecap="round"><line x1="60" y1="10" x2="60" y2="24"/><l - Network accessline 288
<div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE366;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimi - Network accessline 289
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FBB0C7" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 290
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#D4A5E8" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 306
<!-- ====== SLIDE 3: Weekly ====== --> <section class="slide slide-weekly" id="slide-3"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quive - Network accessline 307
<section class="slide slide-weekly" id="slide-3"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 - Network accessline 308
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 309
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 310
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 311
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FFFFFF" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 323
<!-- ====== SLIDE 4: Timeline ====== --> <section class="slide slide-timeline" id="slide-4"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;s - Network accessline 324
<section class="slide slide-timeline" id="slide-4"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;s - Network accessline 325
<div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill:# - Network accessline 326
<div class="deco deco-cloud-2"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill - Network accessline 327
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 328
<div class="deco deco-daisy"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:none; - Network accessline 340
<!-- ====== SLIDE 5: Bar Chart ====== --> <section class="slide slide-chart-bar" id="slide-5"> <div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width - Network accessline 341
<section class="slide slide-chart-bar" id="slide-5"> <div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 - Network accessline 342
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 343
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#A8E6CF" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 344
<div class="deco deco-daisy"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:none; - Network accessline 345
<div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill:# - Network accessline 347
<h2>What Attendees Actually Do In the Room</h2> <div class="chart-container"> <svg class="chart-svg" viewBox="0 0 700 300" xmlns="http://www.w3.org/2000/svg"> - Network accessline 348
<div class="chart-container"> <svg class="chart-svg" viewBox="0 0 700 300" xmlns="http://www.w3.org/2000/svg"> <line x1="70" y1="250" x2="660" y2="250" stroke="#2D2D2D" stroke-width="2"/><line x1="70" y1="20" x2="70" y2="250" stro - Network accessline 349
<svg class="chart-svg" viewBox="0 0 700 300" xmlns="http://www.w3.org/2000/svg"> - Network accessline 367
<!-- ====== SLIDE 6: Info Cards ====== --> <section class="slide slide-cards" id="slide-6"> <div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-widt - Network accessline 368
<section class="slide slide-cards" id="slide-6"> <div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE3 - Network accessline 369
<div class="deco deco-rainbow"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE366;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimi - Network accessline 370
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 371
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#D4A5E8" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 383
<!-- ====== SLIDE 7: Quote ====== --> <section class="slide slide-quote" id="slide-7"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver. - Network accessline 384
<section class="slide slide-quote" id="slide-7"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 { - Network accessline 385
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 386
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 387
<div class="deco deco-star-1" style="top:8%;right:18%;"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2 - Network accessline 388
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 389
<div class="deco deco-rainbow" style="top:6%;right:3%;"><svg viewBox="0 0 140 101.4" xmlns="http://www.w3.org/2000/svg"><style>.rb1{fill:#F8635F;stroke:#1E1E1C;stroke-width:1.6;stroke-miterlimit:10;}.rb2{fill:#FDE366;stroke:#1E1E1C;stroke-w - Network accessline 398
<!-- ====== SLIDE 8: Team ====== --> <section class="slide slide-team" id="slide-8"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai - Network accessline 399
<section class="slide slide-team" id="slide-8"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {f - Network accessline 400
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 401
<div class="deco deco-daisy-tr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 402
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 8.3 - Network accessline 403
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 414
<!-- ====== SLIDE 9: Process ====== --> <section class="slide slide-process" id="slide-9"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;str - Network accessline 415
<section class="slide slide-process" id="slide-9"> <div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;st - Network accessline 416
<div class="deco deco-cloud"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill:# - Network accessline 417
<div class="deco deco-cloud-2"><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><style>.cl0{fill:#C6E3F6;}.cl1{fill:none;stroke:#000;stroke-width:2.1405;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}.cl2{fill - Network accessline 418
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#F7C8D4" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 419
<div class="deco deco-daisy"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:none; - Network accessline 431
<!-- ====== SLIDE 10: Donut Chart ====== --> <section class="slide slide-donut" id="slide-10"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https:/ - Network accessline 432
<section class="slide slide-donut" id="slide-10"> <div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 - Network accessline 433
<div class="deco deco-daisy-tl"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 434
<div class="deco deco-daisy-br"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><!-- SVG created with Arrow, by QuiverAI (https://quiver.ai) --><style type="text/css">.cls-0 {fill:#FFFFFF;}.cls-1 {fill:#FCDF6C;}.cls-2 {fill:no - Network accessline 435
<div class="deco deco-star-1"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#FDE366" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 - Network accessline 436
<div class="deco deco-star-2"><svg viewBox="0 0 100 98.6" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" stroke="#2D2D2D" stroke-width="2.4166" stroke-miterlimit="10" d="m57.7 7.8 8.3 19.1c.5 1.3 1.5 2.1 2.8 2.3l21.5 2.2c6.4.8 9.4 8.3 - Network accessline 438
<div class="donut-wrap"> <div class="donut-chart-box"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> - Network accessline 439
<div class="donut-chart-box"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="80" fill="none" stroke="#E8E8E8" stroke-width="30"/> - Network accessline 440
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-daisy-days/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-daisy-days", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-daisy-days",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/example.html
- Network accessline 5
<title>Build an Editorial Design System like a Magazine Art Director - Design craft</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Instrument+Serif:ital@1&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-editorial-tri-tone/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-editorial-tri-tone", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-editorial-tri-tone",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-grove/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-grove/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 16
--> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Playfair+Display:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@300;400&display=swa - Network accessline 17
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Playfair+Display:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@300;400&display=swap" - Network accessline 18
href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Playfair+Display:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@300;400&display=swap"
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-grove/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-grove", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-grove",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-long-table/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-long-table/example.html
- Network accessline 5
<title>Present a Unit-Economics Model like an FP&A Partner - Data, KPI & finance</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400;1,9..144,500&display=swap" rel="stylesheet" /> - Network accessline 1148
<p class="desc-it">Hold pricing flat at $19 per seat, lean on BYOK as the retention lever, and let team expansion — not AI resale — drive revenue. The model holds at 97.8% margin through 15,000 seats.</p> <div class="actions"> - Network accessline 1149
<div class="actions"> <a class="pill caption" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Review the model</a> <a class="pill ca - Network accessline 1150
<a class="pill caption" href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Review the model</a> - Network accessline 1151
<a class="pill caption" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">See the BYOK docs</a>
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-long-table/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-long-table", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-long-table",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-mat/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-mat/example.html
- Network accessline 8
<!-- Preconnect to Google Fonts for faster loading --> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 10
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 14
Noto Sans SC: Chinese fallback for all roles. --> <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500&family=DM+Mono:wght@400&family=Noto+Sans+SC:wght@400;500;700&d - Network accessline 15
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500&family=DM+Mono:wght@400&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" - Network accessline 16
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=DM+Sans:wght@400;500&family=DM+Mono:wght@400&family=Noto+Sans+SC:wght@400;500;700&display=swap"
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-mat/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-mat", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-mat",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-monochrome/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-monochrome/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 17
--> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;1,400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@200;300;400;500&dis - Network accessline 18
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;1,400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@200;300;400;500&display=swa - Network accessline 19
href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;1,400&family=Noto+Serif+SC:wght@400&family=Noto+Sans+SC:wght@200;300;400;500&display=swap"
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-monochrome/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-monochrome", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-monochrome",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 109
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold). - Network accessline 110
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/example.html
- Network accessline 5
<title>Build a Designer Portfolio Narrative like a Hiring Bar-Raiser - Career</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-neo-grid-bold/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-neo-grid-bold", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-neo-grid-bold",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Make a Public-Transit Funding Case like a Transportation Policy Lead - Government & policy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Make a Public-Transit Funding Case like a Transportation Policy Lead - Government & policy</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Archivo+Narrow:wght@400;500;600;700&family=Caveat+Brush&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-peoples-platform/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-peoples-platform", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-peoples-platform",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 110
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper). - Network accessline 111
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/assets/styles.css
- Network accessline 47
opacity: .35; mix-blend-mode: multiply; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' - Network accessline 48
mix-blend-mode: multiply; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='sti - Network accessline 49
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values=
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/example.html
- Network accessline 5
<title>Turn a Field-Study Capstone into a Defense Deck like a Star Biology Major - Student coursework</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pin-and-paper/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pin-and-paper", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pin-and-paper",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pink-script/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pink-script/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pink-script/example.html
- Network accessline 4
<meta charset="utf-8" /> <title>Turn an Anniversary into a Photo Essay like a Wedding Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 5
<title>Turn an Anniversary into a Photo Essay like a Wedding Storyteller - Life & story</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 6
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> - Network accessline 32
content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .08; mix-blend-mode: screen; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><f - Network accessline 33
opacity: .08; mix-blend-mode: screen; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' st - Network accessline 34
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values=
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-pink-script/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pink-script", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-pink-script",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-playful/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-playful/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Run a Sales-Floor Training like a Top Retail Coach - Professional training</title> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght - Network accessline 6
<title>Run a Sales-Floor Training like a Top Retail Coach - Professional training</title> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Syne:wght@700;800&display=swap" rel="stylesheet"> < - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Syne:wght@700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-playful/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-playful", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-playful",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-raw-grid/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-raw-grid/example.html
- Network accessline 6
<title>Present a Poster-Series Case Study like a Festival Art Director - Design craft</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap - Network accessline 7
<style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap'); /* ============================================= - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap');
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-raw-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-raw-grid", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-raw-grid",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-windows/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-windows/example.html
- Network accessline 6
<title>Deliver a Security-Awareness Training like a CISO Enablement Team - Professional training</title> <style> @import url('https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap');
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-windows/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-windows", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-windows",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-zine/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-zine/example.html
- Network accessline 6
<title>Make a Neighborhood Zine Story like an Indie Photo Editor - Life & story</title> <style> @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400&family=Space+Grotesk:wght@400;500;600&display= - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400&family=Space+Grotesk:wght@400;500;600&display=swap'); - Network accessline 44
z-index: 9999; opacity: 0.07; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' - Network accessline 45
opacity: 0.07; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch' - Network accessline 46
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cr - Network accessline 816
<div class="hero-label">A Neighborhood Zine</div> <div class="hero-title">CORNER<br>BLOCK</div> <svg class="hero-illustration" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 817
<div class="hero-title">CORNER<br>BLOCK</div> <svg class="hero-illustration" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="110" cy="120" rx="60" ry="45" fill="#1A1A1A" stroke="#1A1A1A" stro - Network accessline 818
<svg class="hero-illustration" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 888
<div class="slide slide-visual" data-index="4"> <div class="visual-bg"> <svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> - Network accessline 889
<div class="visual-bg"> <svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> <circle cx="200" cy="200" r="160" stroke="#1A1A1A" stroke-width="2" fill="none" opacity="0.15"/> - Network accessline 890
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-retro-zine/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-zine", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-retro-zine",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma/example.html
- Network accessline 5
<title>Turn a Cherry-Blossom Trip into a Photo Essay like a Travel Editorial Director - Life & story</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.co - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;900&family=Albert+Sans:ital,wght@0,400;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-sakura-chroma/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-sakura-chroma", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-sakura-chroma",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-scatterbrain/SKILL.md
- Network accessline 31
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 32
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" upstream_license: MIT - Network accessline 33
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 103
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain). - Network accessline 104
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-scatterbrain/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pitch a Graduation Design Project like a Portfolio-Ready Design Student - Student coursework</title> <link rel="preconnect" href="https://fonts.googleapis - Network accessline 6
<title>Pitch a Graduation Design Project like a Portfolio-Ready Design Student - Student coursework</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossori - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Zilla+Slab:ital,wght@0,400;0,600;0,700;1,400&family=Caveat:wght@400;700&display=swap" rel="stylesheet"> - Network accessline 48
/* Custom cursor - thumbtack feel */ .slide { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ff6b6b'/%3E%3C - Network accessline 49
.slide { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ff6b6b'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23fff'/%3 - Network accessline 50
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ff6b6b'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23fff'/%3E%3C/svg%3E") 12 12, - Network accessline 62
z-index: 9999; opacity: 0.04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85 - Network accessline 63
opacity: 0.04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTile - Network accessline 64
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E - Network accessline 111
position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8a0 - Network accessline 112
inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8a088' fill-opacity='0.15'%3E%3Cpat - Network accessline 113
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b8a088' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-scatterbrain/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-scatterbrain", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-scatterbrain",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-signal/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-signal/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 16
--> <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9. - Network accessline 17
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500; - Network accessline 18
href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&fa
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-signal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-signal", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-signal",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/example.html
- Network accessline 5
<title>Deliver a Digital-Transformation Roadmap like a Big-Four Partner - Consulting</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Work+Sans:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-soft-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-soft-editorial", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-soft-editorial",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 108
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet). - Network accessline 109
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/assets/deck-stage.js
- Executable scriptline 1
Executable file
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/example.html
- Network accessline 5
<title>Present a Workplace-Safety Compliance Review like a Senior Regulator - Government & policy</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" - Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-stencil-tablet/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-stencil-tablet", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-stencil-tablet",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-studio/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-studio/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 16
--> <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" - Network accessline 17
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet" - Network accessline 18
href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;900&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap"
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-studio/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-studio", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-studio",
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-vellum/SKILL.md
- Network accessline 30
od: mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 31
mode: deck upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" upstream_license: MIT - Network accessline 32
upstream: "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 102
Vendored from upstream MIT-licensed [`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum). - Network accessline 103
[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum).
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-vellum/example.html
- Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400;1,500&family=DM+Sans:wght@400&family=Courier+Prime:wght@400&display=swap" rel="stylesheet" - Network accessline 11
href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400;1,500&family=DM+Sans:wght@400&family=Courier+Prime:wght@400&display=swap"
packages/vscode/assets/open-design/examples/html-ppt-zhangzara-vellum/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-vellum", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt-zhangzara-vellum",
packages/vscode/assets/open-design/examples/huashu-annual-letter/SKILL.md
- Network accessline 55
Adapted from the editorial-longform style (`references/design-styles.md`, 安静派 · 杂志编辑长文流 / Editorial Longform) of [huashu-design](https://github.com/alchaincyf/huashu-design) by - Network accessline 56
安静派 · 杂志编辑长文流 / Editorial Longform) of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Reference lineage: Stripe Annual Letter, - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by
packages/vscode/assets/open-design/examples/huashu-annual-letter/example.html
- Network accessline 6
<title>Write an Annual Founder's Letter like a Mission-Driven CEO - Corporate strategy</title> <style> @import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,5 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=Inter:wght@400;500;6
packages/vscode/assets/open-design/examples/huashu-annual-letter/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-bento-insight/SKILL.md
- Network accessline 54
Generated from the「Bento便当格模块网格 / Bento Grid」entry (neutral school, 95% fidelity) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 55
95% fidelity) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Reference lineage: Apple Keynote Bento-Grid era, - Network accessline 56
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/vscode/assets/open-design/examples/huashu-bento-insight/example.html
- Network accessline 6
<title>Write a Competitive Displacement Deck like a Top Sales Engineer - B2B sales</title> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Geist:wght@300;400;700;800;900&family=Geist+Mono:wght - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Geist:wght@300;400;700;800;900&family=Geist+Mono:wght@400;600;700;800&display=swap');
packages/vscode/assets/open-design/examples/huashu-bento-insight/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-golden-circle/SKILL.md
- Network accessline 55
Generated from the 中性派「单图母图概念图解 / Diagrammatic Minimalism」spec in `references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
`references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Lineage: Simon Sinek's Golden Circle TED talk, - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/vscode/assets/open-design/examples/huashu-golden-circle/example.html
- Network accessline 15
by Huashu (alchaincyf). Sinek Golden Circle / TED lineage. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Manrope:wght@400;500;70 - Network accessline 17
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Manrope:wght@400;500;700;800&display=swap');
packages/vscode/assets/open-design/examples/huashu-golden-circle/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-keynote-black/SKILL.md
- Network accessline 55
Generated from the「黑底巨型数字剧场 / Black Big-Number Stage」entry (大胆派, 还原 97%) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
(大胆派, 还原 97%) of `references/design-styles.md` in [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed — references: Steve Jobs' 2007 iPhone keynote, - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/vscode/assets/open-design/examples/huashu-keynote-black/example.html
- Network accessline 15
by Huashu (alchaincyf). ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&display=swap'); - Network accessline 17
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&display=swap');
packages/vscode/assets/open-design/examples/huashu-keynote-black/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-luxe-whitespace/SKILL.md
- Network accessline 55
Adapted from the `ppt-build` showcase of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 101
- **Font loading**: exactly one `@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap')` - Network accessline 102
`@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap')`
packages/vscode/assets/open-design/examples/huashu-luxe-whitespace/example.html
- Network accessline 13
Based on huashu-design ppt-build by huashu (alchaincyf). ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap');
packages/vscode/assets/open-design/examples/huashu-luxe-whitespace/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-pentagram-grid/SKILL.md
packages/vscode/assets/open-design/examples/huashu-pentagram-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-slides/SKILL.md
- Network accessline 54
Adapted from the slides line of [huashu-design](https://github.com/alchaincyf/huashu-design)
packages/vscode/assets/open-design/examples/huashu-slides/example.html
- Network accessline 6
<title>Tell a Career-Pivot Story like an Executive-Presence Coach - Career</title> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@600;700;900&family=Noto+Sans:wght@400&family=Lora:ital,wght@1,400;1,600&family= - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@600;700;900&family=Noto+Sans:wght@400&family=Lora:ital,wght@1,400;1,600&family=Inter:wght@400&family=JetBrains+Mono:wght@400;500&display=swap');
packages/vscode/assets/open-design/examples/huashu-slides/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-sparkline-arc/SKILL.md
- Network accessline 55
Generated from the `Sparkline叙事波形 / Narrative Sparkline (Duarte式)` spec (中性派, 还原91%) in `references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 - Network accessline 56
(中性派, 还原91%) in `references/design-styles.md` of [huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔 (alchaincyf), MIT licensed. Lineage: Nancy Duarte《Resonate》sparkline - Network accessline 57
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
packages/vscode/assets/open-design/examples/huashu-sparkline-arc/example.html
- Network accessline 13
(Neutral school · Sparkline narrative waveform · 91% fidelity) by Huashu (alchaincyf). ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;8 - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600&display=swap');
packages/vscode/assets/open-design/examples/huashu-sparkline-arc/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/huashu-takram-soft-tech/SKILL.md
packages/vscode/assets/open-design/examples/huashu-takram-soft-tech/example.html
- Network accessline 6
<title>Build a Buyer-Committee Leave-Behind like an Enterprise Sales Lead - B2B sales</title> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Serif:ital,wght@0,300;0,400;0,500;0,600;0,7 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700&display=swap');
packages/vscode/assets/open-design/examples/huashu-takram-soft-tech/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" - Network accessline 21
"name": "花叔 (alchaincyf)", "url": "https://github.com/alchaincyf" }, - Network accessline 22
"url": "https://github.com/alchaincyf" - Network accessline 23
}, "homepage": "https://github.com/alchaincyf/huashu-design", "plugin": { - Network accessline 24
"homepage": "https://github.com/alchaincyf/huashu-design", - Network accessline 25
"plugin": { "repo": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 26
"repo": "https://github.com/alchaincyf/huashu-design"
packages/vscode/assets/open-design/examples/ib-pitch-book/SKILL.md
- Network accessline 32
mode: deck featured: 15 upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 33
featured: 15 upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" preview: - Network accessline 34
upstream: "https://github.com/anthropics/financial-services/tree/main/plugins/agent-plugins/pitch-agent" - Network accessline 50
alternatives** conversation (coverage & advisory). This is the workflow shape of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), - Network accessline 51
of Anthropic's **Pitch Agent** from [`financial-services`](https://github.com/anthropics/financial-services), repackaged as an OpenDesign `deck` skill. - Network accessline 52
[`financial-services`](https://github.com/anthropics/financial-services),
packages/vscode/assets/open-design/examples/ib-pitch-book/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Write an Investor Pitch Book like a Growth-Equity Analyst - Fundraising pitch</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Write an Investor Pitch Book like a Growth-Equity Analyst - Fundraising pitch</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300..600;1,8..60,300..600&display=swap" rel="stylesheet"> - Network accessline 1119
<div style="display:grid;gap:14px;"> <div class="stamp"> <a class="lab" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Data room & diligence acc - Network accessline 1120
<div class="stamp"> <a class="lab" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Data room & diligence access</a> <div class="who">Available - Network accessline 1121
<a class="lab" href="https://open-design.ai/" target="_blank" rel="noreferrer noopener" style="text-decoration:none;color:inherit;">Data room & diligence access</a>
packages/vscode/assets/open-design/examples/ib-pitch-book/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ib-pitch-book", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ib-pitch-book",
packages/vscode/assets/open-design/examples/image-poster/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/image-poster", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/image-poster",
packages/vscode/assets/open-design/examples/info-funnel/SKILL.md
- Network accessline 10
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything) at commit 553ed98c283f, Apache License 2.0. -->
packages/vscode/assets/open-design/examples/invoice/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/invoice", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/invoice",
packages/vscode/assets/open-design/examples/kami-deck/SKILL.md
- Network accessline 204
- [`open-design-landing-deck`](../open-design-landing-deck/) — same horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 205
horizontal swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT). Kami's slides.py template documents the macro - Network accessline 206
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/vscode/assets/open-design/examples/kami-deck/example.html
- Network accessline 6
<title>Turn a Study into a Lab Meeting Deck like a Senior Postdoc - Academic research</title> <meta name='description' content='A gut-microbiome lab-meeting research deck on kami parchment. Warm parchment with ink-blue cover and chapter sli - Network accessline 7
<meta name='description' content='A gut-microbiome lab-meeting research deck on kami parchment. Warm parchment with ink-blue cover and chapter slides, serif at one weight, no italic.' /> <link rel='preconnect' href='https://fonts.googleapis - Network accessline 8
<link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 9
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 10
<link href='https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500&family=Source+Sans+3:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap' rel='stylesheet' />
packages/vscode/assets/open-design/examples/kami-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-deck",
packages/vscode/assets/open-design/examples/kami-landing/SKILL.md
- Network accessline 231
- [`design-templates/kami-deck/`](../kami-deck/) — sister skill that produces a slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 232
slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT) that the design system adapts. - Network accessline 233
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
packages/vscode/assets/open-design/examples/kami-landing/example.html
- Network accessline 6
<title>OpenDesign — Designing intelligence on warm paper.</title> <meta name='description' content='OpenDesign as a kami one-pager. Warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays.' /> <link rel='precon - Network accessline 7
<meta name='description' content='OpenDesign as a kami one-pager. Warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays.' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel='preconnect - Network accessline 8
<link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 9
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 10
<link href='https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500&family=Source+Sans+3:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap' rel='stylesheet' /> - Network accessline 581
<div class='a-label'>Three commands · 30 seconds</div> <pre class='a-body'><span class="c"># Clone, install, launch the local daemon.</span> git clone <span class="k">https://github.com/nexu-io/open-design</span> - Network accessline 582
<pre class='a-body'><span class="c"># Clone, install, launch the local daemon.</span> git clone <span class="k">https://github.com/nexu-io/open-design</span> pnpm install - Network accessline 583
git clone <span class="k">https://github.com/nexu-io/open-design</span>
packages/vscode/assets/open-design/examples/kami-landing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-landing", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kami-landing",
packages/vscode/assets/open-design/examples/kanban-board/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kanban-board", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/kanban-board",
packages/vscode/assets/open-design/examples/live-dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/live-dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/live-dashboard",
packages/vscode/assets/open-design/examples/magazine-poster/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/magazine-poster", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/magazine-poster",
packages/vscode/assets/open-design/examples/meeting-notes/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/meeting-notes", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/meeting-notes",
packages/vscode/assets/open-design/examples/mobile-app/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-app", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-app",
packages/vscode/assets/open-design/examples/mobile-onboarding/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-onboarding", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-onboarding",
packages/vscode/assets/open-design/examples/mockup-device-3d/SKILL.md
- Network accessline 17
example_tagline: "HTML-in-Canvas 设备秀" example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-iphone-device" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: product upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/mockup-device-3d/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Device 3D Showcase · HTML-in-Canvas</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Device 3D Showcase · HTML-in-Canvas</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Noto+Sans+SC:w - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/mockup-device-3d/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mockup-device-3d", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mockup-device-3d",
packages/vscode/assets/open-design/examples/motion-frames/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/motion-frames", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/motion-frames",
packages/vscode/assets/open-design/examples/open-design-landing-deck/example.html
- Network accessline 6
<title>Write a Brand-Story Deck like a Founder Storyteller - Marketing & GTM</title> <meta name='description' content='OpenDesign pitch deck — Vol. 01.' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 7
<meta name='description' content='OpenDesign pitch deck — Vol. 01.' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 8
<link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 9
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 10
<link href='https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800;900&family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,400;1,500;1,600&family=JetBrains+Mono:wght@400;500&display=swap' rel='stylesheet' - Network accessline 57
radial-gradient(circle at 12% 18%, rgba(106, 92, 56, 0.07) 0, transparent 28%), radial-gradient(circle at 88% 72%, rgba(106, 92, 56, 0.06) 0, transparent 32%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' wid - Network accessline 58
radial-gradient(circle at 88% 72%, rgba(106, 92, 56, 0.06) 0, transparent 32%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency - Network accessline 59
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18 0 - Network accessline 956
<p class='body'>Download OpenDesign and verify the story yourself, or clone the repo to check the license, the plugin count, and the commit history — same numbers we just showed you.</p> <div class='actions'> <a class='btn btn-primary - Network accessline 957
<div class='actions'> <a class='btn btn-primary' href='https://open-design.ai/' target='_blank' rel='noreferrer noopener'> Download OpenDesign - Network accessline 958
<a class='btn btn-primary' href='https://open-design.ai/' target='_blank' rel='noreferrer noopener'> Download OpenDesign <span class='arrow'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></span> - Network accessline 960
<span class='arrow'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></span> </a> <a class='btn btn-ghost' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> - Network accessline 961
</a> <a class='btn btn-ghost' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> View the GitHub repo - Network accessline 962
<a class='btn btn-ghost' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>
packages/vscode/assets/open-design/examples/open-design-landing-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-landing-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-landing-deck",
packages/vscode/assets/open-design/examples/orbit-general/example.html
- Network accessline 29
<title>Open Orbit — 早安简报</title> <style> @import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@400;500;600;700&display=swap'); - Network accessline 31
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@400;500;600;700&display=swap'); - Network accessline 1254
// Inject CTA links into each bento card based on its connector title. const connectorLinks = { 'GitHub': 'https://github.com/nexu-io/open-design', - Network accessline 1255
const connectorLinks = { 'GitHub': 'https://github.com/nexu-io/open-design', 'GitLab': 'https://gitlab.com/nexu-io/open-design', - Network accessline 1256
'GitHub': 'https://github.com/nexu-io/open-design', - Network accessline 1257
'GitLab': 'https://gitlab.com/nexu-io/open-design', - Network accessline 1258
'Sentry': 'https://nexu.sentry.io/issues/?statsPeriod=24h', - Network accessline 1259
'Vercel': 'https://vercel.com/nexu/open-design', - Network accessline 1260
'Linear': 'https://linear.app/nexu/team/ENG/active', - Network accessline 1261
'Slack': 'https://nexu.slack.com', - Network accessline 1262
'Gmail': 'https://mail.google.com/mail/u/0/#inbox', - Network accessline 1263
'Notion': 'https://www.notion.so/nexu', - Network accessline 1264
'Jira': 'https://nexu.atlassian.net/jira/your-work', - Network accessline 1265
'Trello': 'https://trello.com/nexu', - Network accessline 1266
'Drive': 'https://drive.google.com/drive/u/0/recent', - Network accessline 1267
'飞书 IM': 'https://www.feishu.cn/messenger', - Network accessline 1268
'飞书文档': 'https://www.feishu.cn/drive/home' - Network accessline 1283
// Make Top 3 cards clickable (entire tile is the link). const top3Links = [ 'https://github.com/nexu-io/open-design/pull/1842', - Network accessline 1284
const top3Links = [ 'https://github.com/nexu-io/open-design/pull/1842', 'https://www.notion.so/nexu/Onboarding-Flow-v3', - Network accessline 1285
'https://github.com/nexu-io/open-design/pull/1842', - Network accessline 1286
'https://www.notion.so/nexu/Onboarding-Flow-v3', - Network accessline 1287
'https://nexu.sentry.io/issues/?project=auth-service&statsPeriod=24h'
packages/vscode/assets/open-design/examples/orbit-general/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-general", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-general",
packages/vscode/assets/open-design/examples/orbit-github/example.html
packages/vscode/assets/open-design/examples/orbit-github/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-github", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-github",
packages/vscode/assets/open-design/examples/orbit-gmail/example.html
- Network accessline 618
function openInGmail(sender, subject) { const q = sender ? `from:${sender}` : (subject || ''); const url = 'https://mail.google.com/mail/u/0/#search/' + encodeURIComponent(q); - Network accessline 619
const q = sender ? `from:${sender}` : (subject || ''); const url = 'https://mail.google.com/mail/u/0/#search/' + encodeURIComponent(q); window.open(url, '_blank', 'noopener,noreferrer'); - Network accessline 620
const url = 'https://mail.google.com/mail/u/0/#search/' + encodeURIComponent(q); - Network accessline 636
btn.addEventListener('click', e => { e.preventDefault(); window.open('https://mail.google.com/mail/u/0/#inbox', '_blank', 'noopener,noreferrer'); - Network accessline 637
e.preventDefault(); window.open('https://mail.google.com/mail/u/0/#inbox', '_blank', 'noopener,noreferrer'); }); - Network accessline 638
window.open('https://mail.google.com/mail/u/0/#inbox', '_blank', 'noopener,noreferrer');
packages/vscode/assets/open-design/examples/orbit-gmail/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-gmail", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-gmail",
packages/vscode/assets/open-design/examples/orbit-linear/example.html
- Network accessline 553
const id = issue.querySelector('.issue-id')?.textContent?.trim(); if (!id) return; const url = `https://linear.app/${TEAM}/issue/${id}`; - Network accessline 554
if (!id) return; const url = `https://linear.app/${TEAM}/issue/${id}`; const a = document.createElement('a'); - Network accessline 555
const url = `https://linear.app/${TEAM}/issue/${id}`;
packages/vscode/assets/open-design/examples/orbit-linear/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-linear", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-linear",
packages/vscode/assets/open-design/examples/orbit-notion/example.html
packages/vscode/assets/open-design/examples/orbit-notion/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-notion", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/orbit-notion",
packages/vscode/assets/open-design/examples/pm-spec/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pm-spec", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pm-spec",
packages/vscode/assets/open-design/examples/poster-hero/SKILL.md
packages/vscode/assets/open-design/examples/poster-hero/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>HTML Anything 0.1 海报</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>HTML Anything 0.1 海报</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&family=JetBrains+Mono:wght@50 - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet"> - Network accessline 58
<div style="display:flex; align-items:center; gap:24px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.18)"> <div class="qr"> <svg viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> - Network accessline 59
<div class="qr"> <svg viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> <rect width="33" height="33" fill="#fff"/> - Network accessline 60
<svg viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/poster-hero/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/poster-hero", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/poster-hero",
packages/vscode/assets/open-design/examples/ppt-keynote/SKILL.md
packages/vscode/assets/open-design/examples/ppt-keynote/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Present an Operating-Model Redesign like a Strategy Engagement Lead - Consulting</title> <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,w - Network accessline 6
<title>Present an Operating-Model Redesign like a Strategy Engagement Lead - Consulting</title> <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,420;0,9..144,520;0,9..144,600;1,9..144,420;1,9..144,520&fa - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,420;0,9..144,520;0,9..144,600;1,9..144,420;1,9..144,520&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/ppt-keynote/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ppt-keynote", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/ppt-keynote",
packages/vscode/assets/open-design/examples/pricing-page/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pricing-page", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pricing-page",
packages/vscode/assets/open-design/examples/resume-modern/SKILL.md
packages/vscode/assets/open-design/examples/resume-modern/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>林清禾 · 简历</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>林清禾 · 简历</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/resume-modern/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/resume-modern", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/resume-modern",
packages/vscode/assets/open-design/examples/saas-landing/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/saas-landing", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/saas-landing",
packages/vscode/assets/open-design/examples/simple-deck/example.html
- Network accessline 6
<title>Write an Operating Review like a Disciplined COO - Corporate strategy</title> <style> @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Geis - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Geist+Mono:wght@400;500&display=swap');
packages/vscode/assets/open-design/examples/simple-deck/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/simple-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/simple-deck",
packages/vscode/assets/open-design/examples/social-carousel/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Three posts. One beat. — social carousel</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Three posts. One beat. — social carousel</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/social-carousel/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-carousel", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-carousel",
packages/vscode/assets/open-design/examples/social-media-dashboard/example.html
- Network accessline 6
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>OpenDesign · Social Analytics</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 7
<title>OpenDesign · Social Analytics</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 8
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 9
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 10
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 1234
// Real GitHub contributors — only verified avatar IDs to avoid 404s const githubContributors = [ { login: "pftom", avatar: "https://avatars.githubusercontent.com/u/26423749?v=4", contributions: 26 }, - Network accessline 1235
const githubContributors = [ { login: "pftom", avatar: "https://avatars.githubusercontent.com/u/26423749?v=4", contributions: 26 }, { login: "lefarcen", avatar: "https://avatars.githubusercontent.com/u/20859779?v=4", contributio - Network accessline 1236
{ login: "pftom", avatar: "https://avatars.githubusercontent.com/u/26423749?v=4", contributions: 26 }, - Network accessline 1237
{ login: "lefarcen", avatar: "https://avatars.githubusercontent.com/u/20859779?v=4", contributions: 18 }, - Network accessline 1238
{ login: "Sid-Qin", avatar: "https://avatars.githubusercontent.com/u/201593046?v=4", contributions: 17 }, - Network accessline 1239
{ login: "nettee", avatar: "https://avatars.githubusercontent.com/u/3953668?v=4", contributions: 10 }, - Network accessline 1240
{ login: "alchemistklk", avatar: "https://avatars.githubusercontent.com/u/56862773?v=4", contributions: 8 } - Network accessline 1329
for (let i = 0; i <= 5; i++) { const y = i * 56; const line = document.createElementNS('http://www.w3.org/2000/svg', 'line'); - Network accessline 1330
const y = i * 56; const line = document.createElementNS('http://www.w3.org/2000/svg', 'line'); line.setAttribute('x1', '0'); - Network accessline 1331
const line = document.createElementNS('http://www.w3.org/2000/svg', 'line'); - Network accessline 1342
// Area fill const areaPoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const area = document.createElementNS('http://www.w3.org/2000/svg', 'polygon'); - Network accessline 1343
const areaPoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const area = document.createElementNS('http://www.w3.org/2000/svg', 'polygon'); area.setAttribute('points', `0,280 ${areaPoints} 600,280`); - Network accessline 1344
const area = document.createElementNS('http://www.w3.org/2000/svg', 'polygon'); - Network accessline 1349
// Line const linePoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const line = document.createElementNS('http://www.w3.org/2000/svg', 'polyline'); - Network accessline 1350
const linePoints = chartBaseData.map(d => `${d.x},${d.y}`).join(' '); const line = document.createElementNS('http://www.w3.org/2000/svg', 'polyline'); line.setAttribute('points', linePoints); - Network accessline 1351
const line = document.createElementNS('http://www.w3.org/2000/svg', 'polyline'); - Network accessline 1361
// otherwise place it below so the text never collides with the curve. data.chartAnnotations.forEach(ann => { const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); - Network accessline 1362
data.chartAnnotations.forEach(ann => { const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); circle.setAttribute('cx', ann.x); - Network accessline 1363
const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); - Network accessline 1379
// Soft pill background behind the text so it stays legible across the // gold gradient + chart line, without using a heavy rect. const text = document.createElementNS('http://www.w3.org/2000/svg', 'text'); - Network accessline 1380
// gold gradient + chart line, without using a heavy rect. const text = document.createElementNS('http://www.w3.org/2000/svg', 'text'); text.setAttribute('x', ann.x); - Network accessline 1381
const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
packages/vscode/assets/open-design/examples/social-media-dashboard/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-dashboard", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-dashboard",
packages/vscode/assets/open-design/examples/social-media-matrix-tracker-template/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-matrix-tracker-template", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-media-matrix-tracker-template",
packages/vscode/assets/open-design/examples/social-reddit-card/SKILL.md
- Network accessline 17
example_tagline: "Reddit dark mode + vote rail" example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · reddit-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything" - Possible obfuscationline 53
- 底部 action row: 💬 `1.2k Comments` · 🏆 Awards · ⤴<U+FE0F> Share · ⋯ icon。
packages/vscode/assets/open-design/examples/social-reddit-card/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Reddit Post · r/programming</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Reddit Post · r/programming</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="s - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/social-reddit-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-reddit-card", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-reddit-card",
packages/vscode/assets/open-design/examples/social-spotify-card/SKILL.md
- Network accessline 17
example_tagline: "Spotify 经典 dark 卡" example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · spotify-card" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: personal upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: personal upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/social-spotify-card/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Spotify Now Playing · Lo-Fi</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Spotify Now Playing · Lo-Fi</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/social-spotify-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-spotify-card", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-spotify-card",
packages/vscode/assets/open-design/examples/social-x-post-card/SKILL.md
- Network accessline 17
example_tagline: "X dark mode + 互动数据" example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · x-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/social-x-post-card/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>X Post Card · Markdown is Dead</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>X Post Card · Markdown is Dead</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/social-x-post-card/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-x-post-card", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/social-x-post-card",
packages/vscode/assets/open-design/examples/sprite-animation/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Nintendo, 1889 — sprite animation</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Nintendo, 1889 — sprite animation</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+JP:wght@500;700&family=Press+Start+2P&display=swap" rel="stylesheet" /> - Network accessline 211
<div class="sprite-card"> <!-- Hanafuda card sprite — pixel-art flower --> <svg width="120" height="160" viewBox="0 0 24 32" xmlns="http://www.w3.org/2000/svg" aria-label="Hanafuda card"> - Network accessline 212
<!-- Hanafuda card sprite — pixel-art flower --> <svg width="120" height="160" viewBox="0 0 24 32" xmlns="http://www.w3.org/2000/svg" aria-label="Hanafuda card"> <!-- background --> - Network accessline 213
<svg width="120" height="160" viewBox="0 0 24 32" xmlns="http://www.w3.org/2000/svg" aria-label="Hanafuda card">
packages/vscode/assets/open-design/examples/sprite-animation/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/sprite-animation", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/sprite-animation",
packages/vscode/assets/open-design/examples/style-tile/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Style tile — Harbor</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Style tile — Harbor</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;700&family=JetBrains+Mo - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;700&family=JetBrains+Mono&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/team-okrs/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/team-okrs", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/team-okrs",
packages/vscode/assets/open-design/examples/trading-analysis-dashboard-template/assets/template.html
packages/vscode/assets/open-design/examples/trading-analysis-dashboard-template/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/trading-analysis-dashboard-template", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/trading-analysis-dashboard-template",
packages/vscode/assets/open-design/examples/tweaks/SKILL.md
packages/vscode/assets/open-design/examples/tweaks/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Filebase · Tweaks demo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Filebase · Tweaks demo</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/tweaks/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/tweaks", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/tweaks",
packages/vscode/assets/open-design/examples/ve-midnight-editorial/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 32
surface: web upstream: "https://github.com/nicobailon/visual-explainer" preview: - Network accessline 33
upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 50
A single-aesthetic deck plugin: the **midnight-editorial** preset from the upstream MIT-licensed [`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer) - Network accessline 51
upstream MIT-licensed [`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer) skill (`templates/slide-deck.html`), pinned and shipped as one self-contained - Network accessline 52
[`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer)
packages/vscode/assets/open-design/examples/ve-midnight-editorial/example.html
- Network accessline 26
<style> /* ve-midnight-editorial :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap'); - Network accessline 27
/* ve-midnight-editorial :: webfonts (Google Fonts @import only — no other external deps) */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap'); @import url('https://fonts.googleapis.com/css2?fami - Network accessline 28
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap'); - Network accessline 29
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');
packages/vscode/assets/open-design/examples/ve-midnight-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "nicobailon", "url": "https://github.com/nicobailon" - Network accessline 21
"name": "nicobailon", "url": "https://github.com/nicobailon" }, - Network accessline 22
"url": "https://github.com/nicobailon" - Network accessline 23
}, "homepage": "https://github.com/nicobailon/visual-explainer", "plugin": { - Network accessline 24
"homepage": "https://github.com/nicobailon/visual-explainer", - Network accessline 25
"plugin": { "repo": "https://github.com/nicobailon/visual-explainer" }, - Network accessline 26
"repo": "https://github.com/nicobailon/visual-explainer"
packages/vscode/assets/open-design/examples/ve-terminal-mono/SKILL.md
- Network accessline 31
mode: deck surface: web upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 32
surface: web upstream: "https://github.com/nicobailon/visual-explainer" preview: - Network accessline 33
upstream: "https://github.com/nicobailon/visual-explainer" - Network accessline 46
A locked, single-theme deck plugin derived from the MIT-licensed [nicobailon/visual-explainer](https://github.com/nicobailon/visual-explainer) - Network accessline 47
[nicobailon/visual-explainer](https://github.com/nicobailon/visual-explainer) - Network accessline 110
- **One typeface for everything**: Geist Mono 400/500/600/700 from Google Fonts (`https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap`). - Network accessline 111
Fonts (`https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap`).
packages/vscode/assets/open-design/examples/ve-terminal-mono/example.html
- Network accessline 18
#/<n> hash routing with deep-link restore --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 19
--> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 20
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 21
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 22
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/ve-terminal-mono/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "nicobailon", "url": "https://github.com/nicobailon" - Network accessline 21
"name": "nicobailon", "url": "https://github.com/nicobailon" }, - Network accessline 22
"url": "https://github.com/nicobailon" - Network accessline 23
}, "homepage": "https://github.com/nicobailon/visual-explainer", "plugin": { - Network accessline 24
"homepage": "https://github.com/nicobailon/visual-explainer", - Network accessline 25
"plugin": { "repo": "https://github.com/nicobailon/visual-explainer" }, - Network accessline 26
"repo": "https://github.com/nicobailon/visual-explainer"
packages/vscode/assets/open-design/examples/velar-luxury-real-estate/example.html
- Network accessline 6
<title>Velar. — Luxury Real Estate</title> <style> @import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800;900&family=Inter:wght@300;400;500;600&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800;900&family=Inter:wght@300;400;500;600&display=swap'); - Network accessline 240
const BG_IMG = 'https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260603_073200_7082add5-f1f8-4873-8696-d6f78a44089b.png&w=1920&q=85'; - Network accessline 243
const VIDEOS = [ 'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154759_4cdc8175-8261-497c-b688-9477c76545d4.mp4', - Network accessline 244
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154759_4cdc8175-8261-497c-b688-9477c76545d4.mp4', - Network accessline 245
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154751_39b1b9bb-2708-4211-b6a2-d39f93309e52.mp4', - Network accessline 246
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260528_154737_eba7900c-0313-483c-a30a-632c747ccc42.mp4', - Network accessline 247
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260602_144009_4348fe33-f885-4345-8e92-3fe1c2625d32.mp4', - Network accessline 248
'https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260602_145337_e44eaa8c-6bb1-4a6e-a70f-ed0231cbaccb.mp4', - Network accessline 306
menu.classList.toggle('open', menuOpen); navToggle.innerHTML = menuOpen ? '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="r - Network accessline 307
navToggle.innerHTML = menuOpen ? '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 - Network accessline 308
? '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>'
packages/vscode/assets/open-design/examples/velar-luxury-real-estate/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/velar-luxury-real-estate", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/velar-luxury-real-estate", - Network accessline 86
"useCase": { "query": { "en": "Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named \"Velar.\". Use only `lucide-react` for icons. The app is in `src/App.tsx`. Use the - Network accessline 87
"query": { "en": "Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named \"Velar.\". Use only `lucide-react` for icons. The app is in `src/App.tsx`. Use the exact specification - Network accessline 88
"en": "Build a single-page React + TypeScript + Tailwind CSS + Vite landing page for a luxury real estate brand named \"Velar.\". Use only `lucide-react` for icons. The app is in `src/App.tsx`. Use the exact specifications below.\n\nGlobal
packages/vscode/assets/open-design/examples/vfx-text-cursor/SKILL.md
- Network accessline 18
example_tagline: "逐字揭示 + chromatic 拖光" example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-text-cursor" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/vfx-text-cursor/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>VFX Text Cursor · Opening</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>VFX Text Cursor · Opening</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=JetBrains+Mono&di - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;800;900&family=Noto+Sans+SC:wght@400;700;900&family=JetBrains+Mono&display=swap" rel="stylesheet" /> - Network accessline 10
.vignette { position:absolute; inset:0; background: radial-gradient(circle at center, transparent 50%, rgba(0,0,0,0.8) 100%); z-index:1; } .grain { position:absolute; inset:0; opacity:0.06; mix-blend-mode:overlay; pointer-events:none; z-i - Network accessline 11
.grain { position:absolute; inset:0; opacity:0.06; mix-blend-mode:overlay; pointer-events:none; z-index:2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3 - Network accessline 12
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='ur
packages/vscode/assets/open-design/examples/vfx-text-cursor/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/vfx-text-cursor", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/vfx-text-cursor",
packages/vscode/assets/open-design/examples/video-hyperframes/SKILL.md
- Network accessline 17
example_tagline: "8 帧自动播放, 含进度条 + 元数据" example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 18
example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" example_source_label: "heygen-com/hyperframes" - Network accessline 19
example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 24
scenario: video featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/examples/video-hyperframes/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-hyperframes", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-hyperframes",
packages/vscode/assets/open-design/examples/video-shortform/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-shortform", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/video-shortform",
packages/vscode/assets/open-design/examples/waitlist-page/assets/template.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{PRODUCT_NAME}} — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>{{PRODUCT_NAME}} — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family={{DISPLAY_FONT_URL}}:wght@700;800&family={{BODY_FONT_URL}}:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 361
<!-- Coil pattern (optional) --> <svg class="coil-row" viewBox="0 0 1440 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="coil"> - Network accessline 362
<svg class="coil-row" viewBox="0 0 1440 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="coil"> - Network accessline 387
<!-- Floor with perspective grid --> <div class="grid-floor"> <svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="grid"> - Network accessline 388
<div class="grid-floor"> <svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="grid"> <g style="stroke: var(--deco-stroke);" stroke-width="1" fill="none"> - Network accessline 389
<svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" data-od-id="grid">
packages/vscode/assets/open-design/examples/waitlist-page/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Meridian — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Meridian — Coming Soon</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 284
<div class="logo"> <div class="logo-container"> <svg class="logo-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 285
<div class="logo-container"> <svg class="logo-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="48" fill="var(--deco-logo)"/> - Network accessline 286
<svg class="logo-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 311
<svg class="coil-row" viewBox="0 0 1440 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 335
<div class="grid-floor"> <svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 336
<svg class="grid-svg" viewBox="0 0 1280 400" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
packages/vscode/assets/open-design/examples/waitlist-page/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/waitlist-page", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/waitlist-page",
packages/vscode/assets/open-design/examples/web-prototype-taste-brutalist/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/brutalist-skill/SKILL.md` §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see `design-templates/html-ppt-taste-brutalist/`.
packages/vscode/assets/open-design/examples/web-prototype-taste-brutalist/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>FIELD UNIT 04 // INSTRUMENT FOR THE LEGIBLE WEB</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>FIELD UNIT 04 // INSTRUMENT FOR THE LEGIBLE WEB</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/web-prototype-taste-brutalist/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-brutalist", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-brutalist",
packages/vscode/assets/open-design/examples/web-prototype-taste-editorial/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/minimalist-skill/SKILL.md` and the spatial-rhythm rules in `skills/taste-skill/SKILL.md`. See `example.html` in this directory for a fully-realized tem
packages/vscode/assets/open-design/examples/web-prototype-taste-editorial/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Quartz — quiet workspace for technical writers</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quartz — quiet workspace for technical writers</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/web-prototype-taste-editorial/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-editorial", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-editorial",
packages/vscode/assets/open-design/examples/web-prototype-taste-soft/SKILL.md
- Network accessline 12
Distilled from [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) — `skills/soft-skill/SKILL.md` ("Vanguard UI Architect") with the haptic micro-aesthetics, double-bezel architecture, and motion choreography rules. See `example
packages/vscode/assets/open-design/examples/web-prototype-taste-soft/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Halcyon — calmer infrastructure for AI agents</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Halcyon — calmer infrastructure for AI agents</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
packages/vscode/assets/open-design/examples/web-prototype-taste-soft/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-soft", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype-taste-soft",
packages/vscode/assets/open-design/examples/web-prototype/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype",
packages/vscode/assets/open-design/examples/webgl-aurora-veil/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-aurora-veil", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-aurora-veil",
packages/vscode/assets/open-design/examples/webgl-caustic-pool/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-caustic-pool", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-caustic-pool",
packages/vscode/assets/open-design/examples/webgl-depth-gallery/example.html
- Network accessline 7
<!-- Faithful self-contained port of Houmahani Kane's "Atmospheric Depth Gallery" (Codrops, MIT). Original: https://github.com/houmahani/codrops-depth-gallery - Network accessline 8
Faithful self-contained port of Houmahani Kane's "Atmospheric Depth Gallery" (Codrops, MIT). Original: https://github.com/houmahani/codrops-depth-gallery Imagery: Lummi.ai (free commercial license). De-Vited into one file for the - Network accessline 9
(Codrops, MIT). Original: https://github.com/houmahani/codrops-depth-gallery - Network accessline 11
OpenDesign template sandbox: Three.js via CDN, shaders inlined, images local. --> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 12
--> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 13
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 14
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 56
<h1 class="frame__title"><span class="dot"></span>OpenDesign · WebGL Preview</h1> <p class="frame__credit"> Effect: <a href="https://github.com/houmahani/codrops-depth-gallery" target="_blank">Houmahani Kane / Codrops</a> (MIT)<br> - Network accessline 57
<p class="frame__credit"> Effect: <a href="https://github.com/houmahani/codrops-depth-gallery" target="_blank">Houmahani Kane / Codrops</a> (MIT)<br> Imagery: <a href="https://lummi.ai" target="_blank">Lummi.ai</a> - Network accessline 58
Effect: <a href="https://github.com/houmahani/codrops-depth-gallery" target="_blank">Houmahani Kane / Codrops</a> (MIT)<br> - Network accessline 59
Imagery: <a href="https://lummi.ai" target="_blank">Lummi.ai</a> - Network accessline 64
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 65
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js';
packages/vscode/assets/open-design/examples/webgl-depth-gallery/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 40
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-depth-gallery", - Network accessline 41
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-depth-gallery", "tags": [ - Network accessline 42
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-depth-gallery",
packages/vscode/assets/open-design/examples/webgl-distortion-grain/example.html
- Network accessline 7
<!-- Faithful single-file port of jankohlbach's "On-Scroll Image Distortion & Grain" (Codrops, MIT). Original: https://github.com/jankohlbach/codrops-shader-on-scroll - Network accessline 8
Faithful single-file port of jankohlbach's "On-Scroll Image Distortion & Grain" (Codrops, MIT). Original: https://github.com/jankohlbach/codrops-shader-on-scroll Vertical gallery: WebGL planes synced to DOM images bend with scroll veloc - Network accessline 9
(Codrops, MIT). Original: https://github.com/jankohlbach/codrops-shader-on-scroll - Network accessline 14
Simplex noise © Ashima Arts (MIT). Runs in powered preview. --> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 15
--> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> <style> - Network accessline 16
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 37
<canvas id="gl"></canvas> <div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/jankohlbach/codrops-shader-on-scroll" target="_blank">Jan Kohlbach / Codrops</a></span - Network accessline 38
<div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/jankohlbach/codrops-shader-on-scroll" target="_blank">Jan Kohlbach / Codrops</a></span></div> <div class="wrap"> - Network accessline 39
<span>Effect: <a href="https://github.com/jankohlbach/codrops-shader-on-scroll" target="_blank">Jan Kohlbach / Codrops</a></span></div> - Network accessline 62
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 63
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js';
packages/vscode/assets/open-design/examples/webgl-distortion-grain/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 45
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-distortion-grain", - Network accessline 46
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-distortion-grain", "tags": [ - Network accessline 47
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-distortion-grain",
packages/vscode/assets/open-design/examples/webgl-experience/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-experience", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-experience",
packages/vscode/assets/open-design/examples/webgl-halftone-drift/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-halftone-drift", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-halftone-drift",
packages/vscode/assets/open-design/examples/webgl-holographic-foil/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-holographic-foil", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-holographic-foil",
packages/vscode/assets/open-design/examples/webgl-horizontal-parallax/example.html
- Network accessline 7
<!-- Faithful single-file port of davidfaure's "Horizontal Parallax Gallery" (Codrops, MIT). Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops - Network accessline 8
Faithful single-file port of davidfaure's "Horizontal Parallax Gallery" (Codrops, MIT). Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops WebGL planes are synced to a horizontal DOM row; wheel scrolls it sidewa - Network accessline 9
(Codrops, MIT). Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops - Network accessline 13
Midjourney set). Runs in powered preview. --> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 14
--> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> <style> - Network accessline 15
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap" rel="stylesheet"> - Network accessline 41
<canvas id="gl"></canvas> <div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/davidfaure/horizontal-parallax-gallery-codrops" target="_blank">David Faure / Codrops< - Network accessline 42
<div class="frame"><span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/davidfaure/horizontal-parallax-gallery-codrops" target="_blank">David Faure / Codrops</a></span></div> <div clas - Network accessline 43
<span>Effect: <a href="https://github.com/davidfaure/horizontal-parallax-gallery-codrops" target="_blank">David Faure / Codrops</a></span></div> - Network accessline 64
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 65
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js';
packages/vscode/assets/open-design/examples/webgl-horizontal-parallax/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 40
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-horizontal-parallax", - Network accessline 41
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-horizontal-parallax", "tags": [ - Network accessline 42
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-horizontal-parallax",
packages/vscode/assets/open-design/examples/webgl-liquid-iridescence/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-iridescence", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-iridescence",
packages/vscode/assets/open-design/examples/webgl-liquid-metal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-metal", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-liquid-metal",
packages/vscode/assets/open-design/examples/webgl-neon-grid/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-neon-grid", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-neon-grid",
packages/vscode/assets/open-design/examples/webgl-particle-galaxy/SKILL.md
- Network accessline 59
Choose a field the vertex shader can express cheaply from `gl_VertexID` + `uTime`: - **Spiral galaxy** (default): log-spiral arms, rotation curve `speed ≈ k / (r + ε)`, thin disk. - **Attractor / flow**: curl or a strange-attractor step bak - Network accessline 60
- **Spiral galaxy** (default): log-spiral arms, rotation curve `speed ≈ k / (r + ε)`, thin disk. - **Attractor / flow**: curl or a strange-attractor step baked as a closed-form function of time. - **Explosion / reform**: interpolate between - Network accessline 61
- **Attractor / flow**: curl or a strange-attractor step baked as a closed-form function of time.
packages/vscode/assets/open-design/examples/webgl-particle-galaxy/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-particle-galaxy", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-particle-galaxy",
packages/vscode/assets/open-design/examples/webgl-pixel-reveal-gallery/example.html
- Network accessline 7
<!-- Faithful single-file port of J0SUKE's "Pixel Image Effect" scroll-reveal gallery (Codrops). Original: https://github.com/J0SUKE/gsap-threejs-codrops - Network accessline 8
Faithful single-file port of J0SUKE's "Pixel Image Effect" scroll-reveal gallery (Codrops). Original: https://github.com/J0SUKE/gsap-threejs-codrops The multi-page Astro/Barba build is condensed to one self-contained page: - Network accessline 9
gallery (Codrops). Original: https://github.com/J0SUKE/gsap-threejs-codrops - Network accessline 13
(generated, not the author's Midjourney set). Runs in powered preview. --> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;700;800&display=swap" rel="stylesheet"> - Network accessline 14
--> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;700;800&display=swap" rel="stylesheet"> <style> - Network accessline 15
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;700;800&display=swap" rel="stylesheet"> - Network accessline 55
<div class="frame"> <span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/J0SUKE/gsap-threejs-codrops" target="_blank">J0SUKE / Codrops</a></span> - Network accessline 56
<span><span class="dot"></span>OpenDesign · WebGL Preview</span> <span>Effect: <a href="https://github.com/J0SUKE/gsap-threejs-codrops" target="_blank">J0SUKE / Codrops</a></span> </div> - Network accessline 57
<span>Effect: <a href="https://github.com/J0SUKE/gsap-threejs-codrops" target="_blank">J0SUKE / Codrops</a></span> - Network accessline 91
<script type="module"> import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 92
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js'; - Network accessline 93
import gsap from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/index.js'; - Network accessline 94
import { ScrollTrigger } from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/ScrollTrigger.js'; - Network accessline 95
import { SplitText } from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/SplitText.js'; - Network accessline 96
import { Flip } from 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/Flip.js';
packages/vscode/assets/open-design/examples/webgl-pixel-reveal-gallery/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 40
} ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-pixel-reveal-gallery", - Network accessline 41
], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-pixel-reveal-gallery", "tags": [ - Network accessline 42
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-pixel-reveal-gallery",
packages/vscode/assets/open-design/examples/webgl-raymarched-hero/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-raymarched-hero", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-raymarched-hero",
packages/vscode/assets/open-design/examples/webgl-voronoi-cells/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 27
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 28
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 29
"url": "https://github.com/nexu-io" - Network accessline 30
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-voronoi-cells", "tags": [ - Network accessline 31
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-voronoi-cells",
packages/vscode/assets/open-design/examples/weekly-update/example.html
- Network accessline 6
<title>Run a Metrics Standup like a Data-Driven Ops Lead - Data, KPI & finance</title> <style> @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
packages/vscode/assets/open-design/examples/weekly-update/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 20
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 21
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 22
"url": "https://github.com/nexu-io" - Network accessline 23
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/weekly-update", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/weekly-update",
packages/vscode/assets/open-design/examples/wireframe-annotated/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Acme Landing — Annotated Wireframe (Redline)</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Acme Landing — Annotated Wireframe (Redline)</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/wireframe-annotated/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-annotated", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-annotated",
packages/vscode/assets/open-design/examples/wireframe-greybox/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Acme Analytics — Greybox Wireframe</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Acme Analytics — Greybox Wireframe</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/wireframe-greybox/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-greybox", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-greybox",
packages/vscode/assets/open-design/examples/wireframe-mobile-flow/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Marketplace App — Mobile Flow Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Marketplace App — Mobile Flow Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Caveat:wght@600;700&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/wireframe-mobile-flow/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-mobile-flow", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-mobile-flow",
packages/vscode/assets/open-design/examples/wireframe-sketch/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Zentou AI Portal — Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 6
<title>Zentou AI Portal — Wireframe v0.1</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 7
<link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 8
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - Network accessline 9
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Patrick+Hand&family=DM+Serif+Display&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
packages/vscode/assets/open-design/examples/wireframe-sketch/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-sketch", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-sketch",
packages/vscode/assets/open-design/examples/worker-visualizer/example.html
- Network accessline 71
}; function step(){ // Swirl toward center + tangential curl — cheap but visually rich. - Network accessline 72
function step(){ // Swirl toward center + tangential curl — cheap but visually rich. for (let i=0;i<N;i++){ - Network accessline 73
// Swirl toward center + tangential curl — cheap but visually rich.
packages/vscode/assets/open-design/examples/worker-visualizer/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 50
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 51
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 52
"url": "https://github.com/nexu-io" - Network accessline 53
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/worker-visualizer", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/worker-visualizer",
packages/vscode/assets/open-design/skills/3d-object/SKILL.md
- Network accessline 57
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 58
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 59
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 60
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 65
Draco decoder path: `https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/libs/draco/gltf/`. - Network accessline 70
- **Color:** `outputColorSpace = SRGBColorSpace`, `toneMapping = ACESFilmicToneMapping`. - **Materials:** physically based (`MeshStandardMaterial` / `MeshPhysicalMaterial`), with colors read from the design system's tokens (`getComputedStyl - Network accessline 71
- **Materials:** physically based (`MeshStandardMaterial` / `MeshPhysicalMaterial`), with colors read from the design system's tokens (`getComputedStyle(document.documentElement).getPropertyValue('--accent')`) so the object matches the page - Network accessline 72
- **Light:** the `studio` setup by default: studio light from a generated room (`scene.environment = new PMREMGenerator(renderer).fromScene(new RoomEnvironment(), 0.04).texture`, `envMapIntensity` about 0.6), a shadow-casting key `Direction
packages/vscode/assets/open-design/skills/3d-scene/SKILL.md
- Network accessline 67
], "duration": 10, "assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] - Network accessline 68
"duration": 10, "assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] } - Network accessline 69
"assets": [{ "source": "polyhaven", "id": "Lantern_01", "url": "https://dl.polyhaven.org/…/Lantern_01_1k.gltf", "license": "CC0" }] - Network accessline 89
<script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 90
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 91
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 92
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
packages/vscode/assets/open-design/skills/8-bit-orbit-video-template/SKILL.md
- Network accessline 53
The rendered MP4 showcase used by `example.html` is hosted at `https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4`. - Network accessline 54
`https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4`.
packages/vscode/assets/open-design/skills/ad-creative/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/vscode/assets/open-design/skills/agent-browser/SKILL.md
- Network accessline 39
design_system: requires: false upstream: "https://github.com/vercel-labs/agent-browser/blob/main/skills/agent-browser/SKILL.md" - Network accessline 40
requires: false upstream: "https://github.com/vercel-labs/agent-browser/blob/main/skills/agent-browser/SKILL.md" capabilities_required: - Network accessline 41
upstream: "https://github.com/vercel-labs/agent-browser/blob/main/skills/agent-browser/SKILL.md" - Network accessline 128
if ! curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 135
for i in {1..20}; do if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 136
if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 143
curl -fsS http://127.0.0.1:9223/json/version | rg webSocketDebuggerUrl - Network accessline 144
agent-browser connect http://127.0.0.1:9223 - Network accessline 185
With the OpenDesign preview at `http://127.0.0.1:17573/`, run: - Network accessline 188
if ! curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 195
for i in {1..20}; do if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 196
if curl -fsS http://127.0.0.1:9223/json/version | rg -q webSocketDebuggerUrl; then - Network accessline 203
curl -fsS http://127.0.0.1:9223/json/version | rg webSocketDebuggerUrl - Network accessline 204
agent-browser connect http://127.0.0.1:9223 - Network accessline 205
agent-browser open http://127.0.0.1:17573/ - Network accessline 219
2. Redirect upstream docs to temp files; quote only relevant lines. 3. Ensure CDP is reachable, starting Chrome with `open -na` if needed. 4. Connect with `agent-browser connect http://127.0.0.1:9223`. - Network accessline 220
3. Ensure CDP is reachable, starting Chrome with `open -na` if needed. 4. Connect with `agent-browser connect http://127.0.0.1:9223`. 5. Open the local preview URL. - Network accessline 221
4. Connect with `agent-browser connect http://127.0.0.1:9223`.
packages/vscode/assets/open-design/skills/ai-music-album/SKILL.md
- Network accessline 12
mode: audio category: audio-music upstream: "https://github.com/bitwize-music-studio/claude-ai-music-skills" - Network accessline 13
category: audio-music upstream: "https://github.com/bitwize-music-studio/claude-ai-music-skills" --- - Network accessline 14
upstream: "https://github.com/bitwize-music-studio/claude-ai-music-skills" - Network accessline 27
- Upstream: https://github.com/bitwize-music-studio/claude-ai-music-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/bitwize-music-studio/claude-ai-music-skills - Network accessline 39
open https://github.com/bitwize-music-studio/claude-ai-music-skills
packages/vscode/assets/open-design/skills/algorithmic-art/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/algorithmic-art" - Network accessline 14
category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/algorithmic-art" --- - Network accessline 15
upstream: "https://github.com/anthropics/skills/tree/main/skills/algorithmic-art" - Network accessline 28
- Upstream: https://github.com/anthropics/skills/tree/main/skills/algorithmic-art - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/algorithmic-art - Network accessline 40
open https://github.com/anthropics/skills/tree/main/skills/algorithmic-art
packages/vscode/assets/open-design/skills/apple-hig/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/raintree-technology/apple-hig-skills" - Network accessline 13
category: design-systems upstream: "https://github.com/raintree-technology/apple-hig-skills" --- - Network accessline 14
upstream: "https://github.com/raintree-technology/apple-hig-skills" - Network accessline 27
- Upstream: https://github.com/raintree-technology/apple-hig-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/raintree-technology/apple-hig-skills - Network accessline 39
open https://github.com/raintree-technology/apple-hig-skills
packages/vscode/assets/open-design/skills/article-magazine/SKILL.md
- Network accessline 17
example_tagline: "灵感来自 @trq212 的推文" example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 18
example_desc: "围绕「AI 时代 HTML > Markdown」的延伸评论, 含原推附注与可点击链接" example_source_url: "https://x.com/trq212/status/2052809885763747935" example_source_label: "@trq212 / x.com" - Network accessline 19
example_source_url: "https://x.com/trq212/status/2052809885763747935" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/article-sketchnote-editorial/SKILL.md
- Network accessline 14
example_tagline: "还原论失败 → Anderson 1972" example_desc: "一段以「涌现」为终点的概念史专题, 6 个 layout 节奏 = 开阔→紧→紧→爆→开阔→静" example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" - Network accessline 15
example_desc: "一段以「涌现」为终点的概念史专题, 6 个 layout 节奏 = 开阔→紧→紧→爆→开阔→静" example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" example_source_label: "lijigang/ljg-skills · ljg-card" - Network accessline 16
example_source_url: "https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card" - Network accessline 27
platform: desktop scenario: education upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" - Network accessline 28
scenario: education upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" preview: - Network accessline 29
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/article-sketchnote-editorial" - Network accessline 38
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/article-sketchnote-editorial/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/con - Network accessline 239
【致谢】 本 skill 改编自 [lijigang/ljg-skills · ljg-card -v sketchnote](https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card)（v2.3.0）。原版输出 PNG（playwright 截图）, html-anything 版直接输出单文件 HTML, 6 公理 + 6 layout + 4 字族 + 节奏与原版一致。 - Network accessline 240
本 skill 改编自 [lijigang/ljg-skills · ljg-card -v sketchnote](https://github.com/lijigang/ljg-skills/tree/master/skills/ljg-card)（v2.3.0）。原版输出 PNG（playwright 截图）, html-anything 版直接输出单文件 HTML, 6 公理 + 6 layout + 4 字族 + 节奏与原版一致。
packages/vscode/assets/open-design/skills/artifacts-builder/SKILL.md
- Network accessline 11
mode: prototype category: web-artifacts upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder" - Network accessline 12
category: web-artifacts upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder" --- - Network accessline 13
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder" - Network accessline 26
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder - Network accessline 38
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
packages/vscode/assets/open-design/skills/brainstorming/SKILL.md
- Network accessline 12
mode: design-system category: creative-direction upstream: "https://github.com/obra/superpowers" - Network accessline 13
category: creative-direction upstream: "https://github.com/obra/superpowers" --- - Network accessline 14
upstream: "https://github.com/obra/superpowers" - Network accessline 27
- Upstream: https://github.com/obra/superpowers - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/obra/superpowers - Network accessline 39
open https://github.com/obra/superpowers
packages/vscode/assets/open-design/skills/brand-extract/SKILL.md
- Network accessline 155
"tagline": "one-line brand tagline", "description": "2-3 sentences on what the company does", "sourceUrl": "https://acme.com", - Network accessline 156
"description": "2-3 sentences on what the company does", "sourceUrl": "https://acme.com", "logo": { "primary": "logos/<best candidate or null>", "alternates": ["logos/<others>"], "notes": "why this primary; usage" }, - Network accessline 157
"sourceUrl": "https://acme.com", - Network accessline 168
"typography": { "display": { "family": "Tiempos", "fallbacks": ["Georgia", "serif"], "weights": [400, 600], "notes": "headlines" }, "body": { "family": "Inter", "fallbacks": ["system-ui", "sans-serif"], "weights": [400, 500, 700] - Network accessline 169
"display": { "family": "Tiempos", "fallbacks": ["Georgia", "serif"], "weights": [400, 600], "notes": "headlines" }, "body": { "family": "Inter", "fallbacks": ["system-ui", "sans-serif"], "weights": [400, 500, 700], "googleFontsUrl": - Network accessline 170
"body": { "family": "Inter", "fallbacks": ["system-ui", "sans-serif"], "weights": [400, 500, 700], "googleFontsUrl": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" },
packages/vscode/assets/open-design/skills/brand-guidelines/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/brand-guidelines" - Network accessline 12
category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/brand-guidelines" --- - Network accessline 13
upstream: "https://github.com/anthropics/skills/tree/main/skills/brand-guidelines" - Network accessline 26
- Upstream: https://github.com/anthropics/skills/tree/main/skills/brand-guidelines - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/brand-guidelines - Network accessline 38
open https://github.com/anthropics/skills/tree/main/skills/brand-guidelines
packages/vscode/assets/open-design/skills/brandkit/SKILL.md
packages/vscode/assets/open-design/skills/brutalist-skill/SKILL.md
- Network accessline 14
scenario: design category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill"
packages/vscode/assets/open-design/skills/canvas-design/SKILL.md
- Network accessline 14
mode: image category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/canvas-design" - Network accessline 15
category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/canvas-design" --- - Network accessline 16
upstream: "https://github.com/anthropics/skills/tree/main/skills/canvas-design" - Network accessline 29
- Upstream: https://github.com/anthropics/skills/tree/main/skills/canvas-design - Network accessline 40
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/canvas-design - Network accessline 41
open https://github.com/anthropics/skills/tree/main/skills/canvas-design
packages/vscode/assets/open-design/skills/card-twitter/SKILL.md
packages/vscode/assets/open-design/skills/card-xiaohongshu/SKILL.md
packages/vscode/assets/open-design/skills/color-expert/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/meodai/skill.color-expert" - Network accessline 13
category: design-systems upstream: "https://github.com/meodai/skill.color-expert" --- - Network accessline 14
upstream: "https://github.com/meodai/skill.color-expert" - Network accessline 27
- Upstream: https://github.com/meodai/skill.color-expert - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/meodai/skill.color-expert - Network accessline 39
open https://github.com/meodai/skill.color-expert
packages/vscode/assets/open-design/skills/competitive-ads-extractor/SKILL.md
- Network accessline 11
mode: design-system category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor" - Network accessline 12
category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor" --- - Network accessline 13
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor" - Network accessline 26
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor - Network accessline 38
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/competitive-ads-extractor
packages/vscode/assets/open-design/skills/competitive-teardown/SKILL.md
- Network accessline 25
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" - Network accessline 26
scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/competitive-teardown" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/competitive-teardown/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/loc
packages/vscode/assets/open-design/skills/copywriting/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/vscode/assets/open-design/skills/creative-director/SKILL.md
- Network accessline 12
mode: design-system category: creative-direction upstream: "https://github.com/smixs/creative-director-skill" - Network accessline 13
category: creative-direction upstream: "https://github.com/smixs/creative-director-skill" --- - Network accessline 14
upstream: "https://github.com/smixs/creative-director-skill" - Network accessline 52
- Upstream: https://github.com/smixs/creative-director-skill - Network accessline 63
# Inspect the upstream README for exact paths open https://github.com/smixs/creative-director-skill - Network accessline 64
open https://github.com/smixs/creative-director-skill
packages/vscode/assets/open-design/skills/d3-visualization/SKILL.md
- Network accessline 23
mode: prototype category: diagrams upstream: "https://github.com/jiannanya/snow-d3/" - Network accessline 24
category: diagrams upstream: "https://github.com/jiannanya/snow-d3/" --- - Network accessline 25
upstream: "https://github.com/jiannanya/snow-d3/" - Network accessline 38
- Upstream: https://github.com/jiannanya/snow-d3/ - Network accessline 49
# Inspect the upstream README for exact paths open https://github.com/jiannanya/snow-d3/ - Network accessline 50
open https://github.com/jiannanya/snow-d3/ - Network accessline 52
# Clone or copy the snow-d3/ folder into your workspace's skills/ directory git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3 - Network accessline 53
git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3
packages/vscode/assets/open-design/skills/data-report/SKILL.md
packages/vscode/assets/open-design/skills/deck-guizang-editorial/SKILL.md
- Network accessline 18
example_tagline: "墨水经典调色板 + 衬线 display" example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 19
example_desc: "L02 Act Divider 章节封页 + L03 Big Numbers Grid 数据格, 纸感印刷" example_source_url: "https://github.com/op7418/guizang-ppt-skill" example_source_label: "op7418/guizang-ppt-skill" - Network accessline 20
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 25
scenario: marketing featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.01 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/deck-open-slide-canvas/SKILL.md
- Network accessline 18
example_tagline: "锁死 1920×1080 + 自由组合" example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 19
example_desc: "Sea Indigo 调色 + 一页大字 question + 角标" example_source_url: "https://github.com/1weiho/open-slide" example_source_label: "1weiho/open-slide" - Network accessline 20
example_source_url: "https://github.com/1weiho/open-slide" - Network accessline 25
scenario: design featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.17 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/deck-swiss-international/SKILL.md
- Network accessline 18
example_tagline: "Klein Blue IKB + 16 列网格" example_desc: "S01 Cover + S06 KPI Tower 两页预览, IKB 全屏标题 + 4 柱状 KPI" example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 19
example_desc: "S01 Cover + S06 KPI Tower 两页预览, IKB 全屏标题 + 4 柱状 KPI" example_source_url: "https://github.com/op7418/guizang-ppt-skill" example_source_label: "op7418/guizang-ppt-skill" - Network accessline 20
example_source_url: "https://github.com/op7418/guizang-ppt-skill" - Network accessline 25
scenario: marketing featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.001 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/design-consultation/SKILL.md
- Network accessline 11
mode: design-system category: creative-direction upstream: "https://github.com/garrytan/gstack" - Network accessline 12
category: creative-direction upstream: "https://github.com/garrytan/gstack" --- - Network accessline 13
upstream: "https://github.com/garrytan/gstack" - Network accessline 26
- Upstream: https://github.com/garrytan/gstack - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/garrytan/gstack - Network accessline 38
open https://github.com/garrytan/gstack
packages/vscode/assets/open-design/skills/design-md/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/vscode/assets/open-design/skills/design-review/SKILL.md
- Network accessline 11
mode: design-system category: creative-direction upstream: "https://github.com/garrytan/gstack" - Network accessline 12
category: creative-direction upstream: "https://github.com/garrytan/gstack" --- - Network accessline 13
upstream: "https://github.com/garrytan/gstack" - Network accessline 26
- Upstream: https://github.com/garrytan/gstack - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/garrytan/gstack - Network accessline 38
open https://github.com/garrytan/gstack
packages/vscode/assets/open-design/skills/doc-kami-parchment/SKILL.md
- Network accessline 18
example_tagline: "暖羊皮纸 + 墨蓝单色 + 单一衬线" example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" - Network accessline 19
example_desc: "一页 OpenDesign Studio Issue №26 编辑级 one-pager" example_source_url: "https://github.com/tw93/kami" example_source_label: "tw93/kami" - Network accessline 20
example_source_url: "https://github.com/tw93/kami" - Network accessline 26
scenario: personal featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 27
featured: 0.04 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 28
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/doc/SKILL.md
- Network accessline 11
mode: prototype category: documents upstream: "https://github.com/openai/skills" - Network accessline 12
category: documents upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/vscode/assets/open-design/skills/docx/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/docx" - Network accessline 13
category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/docx" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/docx" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/docx - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/docx - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/docx
packages/vscode/assets/open-design/skills/domain-name-brainstormer/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer" - Network accessline 13
category: marketing-creative upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer" --- - Network accessline 14
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer" - Network accessline 27
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer - Network accessline 39
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/domain-name-brainstormer
packages/vscode/assets/open-design/skills/email-campaign/SKILL.md
- Network accessline 77
<table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr> <td align="center" bgcolor="#1f4cff" style="border-radius:8px;background-color:#1f4cff"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href - Network accessline 78
<td align="center" bgcolor="#1f4cff" style="border-radius:8px;background-color:#1f4cff"> <!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://example.com/try" style="height:48px;v-text-anchor:middle;width:220p - Network accessline 79
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://example.com/try" style="height:48px;v-text-anchor:middle;width:220px" arcsize="17%" stroke="f" fillcolor="#1f4cff"><center style="color:#ffffff;font-family:Aria - Network accessline 80
<!--[if !mso]><!--><a href="https://example.com/try" style="display:inline-block;padding:14px 28px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none;border-radius:8px">Try the dashboard
packages/vscode/assets/open-design/skills/emil-design-eng/SKILL.md
- Network accessline 17
platform: desktop category: design-engineering upstream: "https://github.com/emilkowalski/skills" - Network accessline 18
category: design-engineering upstream: "https://github.com/emilkowalski/skills" source-commit: a47903a06a05d2e24c483bd8961c85969a51a494 - Network accessline 19
upstream: "https://github.com/emilkowalski/skills" - Network accessline 39
> I'm ready to help you build interfaces that feel right, my knowledge comes from Emil Kowalski's design engineering philosophy. If you want to dive even deeper, check out Emil’s course: [animations.dev](https://animations.dev/). - Network accessline 150
**Easing curve resources:** Don't create curves from scratch. Use [easing.dev](https://easing.dev/) or [easings.co](https://easings.co/) to find stronger custom variants of standard easings.
packages/vscode/assets/open-design/skills/emilkowalski-motion/SKILL.md
packages/vscode/assets/open-design/skills/enhance-prompt/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/vscode/assets/open-design/skills/exec-briefing-memo/SKILL.md
- Network accessline 25
platform: desktop scenario: engineering upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" - Network accessline 26
scenario: engineering upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/exec-briefing-memo" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/exec-briefing-memo/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local
packages/vscode/assets/open-design/skills/experiment-readout/SKILL.md
- Network accessline 25
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" - Network accessline 26
scenario: product upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/experiment-readout" - Network accessline 36
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/experiment-readout/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local
packages/vscode/assets/open-design/skills/fal-3d/SKILL.md
- Network accessline 12
mode: image category: 3d-shaders upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: 3d-shaders upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-generate/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-image-edit/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-kling-o3/SKILL.md
- Network accessline 11
mode: video category: video-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 12
category: video-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 13
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 26
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 38
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-lip-sync/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: video-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-realtime/SKILL.md
- Network accessline 11
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 12
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 13
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 26
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 38
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-restore/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 14
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 15
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 28
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 40
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-train/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-tryon/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-upscale/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-video-edit/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 13
category: video-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 14
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 27
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 39
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/fal-vision/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/fal-ai-community/skills" - Network accessline 14
category: image-generation upstream: "https://github.com/fal-ai-community/skills" --- - Network accessline 15
upstream: "https://github.com/fal-ai-community/skills" - Network accessline 28
- Upstream: https://github.com/fal-ai-community/skills - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/fal-ai-community/skills - Network accessline 40
open https://github.com/fal-ai-community/skills
packages/vscode/assets/open-design/skills/figma-code-connect-components/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/vscode/assets/open-design/skills/figma-create-design-system-rules/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/vscode/assets/open-design/skills/figma-create-new-file/SKILL.md
- Network accessline 10
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 11
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 12
upstream: "https://github.com/figma/skills" - Network accessline 25
- Upstream: https://github.com/figma/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 37
open https://github.com/figma/skills
packages/vscode/assets/open-design/skills/figma-generate-design/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/vscode/assets/open-design/skills/figma-generate-library/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/vscode/assets/open-design/skills/figma-implement-design/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/vscode/assets/open-design/skills/figma-use/SKILL.md
- Network accessline 11
mode: design-system category: figma upstream: "https://github.com/figma/skills" - Network accessline 12
category: figma upstream: "https://github.com/figma/skills" --- - Network accessline 13
upstream: "https://github.com/figma/skills" - Network accessline 26
- Upstream: https://github.com/figma/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/figma/skills - Network accessline 38
open https://github.com/figma/skills
packages/vscode/assets/open-design/skills/flutter-animating-apps/SKILL.md
- Network accessline 11
mode: prototype category: animation-motion upstream: "https://github.com/flutter/skills" - Network accessline 12
category: animation-motion upstream: "https://github.com/flutter/skills" --- - Network accessline 13
upstream: "https://github.com/flutter/skills" - Network accessline 26
- Upstream: https://github.com/flutter/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/flutter/skills - Network accessline 38
open https://github.com/flutter/skills
packages/vscode/assets/open-design/skills/frame-data-chart-nyt/SKILL.md
- Network accessline 17
example_tagline: "编辑级图表 + 错峰揭示" example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "8 年周活跃用户折线 + NYT red accent + 注释 mono" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · data-chart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/frame-flowchart-sticky/SKILL.md
- Network accessline 17
example_tagline: "SVG 曲线 + 4 色便利贴" example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "6 节点 onboarding 流程, 手写体 + 白板纸底" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · flowchart" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: operations upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: operations upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/frame-glitch-title/SKILL.md
- Network accessline 18
example_tagline: "cyan / magenta 像散 + CRT 扫描线" example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "巨大标题 + 数据腐败伪影 + 角落 ASCII 噪点 chunks" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · glitch" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.14 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/frame-light-leak-cinema/SKILL.md
- Network accessline 17
example_tagline: "暖橙漏光 + 35mm 颗粒" example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "2.39:1 letterbox + 衬线斜体大字 + 胶片齿孔" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · light-leak" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/frame-liquid-bg-hero/SKILL.md
- Network accessline 17
example_tagline: "Aurora Violet 流体" example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "多层 radial-gradient 呼吸背景 + difference 文字" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-liquid-background" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/frame-logo-outro/SKILL.md
- Network accessline 18
example_tagline: "Midnight Indigo + glow bloom" example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · logo-outro" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.16 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/frame-macos-notification/SKILL.md
- Network accessline 17
example_tagline: "Big Sur 磨砂玻璃 banner" example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "App icon + 标题 + 双行正文, 视频角落叠加用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · macos-notification" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 23
surface: video scenario: video upstream: "https://github.com/nexu-io/html-anything" - Network accessline 24
scenario: video upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 25
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/frontend-design/SKILL.md
- Network accessline 22
sections: [color, typography, layout, components] example_prompt: "Design and build a production-quality SaaS analytics dashboard for a finance team, with real interaction states, refined typography, and a distinctive visual direction." - Network accessline 23
example_prompt: "Design and build a production-quality SaaS analytics dashboard for a finance team, with real interaction states, refined typography, and a distinctive visual direction." upstream: "https://github.com/anthropics/skills/tre - Network accessline 24
upstream: "https://github.com/anthropics/skills/tree/main/skills/frontend-design" - Network accessline 80
- Upstream: https://github.com/anthropics/skills/tree/main/skills/frontend-design
packages/vscode/assets/open-design/skills/frontend-dev/SKILL.md
- Network accessline 12
mode: prototype category: web-artifacts upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: web-artifacts upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/vscode/assets/open-design/skills/frontend-skill/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/openai/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/vscode/assets/open-design/skills/frontend-slides/SKILL.md
- Network accessline 12
mode: deck category: slides upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 13
category: slides upstream: "https://github.com/zarazhangrui/frontend-slides" craft: - Network accessline 14
upstream: "https://github.com/zarazhangrui/frontend-slides" - Network accessline 30
- Upstream: https://github.com/zarazhangrui/frontend-slides - Network accessline 41
# Inspect the upstream README for exact paths open https://github.com/zarazhangrui/frontend-slides - Network accessline 42
open https://github.com/zarazhangrui/frontend-slides
packages/vscode/assets/open-design/skills/full-page-screenshot/SKILL.md
- Network accessline 11
mode: image category: screenshots upstream: "https://github.com/LewisLiu007/full-page-screenshot" - Network accessline 12
category: screenshots upstream: "https://github.com/LewisLiu007/full-page-screenshot" --- - Network accessline 13
upstream: "https://github.com/LewisLiu007/full-page-screenshot" - Network accessline 26
- Upstream: https://github.com/LewisLiu007/full-page-screenshot - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/LewisLiu007/full-page-screenshot - Network accessline 38
open https://github.com/LewisLiu007/full-page-screenshot
packages/vscode/assets/open-design/skills/gif-sticker-maker/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/vscode/assets/open-design/skills/gpt-tasteskill/SKILL.md
- Network accessline 14
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 87
## 7. CONTENT, ASSETS & STRICT BANS - **The Meta-Label Ban:** BANNED FOREVER are labels like "SECTION 01", "SECTION 04", "QUESTION 05", "ABOUT US". Remove them entirely. They look cheap and unprofessional. - **Image Context & Style:** Use ` - Network accessline 88
- **The Meta-Label Ban:** BANNED FOREVER are labels like "SECTION 01", "SECTION 04", "QUESTION 05", "ABOUT US". Remove them entirely. They look cheap and unprofessional. - **Image Context & Style:** Use `https://picsum.photos/seed/{keyword} - Network accessline 89
- **Image Context & Style:** Use `https://picsum.photos/seed/{keyword}/1920/1080` and match the keyword to the vibe. Apply sophisticated CSS filters (`grayscale`, `mix-blend-luminosity`, `opacity-90`, `contrast-125`) so they do not look lik
packages/vscode/assets/open-design/skills/gsap-core/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 127
https://gsap.com/resources/getting-started/Staggers - Network accessline 250
Full docs: [gsap.matchMedia()](https://gsap.com/docs/v3/GSAP/gsap.matchMedia/). For immediate re-run of all matching handlers (e.g. after toggling a reduced-motion control), use **gsap.matchMediaRefresh()**.
packages/vscode/assets/open-design/skills/gsap-frameworks/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 36
For a runnable Vite + Vue 3 project demonstrating these patterns, see the upstream example at https://github.com/greensock/gsap-skills/tree/main/examples/vue. - Network accessline 107
> For a runnable Nuxt 4 project with plugin registration, lazy loading, and SSR-safe patterns, see https://github.com/greensock/gsap-skills/tree/main/examples/nuxt.
packages/vscode/assets/open-design/skills/gsap-performance/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills
packages/vscode/assets/open-design/skills/gsap-plugins/SKILL.md
- Network accessline 14
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 15
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 16
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 21
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 31
Every GSAP plugin is **free**, including for commercial use. Since [Webflow's acquisition of GSAP](https://gsap.com/blog/webflow-GSAP/), Club GSAP is no longer a paid tier and **no plugin requires a membership, license key, or auth token** - Network accessline 115
https://gsap.com/docs/v3/Plugins/Flip - Network accessline 234
**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/) - Network accessline 272
**Learn more:** [DrawSVG](https://gsap.com/docs/v3/Plugins/DrawSVGPlugin) - Network accessline 315
**Learn more:** [MorphSVG](https://gsap.com/docs/v3/Plugins/MorphSVGPlugin) - Network accessline 447
https://gsap.com/docs/v3/Plugins/
packages/vscode/assets/open-design/skills/gsap-react/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 149
https://gsap.com/resources/React
packages/vscode/assets/open-design/skills/gsap-scrolltrigger/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 57
Main properties for the `scrollTrigger` config object (shorthand: `scrollTrigger: ".selector"` sets only `trigger`). See [ScrollTrigger docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger/) for the full list. - Network accessline 131
See [ScrollTrigger.batch()](https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.batch/) in the GSAP docs. - Network accessline 162
See [ScrollTrigger.scrollerProxy()](https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.scrollerProxy/) in the GSAP docs. - Network accessline 310
https://gsap.com/docs/v3/Plugins/ScrollTrigger/
packages/vscode/assets/open-design/skills/gsap-timeline/SKILL.md
- Network accessline 12
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 13
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 14
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 19
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills
packages/vscode/assets/open-design/skills/gsap-utils/SKILL.md
- Network accessline 13
mode: prototype category: animation-motion upstream: "https://github.com/greensock/gsap-skills" - Network accessline 14
category: animation-motion upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 15
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 20
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 32
**Omitting the value: function form.** Many utils accept the value to transform as the **last** argument. If you omit that argument, the util returns a **function** that accepts the value later. Use the function form when you need to clamp, - Network accessline 193
See [distribute()](https://gsap.com/docs/v3/GSAP/UtilityMethods/distribute/) for more. - Network accessline 218
Converts a color string into an array: **[red, green, blue]** (0–255), or **[red, green, blue, alpha]** (4 elements for RGBA when alpha is present or required). Pass **true** as the second argument (**returnHSL**) to get **[hue, saturation, - Network accessline 297
https://gsap.com/docs/v3/HelperFunctions
packages/vscode/assets/open-design/skills/hand-drawn-diagrams/SKILL.md
- Network accessline 11
mode: prototype category: diagrams upstream: "https://github.com/muthuishere/hand-drawn-diagrams" - Network accessline 12
category: diagrams upstream: "https://github.com/muthuishere/hand-drawn-diagrams" --- - Network accessline 13
upstream: "https://github.com/muthuishere/hand-drawn-diagrams" - Network accessline 26
- Upstream: https://github.com/muthuishere/hand-drawn-diagrams - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/muthuishere/hand-drawn-diagrams - Network accessline 38
open https://github.com/muthuishere/hand-drawn-diagrams
packages/vscode/assets/open-design/skills/hatch-pet/SKILL.md
- Network accessline 26
- qa/contact-sheet.png example_prompt: "Hatch me a tiny pixel-art shiba pet — friendly, sitting upright, with a small pomegranate prop. Use the hatch-pet skill end-to-end." upstream: "https://github.com/openai/skills/tree/main/skills/.c - Network accessline 27
example_prompt: "Hatch me a tiny pixel-art shiba pet — friendly, sitting upright, with a small pomegranate prop. Use the hatch-pet skill end-to-end." upstream: "https://github.com/openai/skills/tree/main/skills/.curated/hatch-pet" --- - Network accessline 28
upstream: "https://github.com/openai/skills/tree/main/skills/.curated/hatch-pet" - Access to secretsline 324
[Credential-related source omitted]
packages/vscode/assets/open-design/skills/image-enhancer/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer" - Network accessline 13
category: image-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer" --- - Network accessline 14
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer" - Network accessline 27
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer - Network accessline 39
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/image-enhancer
packages/vscode/assets/open-design/skills/image-to-code-skill/SKILL.md
packages/vscode/assets/open-design/skills/imagegen-frontend-mobile/SKILL.md
packages/vscode/assets/open-design/skills/imagegen-frontend-web/SKILL.md
packages/vscode/assets/open-design/skills/imagegen/SKILL.md
- Network accessline 13
mode: image category: image-generation upstream: "https://github.com/openai/skills" - Network accessline 14
category: image-generation upstream: "https://github.com/openai/skills" --- - Network accessline 15
upstream: "https://github.com/openai/skills" - Network accessline 28
- Upstream: https://github.com/openai/skills - Network accessline 39
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 40
open https://github.com/openai/skills
packages/vscode/assets/open-design/skills/imagen/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/sanjay3290/imagen" - Network accessline 13
category: image-generation upstream: "https://github.com/sanjay3290/imagen" --- - Network accessline 14
upstream: "https://github.com/sanjay3290/imagen" - Network accessline 27
- Upstream: https://github.com/sanjay3290/imagen - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/sanjay3290/imagen - Network accessline 39
open https://github.com/sanjay3290/imagen
packages/vscode/assets/open-design/skills/impeccable-design-polish/SKILL.md
packages/vscode/assets/open-design/skills/info-funnel/SKILL.md
- Network accessline 14
example_tagline: "5 阶 · 米白 + Klein Blue · 大数字 + 转化率" example_desc: "访客 → 注册 → 试用 → 付费 → 留存 5 步漏斗, 左侧绝对数右侧阶段转化率, 底部累计漏出洞察" example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" - Network accessline 15
example_desc: "访客 → 注册 → 试用 → 付费 → 留存 5 步漏斗, 左侧绝对数右侧阶段转化率, 底部累计漏出洞察" example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" example_source_label: "baoyu-skills · infographic/funnel" - Network accessline 16
example_source_url: "https://github.com/JimLiu/baoyu-skills#baoyu-infographic" - Network accessline 27
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" - Network accessline 28
scenario: marketing upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" preview: - Network accessline 29
upstream: "https://github.com/nexu-io/html-anything/tree/553ed98c283f9c0f489902d035416a972d6a9699/next/src/lib/templates/skills/info-funnel" - Network accessline 38
<!-- Ported from html-anything (https://github.com/nexu-io/html-anything), next/src/lib/templates/skills/info-funnel/SKILL.md at commit 553ed98c283f. Copyright the html-anything authors, Apache License 2.0 (see packages/content/local/ports/ - Network accessline 172
【致谢】 本 skill 设计参考 [baoyu-skills · baoyu-infographic](https://github.com/JimLiu/baoyu-skills) 的 funnel layout 规范, 视觉补完 + HTML 实现由 html-anything 独立编写。 - Network accessline 173
本 skill 设计参考 [baoyu-skills · baoyu-infographic](https://github.com/JimLiu/baoyu-skills) 的 funnel layout 规范, 视觉补完 + HTML 实现由 html-anything 独立编写。
packages/vscode/assets/open-design/skills/marketing-psychology/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/vscode/assets/open-design/skills/minimalist-skill/SKILL.md
- Network accessline 14
scenario: design category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 89
- System Icons: Use "Phosphor Icons (Bold or Fill weights)" or "Radix UI Icons" for a technical, slightly thicker-stroke aesthetic. Standardize stroke width across all icons. - Illustrations: Monochromatic, rough continuous-line ink sketche - Network accessline 90
- Illustrations: Monochromatic, rough continuous-line ink sketches on a white background, featuring a single offset geometric shape filled with a muted pastel color. - Photography: Use high-quality, desaturated images with a warm tone. Appl - Network accessline 91
- Photography: Use high-quality, desaturated images with a warm tone. Apply subtle overlays (`opacity: 0.04` warm grain) to blend photos into the monochrome palette. Never use oversaturated stock photos. Use reliable placeholders like `http
packages/vscode/assets/open-design/skills/minimax-docx/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: documents upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/vscode/assets/open-design/skills/minimax-pdf/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: documents upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/vscode/assets/open-design/skills/mockup-device-3d/SKILL.md
- Network accessline 17
example_tagline: "HTML-in-Canvas 设备秀" example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "iPhone 屏幕 + MacBook 屏幕都嵌入真实 UI 内容, 玻璃镜头折射" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-iphone-device" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: product upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: product upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/nanobanana-ppt/SKILL.md
- Network accessline 12
mode: deck category: image-generation upstream: "https://github.com/op7418/NanoBanana-PPT-Skills" - Network accessline 13
category: image-generation upstream: "https://github.com/op7418/NanoBanana-PPT-Skills" --- - Network accessline 14
upstream: "https://github.com/op7418/NanoBanana-PPT-Skills" - Network accessline 27
- Upstream: https://github.com/op7418/NanoBanana-PPT-Skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/op7418/NanoBanana-PPT-Skills - Network accessline 39
open https://github.com/op7418/NanoBanana-PPT-Skills
packages/vscode/assets/open-design/skills/output-skill/SKILL.md
packages/vscode/assets/open-design/skills/paywall-upgrade-cro/SKILL.md
- Network accessline 12
mode: design-system category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 13
category: marketing-creative upstream: "https://github.com/coreyhaines31/marketingskills" --- - Network accessline 14
upstream: "https://github.com/coreyhaines31/marketingskills" - Network accessline 27
- Upstream: https://github.com/coreyhaines31/marketingskills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/coreyhaines31/marketingskills - Network accessline 39
open https://github.com/coreyhaines31/marketingskills
packages/vscode/assets/open-design/skills/pdf/SKILL.md
- Network accessline 12
mode: prototype category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/pdf" - Network accessline 13
category: documents upstream: "https://github.com/anthropics/skills/tree/main/skills/pdf" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/pdf" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/pdf - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/pdf - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/pdf
packages/vscode/assets/open-design/skills/pixelbin-media/SKILL.md
- Network accessline 12
mode: image category: image-generation upstream: "https://github.com/pixelbin-dev/skills" - Network accessline 13
category: image-generation upstream: "https://github.com/pixelbin-dev/skills" --- - Network accessline 14
upstream: "https://github.com/pixelbin-dev/skills" - Network accessline 27
- Upstream: https://github.com/pixelbin-dev/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/pixelbin-dev/skills - Network accessline 39
open https://github.com/pixelbin-dev/skills
packages/vscode/assets/open-design/skills/plan-design-review/SKILL.md
- Network accessline 11
mode: design-system category: creative-direction upstream: "https://github.com/garrytan/gstack" - Network accessline 12
category: creative-direction upstream: "https://github.com/garrytan/gstack" --- - Network accessline 13
upstream: "https://github.com/garrytan/gstack" - Network accessline 26
- Upstream: https://github.com/garrytan/gstack - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/garrytan/gstack - Network accessline 38
open https://github.com/garrytan/gstack
packages/vscode/assets/open-design/skills/platform-design/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/ehmo/platform-design-skills" - Network accessline 13
category: design-systems upstream: "https://github.com/ehmo/platform-design-skills" --- - Network accessline 14
upstream: "https://github.com/ehmo/platform-design-skills" - Network accessline 27
- Upstream: https://github.com/ehmo/platform-design-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/ehmo/platform-design-skills - Network accessline 39
open https://github.com/ehmo/platform-design-skills
packages/vscode/assets/open-design/skills/poster-hero/SKILL.md
packages/vscode/assets/open-design/skills/ppt-keynote/SKILL.md
packages/vscode/assets/open-design/skills/pptx-generator/SKILL.md
- Network accessline 11
mode: deck category: slides upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 12
category: slides upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 13
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 26
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 38
open https://github.com/MiniMax-AI/skills
packages/vscode/assets/open-design/skills/pptx/SKILL.md
- Network accessline 12
mode: deck category: slides upstream: "https://github.com/anthropics/skills/tree/main/skills/pptx" - Network accessline 13
category: slides upstream: "https://github.com/anthropics/skills/tree/main/skills/pptx" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/pptx" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/pptx - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/pptx - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/pptx
packages/vscode/assets/open-design/skills/redesign-skill/SKILL.md
- Network accessline 14
scenario: design category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 67
- **Inconsistent lighting direction.** Audit all shadows to ensure they suggest a single, consistent light source. - **Random dark sections in a light mode page (or vice versa).** A single dark-background section breaking an otherwise light - Network accessline 69
- **Empty, flat sections with no visual depth.** Sections that are just text on a plain background feel unfinished. Add high-quality background imagery (blurred, overlaid, or masked), subtle patterns, or ambient gradients. Use reliable plac
packages/vscode/assets/open-design/skills/remotion/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/remotion-dev/remotion" - Network accessline 13
category: video-generation upstream: "https://github.com/remotion-dev/remotion" --- - Network accessline 14
upstream: "https://github.com/remotion-dev/remotion" - Network accessline 27
- Upstream: https://github.com/remotion-dev/remotion - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/remotion-dev/remotion - Network accessline 39
open https://github.com/remotion-dev/remotion
packages/vscode/assets/open-design/skills/replicate/SKILL.md
- Network accessline 11
mode: image category: image-generation upstream: "https://github.com/replicate/skills" - Network accessline 12
category: image-generation upstream: "https://github.com/replicate/skills" --- - Network accessline 13
upstream: "https://github.com/replicate/skills" - Network accessline 26
- Upstream: https://github.com/replicate/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/replicate/skills - Network accessline 38
open https://github.com/replicate/skills
packages/vscode/assets/open-design/skills/resume-modern/SKILL.md
packages/vscode/assets/open-design/skills/review-animations/SKILL.md
- Network accessline 17
platform: desktop category: animation-motion upstream: "https://github.com/emilkowalski/skills" - Network accessline 18
category: animation-motion upstream: "https://github.com/emilkowalski/skills" source-commit: a47903a06a05d2e24c483bd8961c85969a51a494 - Network accessline 19
upstream: "https://github.com/emilkowalski/skills"
packages/vscode/assets/open-design/skills/screenshot/SKILL.md
- Network accessline 11
mode: image category: screenshots upstream: "https://github.com/openai/skills" - Network accessline 12
category: screenshots upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/vscode/assets/open-design/skills/screenshots-marketing/SKILL.md
- Network accessline 11
mode: image category: screenshots upstream: "https://github.com/Shpigford/screenshots" - Network accessline 12
category: screenshots upstream: "https://github.com/Shpigford/screenshots" --- - Network accessline 13
upstream: "https://github.com/Shpigford/screenshots" - Network accessline 26
- Upstream: https://github.com/Shpigford/screenshots - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/Shpigford/screenshots - Network accessline 38
open https://github.com/Shpigford/screenshots
packages/vscode/assets/open-design/skills/shadcn-ui/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/vscode/assets/open-design/skills/shader-dev/SKILL.md
- Network accessline 12
mode: prototype category: 3d-shaders upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 13
category: 3d-shaders upstream: "https://github.com/MiniMax-AI/skills" --- - Network accessline 14
upstream: "https://github.com/MiniMax-AI/skills" - Network accessline 27
- Upstream: https://github.com/MiniMax-AI/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills - Network accessline 39
open https://github.com/MiniMax-AI/skills
packages/vscode/assets/open-design/skills/slack-gif-creator/SKILL.md
- Network accessline 11
mode: image category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator" - Network accessline 12
category: image-generation upstream: "https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator" --- - Network accessline 13
upstream: "https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator" - Network accessline 26
- Upstream: https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator - Network accessline 38
open https://github.com/anthropics/skills/tree/main/skills/slack-gif-creator
packages/vscode/assets/open-design/skills/slides/SKILL.md
- Network accessline 11
mode: deck category: slides upstream: "https://github.com/openai/skills" - Network accessline 12
category: slides upstream: "https://github.com/openai/skills" craft: - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 29
- Upstream: https://github.com/openai/skills - Network accessline 40
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 41
open https://github.com/openai/skills
packages/vscode/assets/open-design/skills/social-reddit-card/SKILL.md
- Network accessline 17
example_tagline: "Reddit dark mode + vote rail" example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条 AITA 风格故事 + 12.3k upvotes + 1.2k comments" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · reddit-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything" - Possible obfuscationline 53
- 底部 action row: 💬 `1.2k Comments` · 🏆 Awards · ⤴<U+FE0F> Share · ⋯ icon。
packages/vscode/assets/open-design/skills/social-spotify-card/SKILL.md
- Network accessline 17
example_tagline: "Spotify 经典 dark 卡" example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "Lo-Fi Beats · Chillhop 进度条 1:24 / 3:42 + 控制行" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · spotify-card" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: personal upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: personal upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/social-x-post-card/SKILL.md
- Network accessline 17
example_tagline: "X dark mode + 互动数据" example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 18
example_desc: "一条金句推文 + 12.3K likes / 1.2K reposts + 蓝勾" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · x-post" - Network accessline 19
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 24
platform: desktop scenario: marketing upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/soft-skill/SKILL.md
- Network accessline 14
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill"
packages/vscode/assets/open-design/skills/sora/SKILL.md
- Network accessline 12
mode: video category: video-generation upstream: "https://github.com/openai/skills" - Network accessline 13
category: video-generation upstream: "https://github.com/openai/skills" --- - Network accessline 14
upstream: "https://github.com/openai/skills" - Network accessline 27
- Upstream: https://github.com/openai/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 39
open https://github.com/openai/skills
packages/vscode/assets/open-design/skills/speech/SKILL.md
- Network accessline 11
mode: audio category: audio-music upstream: "https://github.com/openai/skills" - Network accessline 12
category: audio-music upstream: "https://github.com/openai/skills" --- - Network accessline 13
upstream: "https://github.com/openai/skills" - Network accessline 26
- Upstream: https://github.com/openai/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/openai/skills - Network accessline 38
open https://github.com/openai/skills
packages/vscode/assets/open-design/skills/stitch-loop/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/google-labs-code/skills" --- - Network accessline 13
upstream: "https://github.com/google-labs-code/skills" - Network accessline 26
- Upstream: https://github.com/google-labs-code/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/google-labs-code/skills - Network accessline 38
open https://github.com/google-labs-code/skills
packages/vscode/assets/open-design/skills/stitch-skill/SKILL.md
- Network accessline 14
scenario: design category: design-systems upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: design-systems upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 38
## Prerequisites - Access to Google Stitch via [labs.google.com/stitch](https://labs.google.com/stitch) - Network accessline 39
- Access to Google Stitch via [labs.google.com/stitch](https://labs.google.com/stitch)
packages/vscode/assets/open-design/skills/swiftui-design/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/wholiver/swiftui-design-skill" - Network accessline 13
category: design-systems upstream: "https://github.com/wholiver/swiftui-design-skill" --- - Network accessline 14
upstream: "https://github.com/wholiver/swiftui-design-skill" - Network accessline 27
- Upstream: https://github.com/wholiver/swiftui-design-skill - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/wholiver/swiftui-design-skill - Network accessline 39
open https://github.com/wholiver/swiftui-design-skill
packages/vscode/assets/open-design/skills/taste-skill-v1/SKILL.md
- Network accessline 14
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 15
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 16
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 149
### External Resources & Components * **NO Broken Unsplash Links:** Do not use Unsplash. Use absolute, reliable placeholders like `https://picsum.photos/seed/{random_string}/800/600` or SVG UI Avatars. - Network accessline 150
* **NO Broken Unsplash Links:** Do not use Unsplash. Use absolute, reliable placeholders like `https://picsum.photos/seed/{random_string}/800/600` or SVG UI Avatars.
packages/vscode/assets/open-design/skills/taste-skill/SKILL.md
- Network accessline 15
scenario: marketing category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 16
category: creative-direction upstream: "https://github.com/Leonxlnx/taste-skill" preview: - Network accessline 17
upstream: "https://github.com/Leonxlnx/taste-skill" - Network accessline 294
1. **Image-generation tool first.** If ANY image-gen tool is available in the environment (`generate_image`, MCP image tool, IDE-integrated gen, OpenAI image tools, etc.) you MUST use it to create section-specific assets: hero photography, - Network accessline 295
2. **Real web images second.** When no gen tool is available, use real photography sources. Acceptable defaults: * `https://picsum.photos/seed/{descriptive-seed}/{w}/{h}` for placeholder photography (seed should describe the section, e.g - Network accessline 296
* `https://picsum.photos/seed/{descriptive-seed}/{w}/{h}` for placeholder photography (seed should describe the section, e.g. `marrow-cookware-kitchen`) - Network accessline 303
**Real company logos for social proof.** When the brief calls for a "Trusted by / Used by / Customers" logo wall, do NOT default to plain text wordmarks (`<span>Acme Co</span>` styled in a row). Use real SVG logos: * **Source: Simple Icons* - Network accessline 304
* **Source: Simple Icons** (`https://cdn.simpleicons.org/{slug}/ffffff` for any color, or `simple-icons` npm package). Covers most known brands. - Network accessline 651
* **Hand-rolled decorative SVGs strongly discouraged** as default (see Section 4.8). * **NO div-based fake screenshots.** Never build a fake product UI out of `<div>` rectangles to simulate a screenshot. Use real images, generated images, o - Network accessline 652
* **NO div-based fake screenshots.** Never build a fake product UI out of `<div>` rectangles to simulate a screenshot. Use real images, generated images, or skip the preview. * **NO broken Unsplash links.** Use `https://picsum.photos/seed/{ - Network accessline 653
* **NO broken Unsplash links.** Use `https://picsum.photos/seed/{descriptive-string}/{w}/{h}`, or generated photo placeholders, or actual assets. - Network accessline 1055
# Add this to your app HTML head: # <meta name="shopify-api-key" content="%SHOPIFY_API_KEY%" /> # <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script> - Access to secretsline 1056
[Credential-related source omitted] - Network accessline 1057
# <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script> - Network accessline 1062
### Material Web - https://github.com/material-components/material-web - Network accessline 1063
- https://github.com/material-components/material-web - Network accessline 1064
- https://material-web.dev/theming/material-theming/ - Network accessline 1065
- https://m3.material.io/develop/web - Network accessline 1067
### Fluent UI - https://fluent2.microsoft.design/get-started/develop - Network accessline 1068
- https://fluent2.microsoft.design/get-started/develop - Network accessline 1069
- https://fluent2.microsoft.design/components/web/react/ - Network accessline 1070
- https://github.com/microsoft/fluentui - Network accessline 1071
- https://learn.microsoft.com/en-us/fluent-ui/web-components/ - Network accessline 1073
### Carbon - https://carbondesignsystem.com/ - Network accessline 1074
- https://carbondesignsystem.com/ - Network accessline 1075
- https://github.com/carbon-design-system/carbon - Network accessline 1076
- https://carbondesignsystem.com/developing/react-tutorial/overview/ - Network accessline 1077
- https://carbondesignsystem.com/developing/web-components-tutorial/overview/ - Network accessline 1079
### Shopify Polaris - https://shopify.dev/docs/api/app-home/web-components - Network accessline 1080
- https://shopify.dev/docs/api/app-home/web-components - Network accessline 1081
- https://github.com/Shopify/polaris-react - Network accessline 1082
- https://polaris-react.shopify.com/components - Network accessline 1084
### Atlassian - https://atlassian.design/get-started/develop - Network accessline 1085
- https://atlassian.design/get-started/develop - Network accessline 1086
- https://atlassian.design/components/button/examples - Network accessline 1087
- https://atlaskit.atlassian.com/packages/design-system/button/example/disabled - Network accessline 1088
- https://atlassian.design/tokens/design-tokens - Network accessline 1090
### Primer - https://primer.style/ - Network accessline 1091
- https://primer.style/ - Network accessline 1092
- https://github.com/primer/css - Network accessline 1093
- https://github.com/primer/brand - Network accessline 1095
### GOV.UK - https://design-system.service.gov.uk/components/button/ - Network accessline 1096
- https://design-system.service.gov.uk/components/button/ - Network accessline 1097
- https://design-system.service.gov.uk/styles/layout/ - Network accessline 1098
- https://github.com/alphagov/govuk-frontend - Network accessline 1100
### USWDS - https://designsystem.digital.gov/documentation/developers/ - Network accessline 1101
- https://designsystem.digital.gov/documentation/developers/ - Network accessline 1102
- https://designsystem.digital.gov/components/button/ - Network accessline 1103
- https://designsystem.digital.gov/components/card/ - Network accessline 1104
- https://github.com/uswds/uswds - Network accessline 1106
### Bootstrap - https://getbootstrap.com/docs/5.3/layout/grid/ - Network accessline 1107
- https://getbootstrap.com/docs/5.3/layout/grid/ - Network accessline 1108
- https://getbootstrap.com/docs/5.3/components/card/ - Network accessline 1110
### Tailwind - https://tailwindcss.com/docs/dark-mode - Network accessline 1111
- https://tailwindcss.com/docs/dark-mode - Network accessline 1112
- https://tailwindcss.com/blog/tailwindcss-v4 - Network accessline 1114
### Radix - https://www.radix-ui.com/themes/docs/components/theme - Network accessline 1115
- https://www.radix-ui.com/themes/docs/components/theme - Network accessline 1116
- https://www.radix-ui.com/themes/docs/components/card - Network accessline 1117
- https://github.com/radix-ui/themes - Network accessline 1119
### shadcn/ui - https://ui.shadcn.com/docs - Network accessline 1120
- https://ui.shadcn.com/docs - Network accessline 1121
- https://ui.shadcn.com/docs/components/card - Network accessline 1122
- https://github.com/shadcn-ui/ui - Network accessline 1124
### Native CSS / W3C standards - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/backdrop-filter - Network accessline 1125
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/backdrop-filter - Network accessline 1126
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-color-scheme - Network accessline 1127
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion - Network accessline 1128
- https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout - Network accessline 1129
- https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations - Network accessline 1130
- https://drafts.csswg.org/scroll-animations-1/ - Network accessline 1132
### Apple Liquid Glass (Apple platforms only) - https://developer.apple.com/design/human-interface-guidelines/materials - Network accessline 1133
- https://developer.apple.com/design/human-interface-guidelines/materials - Network accessline 1134
- https://developer.apple.com/documentation/TechnologyOverviews/liquid-glass - Network accessline 1135
- https://developer.apple.com/documentation/TechnologyOverviews/adopting-liquid-glass - Network accessline 1136
- https://developer.apple.com/documentation/SwiftUI/Material
packages/vscode/assets/open-design/skills/theme-factory/SKILL.md
- Network accessline 12
mode: design-system category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/theme-factory" - Network accessline 13
category: design-systems upstream: "https://github.com/anthropics/skills/tree/main/skills/theme-factory" --- - Network accessline 14
upstream: "https://github.com/anthropics/skills/tree/main/skills/theme-factory" - Network accessline 27
- Upstream: https://github.com/anthropics/skills/tree/main/skills/theme-factory - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/theme-factory - Network accessline 39
open https://github.com/anthropics/skills/tree/main/skills/theme-factory
packages/vscode/assets/open-design/skills/threejs/SKILL.md
- Network accessline 12
mode: prototype category: 3d-shaders upstream: "https://github.com/CloudAI-X/threejs-skills" - Network accessline 13
category: 3d-shaders upstream: "https://github.com/CloudAI-X/threejs-skills" --- - Network accessline 14
upstream: "https://github.com/CloudAI-X/threejs-skills" - Network accessline 27
- Upstream: https://github.com/CloudAI-X/threejs-skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/CloudAI-X/threejs-skills - Network accessline 39
open https://github.com/CloudAI-X/threejs-skills
packages/vscode/assets/open-design/skills/ui-skills/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/ibelick/ui-skills" - Network accessline 12
category: design-systems upstream: "https://github.com/ibelick/ui-skills" --- - Network accessline 13
upstream: "https://github.com/ibelick/ui-skills" - Network accessline 26
- Upstream: https://github.com/ibelick/ui-skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ibelick/ui-skills - Network accessline 38
open https://github.com/ibelick/ui-skills
packages/vscode/assets/open-design/skills/ui-ux-pro-max/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" - Network accessline 12
category: design-systems upstream: "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" --- - Network accessline 13
upstream: "https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" - Network accessline 37
- Upstream: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill - Network accessline 48
# Inspect the upstream README for exact paths open https://github.com/nextlevelbuilder/ui-ux-pro-max-skill - Network accessline 49
open https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
packages/vscode/assets/open-design/skills/venice-audio-music/SKILL.md
- Network accessline 12
mode: audio category: audio-music upstream: "https://github.com/veniceai/skills" - Network accessline 13
category: audio-music upstream: "https://github.com/veniceai/skills" --- - Network accessline 14
upstream: "https://github.com/veniceai/skills" - Network accessline 27
- Upstream: https://github.com/veniceai/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 39
open https://github.com/veniceai/skills
packages/vscode/assets/open-design/skills/venice-audio-speech/SKILL.md
- Network accessline 12
mode: audio category: audio-music upstream: "https://github.com/veniceai/skills" - Network accessline 13
category: audio-music upstream: "https://github.com/veniceai/skills" --- - Network accessline 14
upstream: "https://github.com/veniceai/skills" - Network accessline 27
- Upstream: https://github.com/veniceai/skills - Network accessline 38
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 39
open https://github.com/veniceai/skills
packages/vscode/assets/open-design/skills/venice-image-edit/SKILL.md
- Network accessline 10
mode: image category: image-generation upstream: "https://github.com/veniceai/skills" - Network accessline 11
category: image-generation upstream: "https://github.com/veniceai/skills" --- - Network accessline 12
upstream: "https://github.com/veniceai/skills" - Network accessline 25
- Upstream: https://github.com/veniceai/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 37
open https://github.com/veniceai/skills
packages/vscode/assets/open-design/skills/venice-image-generate/SKILL.md
- Network accessline 10
mode: image category: image-generation upstream: "https://github.com/veniceai/skills" - Network accessline 11
category: image-generation upstream: "https://github.com/veniceai/skills" --- - Network accessline 12
upstream: "https://github.com/veniceai/skills" - Network accessline 25
- Upstream: https://github.com/veniceai/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 37
open https://github.com/veniceai/skills
packages/vscode/assets/open-design/skills/venice-video/SKILL.md
- Network accessline 10
mode: video category: video-generation upstream: "https://github.com/veniceai/skills" - Network accessline 11
category: video-generation upstream: "https://github.com/veniceai/skills" --- - Network accessline 12
upstream: "https://github.com/veniceai/skills" - Network accessline 25
- Upstream: https://github.com/veniceai/skills - Network accessline 36
# Inspect the upstream README for exact paths open https://github.com/veniceai/skills - Network accessline 37
open https://github.com/veniceai/skills
packages/vscode/assets/open-design/skills/vfx-text-cursor/SKILL.md
- Network accessline 18
example_tagline: "逐字揭示 + chromatic 拖光" example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 19
example_desc: "光标打字 hot pink + cyan 像散, 视频开场用" example_source_url: "https://hyperframes.heygen.com/catalog" example_source_label: "hyperframes · vfx-text-cursor" - Network accessline 20
example_source_url: "https://hyperframes.heygen.com/catalog" - Network accessline 25
scenario: video featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 26
featured: 0.15 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 27
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/video-downloader/SKILL.md
- Network accessline 11
mode: video category: video-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader" - Network accessline 12
category: video-generation upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader" --- - Network accessline 13
upstream: "https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader" - Network accessline 26
- Upstream: https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader - Network accessline 38
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/video-downloader
packages/vscode/assets/open-design/skills/video-hyperframes/SKILL.md
- Network accessline 17
example_tagline: "8 帧自动播放, 含进度条 + 元数据" example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 18
example_desc: "电影感动画脚本, 可直接喂给 Remotion 做成 mp4" example_source_url: "https://github.com/heygen-com/hyperframes" example_source_label: "heygen-com/hyperframes" - Network accessline 19
example_source_url: "https://github.com/heygen-com/hyperframes" - Network accessline 24
scenario: video featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" - Network accessline 25
featured: 0.13 upstream: "https://github.com/nexu-io/html-anything" preview: - Network accessline 26
upstream: "https://github.com/nexu-io/html-anything"
packages/vscode/assets/open-design/skills/web-artifacts-builder/SKILL.md
- Network accessline 11
mode: prototype category: web-artifacts upstream: "https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder" - Network accessline 12
category: web-artifacts upstream: "https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder" --- - Network accessline 13
upstream: "https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder" - Network accessline 26
- Upstream: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder - Network accessline 38
open https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder
packages/vscode/assets/open-design/skills/web-clone/SKILL.md
- Network accessline 64
- 单文件站（github.io / 纯 HTML）→ 直接抓 raw：`curl -sL https://raw.githubusercontent.com/<user>/<repo>/main/index.html` - Network accessline 133
| 侦察结果 | 走哪条路 | |---|---| | 静态 HTML/CSS，无框架 | `wget --mirror` 抓镜像 → 删追踪脚本 → 改文案 | - Network accessline 134
|---|---| | 静态 HTML/CSS，无框架 | `wget --mirror` 抓镜像 → 删追踪脚本 → 改文案 | | React / Vue / Next（内容为主） | 重建模板（如 `ai-website-cloner-template`，Node 24+），灌内容 | - Network accessline 135
| 静态 HTML/CSS，无框架 | `wget --mirror` 抓镜像 → 删追踪脚本 → 改文案 | - Network accessline 172
node scripts/recon-site.mjs \ --url http://127.0.0.1:<端口>/ \ - Network accessline 173
--url http://127.0.0.1:<端口>/ \ - Network accessline 177
node scripts/route-crawl.mjs \ --url http://127.0.0.1:<端口>/ \ - Network accessline 178
--url http://127.0.0.1:<端口>/ \ - Network accessline 184
node scripts/interaction-probe.mjs \ --url http://127.0.0.1:<端口>/ \ - Network accessline 185
--url http://127.0.0.1:<端口>/ \
packages/vscode/assets/open-design/skills/web-design-guidelines/SKILL.md
- Network accessline 22
platform: desktop category: design-systems upstream: "https://github.com/vercel-labs/web-interface-guidelines" - Network accessline 23
category: design-systems upstream: "https://github.com/vercel-labs/web-interface-guidelines" source-commit: 4e799d45c17aec1498c269287a83b9dba22b966b - Network accessline 24
upstream: "https://github.com/vercel-labs/web-interface-guidelines" - Network accessline 51
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
packages/vscode/assets/open-design/skills/weread-year-in-review-video-template/SKILL.md
- Network accessline 57
The rendered MP4 showcase used by `example.html` is hosted at `https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4`. - Network accessline 58
`https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4`.
packages/vscode/assets/open-design/skills/wpds/SKILL.md
- Network accessline 11
mode: design-system category: design-systems upstream: "https://github.com/WordPress/skills" - Network accessline 12
category: design-systems upstream: "https://github.com/WordPress/skills" --- - Network accessline 13
upstream: "https://github.com/WordPress/skills" - Network accessline 26
- Upstream: https://github.com/WordPress/skills - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/WordPress/skills - Network accessline 38
open https://github.com/WordPress/skills
packages/vscode/assets/open-design/skills/writing-guidelines/SKILL.md
- Network accessline 19
platform: desktop category: documentation upstream: "https://github.com/vercel-labs/writing-guidelines" - Network accessline 20
category: documentation upstream: "https://github.com/vercel-labs/writing-guidelines" source-commit: 83e2316b034cf572400513538e4e4da01c4cc742 - Network accessline 21
upstream: "https://github.com/vercel-labs/writing-guidelines" - Network accessline 48
https://raw.githubusercontent.com/vercel-labs/writing-guidelines/main/command.md
packages/vscode/assets/open-design/skills/youtube-clipper/SKILL.md
- Network accessline 11
mode: video category: video-generation upstream: "https://github.com/op7418/Youtube-clipper-skill" - Network accessline 12
category: video-generation upstream: "https://github.com/op7418/Youtube-clipper-skill" --- - Network accessline 13
upstream: "https://github.com/op7418/Youtube-clipper-skill" - Network accessline 26
- Upstream: https://github.com/op7418/Youtube-clipper-skill - Network accessline 37
# Inspect the upstream README for exact paths open https://github.com/op7418/Youtube-clipper-skill - Network accessline 38
open https://github.com/op7418/Youtube-clipper-skill
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Signal confidence: 500 facts
- Network access in the frontmatter of the SKILL.mdopen-design-design-system-from-url/SKILL.md:2Low confidence
- Network access in the frontmatter of the SKILL.mdopen-design-design-system-from-url/SKILL.md:3Low confidence
- Network access in the frontmatter of the SKILL.mdopen-design-design-system-from-url/SKILL.md:4Low confidence
- Network access in prose of the SKILL.mdopen-design-design-system-from-url/SKILL.md:40Low confidence
- Network access in prose of the SKILL.mdopen-design-recurring/SKILL.md:105Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:42Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:43Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:44Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:153Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:154Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:155Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:156Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:157Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:158Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:159Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:160Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:161Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:162Low confidence
- Network access in the frontmatter of the SKILL.mdopen-design-design-system-from-url/SKILL.md:2Low confidence
- Network access in the frontmatter of the SKILL.mdopen-design-design-system-from-url/SKILL.md:3Low confidence
- Network access in the frontmatter of the SKILL.mdopen-design-design-system-from-url/SKILL.md:4Low confidence
- Network access in prose of the SKILL.mdopen-design-design-system-from-url/SKILL.md:40Low confidence
- Network access in prose of the SKILL.mdopen-design-recurring/SKILL.md:105Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:42Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:43Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:44Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:153Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:154Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:155Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:156Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:157Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:158Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:159Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:160Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:161Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:162Low confidence
- Network access in prose of the SKILL.mdopen-design-design-system-from-url/SKILL.md:39Low confidence
- Network access in prose of the SKILL.mdopen-design-recurring/SKILL.md:100Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:44Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:45Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:46Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:137Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:138Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:139Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:140Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:141Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:142Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:143Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:144Low confidence
- Network access in prose of the SKILL.mdopen-design/SKILL.md:145Low confidence
and 450 more
Only the first 500 facts are listed.
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Native | Manifest .claude-plugin/marketplace.json | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md packages/claude-plugin/skills/od-deck-deck-guizang-editorial/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md packages/claude-plugin/skills/od-deck-deck-guizang-editorial/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md packages/claude-plugin/skills/od-deck-deck-guizang-editorial/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md packages/claude-plugin/skills/od-deck-deck-guizang-editorial/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md packages/claude-plugin/skills/od-deck-deck-guizang-editorial/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
Add this badge to your README
It updates every night and links to this page.
[](https://hotskills.dev/skill/feimacode-open-design-agent-kit/)