#15 by GitHub stars
nexu-io/open-design
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
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
apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/aster-atelier/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/audio-jingle/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/blog-post/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/clinical-case-report/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/contact-widget/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/critique/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/dating-web/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/dcf-valuation/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/digital-eguide/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/docs-page/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/email-marketing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/eng-runbook/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/finance-report/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/flowai-live-dashboard-template/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/gamified-app/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/github-dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/guizang-ppt/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/hr-onboarding/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-course-module/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-graphify-dark-graph/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-hermes-cyber-terminal/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-knowledge-arch-blueprint/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-obsidian-claude-gradient/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-pitch-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-presenter-mode-reveal/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-product-launch/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-taste-brutalist/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-taste-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-tech-sharing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-testing-safety-alert/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-weekly-report/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-xhs-pastel-card/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-xhs-white-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-8-bit-orbit/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-biennale-yellow/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-block-frame/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-blue-professional/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-bold-poster/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-broadside/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-capsule/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-cartesian/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-cobalt-grid/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-coral/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-creative-mode/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-daisy-days/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-editorial-tri-tone/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-grove/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-long-table/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-mat/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-monochrome/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-neo-grid-bold/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-peoples-platform/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-pin-and-paper/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-pink-script/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-playful/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-raw-grid/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-retro-windows/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-retro-zine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-sakura-chroma/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-scatterbrain/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-signal/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-soft-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-stencil-tablet/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-studio/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/html-ppt-zhangzara-vellum/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/hyperframes/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/ib-pitch-book/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/image-poster/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/invoice/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/kami-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/kami-landing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/kanban-board/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/last30days/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/live-artifact/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/live-dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/magazine-poster/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/meeting-notes/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/mobile-app/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/mobile-onboarding/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/motion-frames/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/open-design-landing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/open-design-landing-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/orbit-general/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/orbit-github/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/orbit-gmail/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/orbit-linear/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/orbit-notion/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/pm-spec/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/pricing-page/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/replit-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/saas-landing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/simple-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/social-carousel/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/social-media-dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/social-media-matrix-tracker-template/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/sprite-animation/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/team-okrs/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/trading-analysis-dashboard-template/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/tweaks/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/video-shortform/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/waitlist-page/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/web-prototype/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/web-prototype-taste-brutalist/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/web-prototype-taste-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/web-prototype-taste-soft/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/webgl-experience/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/weekly-update/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/wireframe-annotated/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/wireframe-greybox/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/wireframe-mobile-flow/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/wireframe-sketch/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/worker-visualizer/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
design-templates/x-research/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
docs/examples/saas-landing-skill/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/build-test/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/code-import/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/critique-theater/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/design-extract/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/diff-review/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/direction-picker/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/discovery-question-form/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/figma-extract/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/handoff/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/patch-edit/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/rewrite-plan/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/todo-write/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/atoms/token-map/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/article-magazine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/audio-jingle/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/blog-post/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/card-twitter/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/card-xiaohongshu/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/clinical-case-report/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/codex-interactive-capability-map/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/critique/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/data-report/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/dating-web/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/dcf-valuation/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/deck-guizang-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/deck-open-slide-canvas/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/deck-swiss-international/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/design-brief/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/digital-eguide/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/doc-kami-parchment/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/docs-page/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/email-marketing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/eng-runbook/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/finance-report/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/flowai-live-dashboard-template/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frame-data-chart-nyt/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frame-flowchart-sticky/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frame-glitch-title/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frame-light-leak-cinema/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frame-liquid-bg-hero/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frame-logo-outro/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frame-macos-notification/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/frontend-slides/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/fs-creative-voltage/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/fs-editorial-forest/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/fs-electric-studio/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/fs-emerald-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/fs-notebook-tabs/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/gamified-app/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/github-dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/guizang-ppt/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hatch-pet/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hps-academic-paper/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hps-bauhaus/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hps-memphis-pop/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hps-retro-tv/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hps-true-blueprint/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hps-y2k-chrome/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hr-onboarding/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-course-module/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-graphify-dark-graph/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-hermes-cyber-terminal/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-knowledge-arch-blueprint/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-obsidian-claude-gradient/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-pitch-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-presenter-mode-reveal/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-product-launch/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-taste-brutalist/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-taste-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-tech-sharing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-testing-safety-alert/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-weekly-report/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-xhs-pastel-card/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-xhs-white-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-8-bit-orbit/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-biennale-yellow/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-block-frame/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-blue-professional/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-bold-poster/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-broadside/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-capsule/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-cartesian/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-cobalt-grid/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-coral/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-creative-mode/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-daisy-days/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-editorial-tri-tone/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-grove/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-long-table/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-mat/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-monochrome/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-neo-grid-bold/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-peoples-platform/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-pin-and-paper/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-pink-script/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-playful/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-raw-grid/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-retro-windows/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-retro-zine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-sakura-chroma/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-scatterbrain/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-signal/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-soft-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-stencil-tablet/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-studio/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/html-ppt-zhangzara-vellum/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-annual-letter/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-bento-insight/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-golden-circle/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-keynote-black/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-luxe-whitespace/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-pentagram-grid/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-slides/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-sparkline-arc/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/huashu-takram-soft-tech/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/hyperframes/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/ib-pitch-book/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/image-poster/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/invoice/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/kami-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/kami-landing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/kanban-board/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/last30days/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/live-artifact/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/live-dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/magazine-poster/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/meeting-notes/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/mobile-app/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/mobile-onboarding/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/mockup-device-3d/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-claude-agent-lab/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-claude-design-team/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-distilbook-explainer/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-flowdrive-motion-reel/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-frames/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-future/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-kinetic-motion-designer/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-mind-clarity-journey/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-opus-design-lab/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-product-promo/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-prompt-motion-gallery/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-semantic-color-stripes/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-showreel/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-sky-water-tessellation/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-superx-audience-growth/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-tixfox-ticket-promo/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-ui-morph/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-visual-lesson/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/motion-windows-studio-launch/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/od-plugin-contribute-open-design/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/od-plugin-publish-github/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/open-design-homepage/SKILL.md
Week of Nov 2, 2026 · +16 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
+ 27 The exported Turbopack loader normalizes each registered script URL against
+ 28 `document.baseURI` before identifying its chunk. Preserve that compatibility
+ 29 change when refreshing the export: sandbox preview hosts can rewrite script
+ 30 attributes to absolute URLs with workspace query parameters. Comparing those
+ 31 attributes directly with the relative `./assets/_next/` prefix leaves bootstrap
+ 32 dependencies unresolved and the page stuck on its loading bar. Keep query
+ 33 parameters on requests; only normalize chunk identity. Normalize pending-load
+ 34 keys too, because Flight hydration asks for relative, unscoped chunk URLs.
+ 35
+ 36 The exported router keeps the serialized homepage path when its location is
+ 37 `about:srcdoc`, and uses `document.baseURI` to resolve router/prefetch URLs.
+ 38 Otherwise the opaque iframe URL either throws or selects a nonexistent route.
+ 39 The plugin asset route permits opaque-origin reads only for declared assets
+ 40 of bundled plugins, allowing WebGL textures, model fetches and fonts to load
+ 41 without adding `allow-same-origin` to the preview sandbox.
+ 42
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/open-design-landing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/open-design-landing-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/orbit-general/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/orbit-github/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/orbit-gmail/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/orbit-linear/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/orbit-notion/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/pm-spec/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/poster-hero/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/ppt-keynote/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/pptx-html-fidelity-audit/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/pricing-page/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/replit-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/resume-modern/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/saas-landing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/simple-deck/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/social-carousel/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/social-media-dashboard/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/social-media-matrix-tracker-template/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/social-reddit-card/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/social-spotify-card/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/social-x-post-card/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/sprite-animation/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/team-okrs/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/trading-analysis-dashboard-template/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/tweaks/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/ve-midnight-editorial/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Network or broad shell
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/ve-terminal-mono/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
plugins/_official/examples/velar-luxury-real-estate/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Instructions only → After Instructions only
12d970eacc89 → e7a18df64d0e
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Instructions only
First observation → 12d970eacc89
No earlier version was observed for comparison.
View on GitHubAdd to my skills
Verified commit e7a18df64d0e5e1161903e93bb5a302229dbeb96
git clone --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git .hotskills/nexu-io-open-design && git -C .hotskills/nexu-io-open-design checkout --detach e7a18df64d0e5e1161903e93bb5a302229dbeb96
# Copy each selected skill directory from .hotskills/nexu-io-open-design into .claude/skills/<skill-name>/git clone --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git .hotskills/nexu-io-open-design && git -C .hotskills/nexu-io-open-design checkout --detach e7a18df64d0e5e1161903e93bb5a302229dbeb96
# Copy each selected skill directory from .hotskills/nexu-io-open-design into .agents/skills/<skill-name>/106.3kGitHub stars
1.2kstars in 7 days
561skills in this repository
134commits in 30 days
Heat
7.4- Star growth, last 7 daysAhead of 86% of tracked repositories
- Star growth, last 24 hoursAhead of 85% of tracked repositories
- Rank movement, last 7 daysAhead of 74% of tracked repositories
- Commits, last 30 daysAhead of 95% 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
- sample-plugin
apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin - aster-atelier
design-templates/aster-atelier - audio-jingle
design-templates/audio-jingle - blog-post
design-templates/blog-post - clinical-case-report
design-templates/clinical-case-report - contact-widget
design-templates/contact-widget - critique
design-templates/critique - dashboard
design-templates/dashboard - dating-web
design-templates/dating-web - dcf-valuation
design-templates/dcf-valuation - digital-eguide
design-templates/digital-eguide - docs-page
design-templates/docs-page - email-marketing
design-templates/email-marketing - eng-runbook
design-templates/eng-runbook - finance-report
design-templates/finance-report - flowai-live-dashboard-template
design-templates/flowai-live-dashboard-template - gamified-app
design-templates/gamified-app - github-dashboard
design-templates/github-dashboard - magazine-web-ppt
design-templates/guizang-ppt - hr-onboarding
design-templates/hr-onboarding - html-ppt
design-templates/html-ppt - html-ppt-course-module
design-templates/html-ppt-course-module - html-ppt-graphify-dark-graph
design-templates/html-ppt-graphify-dark-graph - html-ppt-hermes-cyber-terminal
design-templates/html-ppt-hermes-cyber-terminal - html-ppt-knowledge-arch-blueprint
design-templates/html-ppt-knowledge-arch-blueprint - html-ppt-obsidian-claude-gradient
design-templates/html-ppt-obsidian-claude-gradient - html-ppt-pitch-deck
design-templates/html-ppt-pitch-deck - html-ppt-presenter-mode
design-templates/html-ppt-presenter-mode-reveal - html-ppt-product-launch
design-templates/html-ppt-product-launch - html-ppt-taste-brutalist
design-templates/html-ppt-taste-brutalist - html-ppt-taste-editorial
design-templates/html-ppt-taste-editorial - html-ppt-tech-sharing
design-templates/html-ppt-tech-sharing - html-ppt-testing-safety-alert
design-templates/html-ppt-testing-safety-alert - html-ppt-weekly-report
design-templates/html-ppt-weekly-report - html-ppt-xhs-pastel-card
design-templates/html-ppt-xhs-pastel-card - html-ppt-xhs-white-editorial
design-templates/html-ppt-xhs-white-editorial - html-ppt-zhangzara-8-bit-orbit
design-templates/html-ppt-zhangzara-8-bit-orbit - html-ppt-zhangzara-biennale-yellow
design-templates/html-ppt-zhangzara-biennale-yellow - html-ppt-zhangzara-block-frame
design-templates/html-ppt-zhangzara-block-frame - html-ppt-zhangzara-blue-professional
design-templates/html-ppt-zhangzara-blue-professional - html-ppt-zhangzara-bold-poster
design-templates/html-ppt-zhangzara-bold-poster - html-ppt-zhangzara-broadside
design-templates/html-ppt-zhangzara-broadside - html-ppt-zhangzara-capsule
design-templates/html-ppt-zhangzara-capsule - html-ppt-zhangzara-cartesian
design-templates/html-ppt-zhangzara-cartesian - html-ppt-zhangzara-cobalt-grid
design-templates/html-ppt-zhangzara-cobalt-grid - html-ppt-zhangzara-coral
design-templates/html-ppt-zhangzara-coral - html-ppt-zhangzara-creative-mode
design-templates/html-ppt-zhangzara-creative-mode - html-ppt-zhangzara-daisy-days
design-templates/html-ppt-zhangzara-daisy-days - html-ppt-zhangzara-editorial-tri-tone
design-templates/html-ppt-zhangzara-editorial-tri-tone - html-ppt-zhangzara-grove
design-templates/html-ppt-zhangzara-grove - html-ppt-zhangzara-long-table
design-templates/html-ppt-zhangzara-long-table - html-ppt-zhangzara-mat
design-templates/html-ppt-zhangzara-mat - html-ppt-zhangzara-monochrome
design-templates/html-ppt-zhangzara-monochrome - html-ppt-zhangzara-neo-grid-bold
design-templates/html-ppt-zhangzara-neo-grid-bold - html-ppt-zhangzara-peoples-platform
design-templates/html-ppt-zhangzara-peoples-platform - html-ppt-zhangzara-pin-and-paper
design-templates/html-ppt-zhangzara-pin-and-paper - html-ppt-zhangzara-pink-script
design-templates/html-ppt-zhangzara-pink-script - html-ppt-zhangzara-playful
design-templates/html-ppt-zhangzara-playful - html-ppt-zhangzara-raw-grid
design-templates/html-ppt-zhangzara-raw-grid - html-ppt-zhangzara-retro-windows
design-templates/html-ppt-zhangzara-retro-windows - html-ppt-zhangzara-retro-zine
design-templates/html-ppt-zhangzara-retro-zine - html-ppt-zhangzara-sakura-chroma
design-templates/html-ppt-zhangzara-sakura-chroma - html-ppt-zhangzara-scatterbrain
design-templates/html-ppt-zhangzara-scatterbrain - html-ppt-zhangzara-signal
design-templates/html-ppt-zhangzara-signal - html-ppt-zhangzara-soft-editorial
design-templates/html-ppt-zhangzara-soft-editorial - html-ppt-zhangzara-stencil-tablet
design-templates/html-ppt-zhangzara-stencil-tablet - html-ppt-zhangzara-studio
design-templates/html-ppt-zhangzara-studio - html-ppt-zhangzara-vellum
design-templates/html-ppt-zhangzara-vellum - hyperframes
design-templates/hyperframes - ib-pitch-book
design-templates/ib-pitch-book - image-poster
design-templates/image-poster - invoice
design-templates/invoice - kami-deck
design-templates/kami-deck - kami-landing
design-templates/kami-landing - kanban-board
design-templates/kanban-board - last30days
design-templates/last30days - live-artifact
design-templates/live-artifact - live-dashboard
design-templates/live-dashboard - magazine-poster
design-templates/magazine-poster - meeting-notes
design-templates/meeting-notes - mobile-app
design-templates/mobile-app - mobile-onboarding
design-templates/mobile-onboarding - motion-frames
design-templates/motion-frames - open-design-landing
design-templates/open-design-landing - open-design-landing-deck
design-templates/open-design-landing-deck - orbit-general
design-templates/orbit-general - orbit-github
design-templates/orbit-github - orbit-gmail
design-templates/orbit-gmail - orbit-linear
design-templates/orbit-linear - orbit-notion
design-templates/orbit-notion - pm-spec
design-templates/pm-spec - pricing-page
design-templates/pricing-page - replit-deck
design-templates/replit-deck - saas-landing
design-templates/saas-landing - simple-deck
design-templates/simple-deck - social-carousel
design-templates/social-carousel - social-media-dashboard
design-templates/social-media-dashboard - social-media-matrix-tracker-template
design-templates/social-media-matrix-tracker-template - sprite-animation
design-templates/sprite-animation - team-okrs
design-templates/team-okrs - trading-analysis-dashboard-template
design-templates/trading-analysis-dashboard-template - tweaks
design-templates/tweaks - video-shortform
design-templates/video-shortform - waitlist-page
design-templates/waitlist-page - web-prototype
design-templates/web-prototype - web-prototype-taste-brutalist
design-templates/web-prototype-taste-brutalist - web-prototype-taste-editorial
design-templates/web-prototype-taste-editorial - web-prototype-taste-soft
design-templates/web-prototype-taste-soft - webgl-experience
design-templates/webgl-experience - weekly-update
design-templates/weekly-update - wireframe-annotated
design-templates/wireframe-annotated - wireframe-greybox
design-templates/wireframe-greybox - wireframe-mobile-flow
design-templates/wireframe-mobile-flow - wireframe-sketch
design-templates/wireframe-sketch - worker-visualizer
design-templates/worker-visualizer - x-research
design-templates/x-research - saas-landing
docs/examples/saas-landing-skill - build-test
plugins/_official/atoms/build-test - code-import
plugins/_official/atoms/code-import - critique-theater
plugins/_official/atoms/critique-theater - design-extract
plugins/_official/atoms/design-extract - diff-review
plugins/_official/atoms/diff-review - direction-picker
plugins/_official/atoms/direction-picker - discovery-question-form
plugins/_official/atoms/discovery-question-form - figma-extract
plugins/_official/atoms/figma-extract - handoff
plugins/_official/atoms/handoff - patch-edit
plugins/_official/atoms/patch-edit - rewrite-plan
plugins/_official/atoms/rewrite-plan - todo-write
plugins/_official/atoms/todo-write - token-map
plugins/_official/atoms/token-map - article-magazine
plugins/_official/examples/article-magazine - audio-jingle
plugins/_official/examples/audio-jingle - blog-post
plugins/_official/examples/blog-post - card-twitter
plugins/_official/examples/card-twitter - card-xiaohongshu
plugins/_official/examples/card-xiaohongshu - clinical-case-report
plugins/_official/examples/clinical-case-report - codex-interactive-capability-map
plugins/_official/examples/codex-interactive-capability-map - critique
plugins/_official/examples/critique - dashboard
plugins/_official/examples/dashboard - data-report
plugins/_official/examples/data-report - dating-web
plugins/_official/examples/dating-web - dcf-valuation
plugins/_official/examples/dcf-valuation - deck-guizang-editorial
plugins/_official/examples/deck-guizang-editorial - deck-open-slide-canvas
plugins/_official/examples/deck-open-slide-canvas - deck-swiss-international
plugins/_official/examples/deck-swiss-international - design-brief
plugins/_official/examples/design-brief - digital-eguide
plugins/_official/examples/digital-eguide - doc-kami-parchment
plugins/_official/examples/doc-kami-parchment - docs-page
plugins/_official/examples/docs-page - email-marketing
plugins/_official/examples/email-marketing - eng-runbook
plugins/_official/examples/eng-runbook - finance-report
plugins/_official/examples/finance-report - flowai-live-dashboard-template
plugins/_official/examples/flowai-live-dashboard-template - frame-data-chart-nyt
plugins/_official/examples/frame-data-chart-nyt - frame-flowchart-sticky
plugins/_official/examples/frame-flowchart-sticky - frame-glitch-title
plugins/_official/examples/frame-glitch-title - frame-light-leak-cinema
plugins/_official/examples/frame-light-leak-cinema - frame-liquid-bg-hero
plugins/_official/examples/frame-liquid-bg-hero - frame-logo-outro
plugins/_official/examples/frame-logo-outro - frame-macos-notification
plugins/_official/examples/frame-macos-notification - frontend-slides
plugins/_official/examples/frontend-slides - fs-creative-voltage
plugins/_official/examples/fs-creative-voltage - fs-editorial-forest
plugins/_official/examples/fs-editorial-forest - fs-electric-studio
plugins/_official/examples/fs-electric-studio - fs-emerald-editorial
plugins/_official/examples/fs-emerald-editorial - fs-notebook-tabs
plugins/_official/examples/fs-notebook-tabs - gamified-app
plugins/_official/examples/gamified-app - github-dashboard
plugins/_official/examples/github-dashboard - magazine-web-ppt
plugins/_official/examples/guizang-ppt - hatch-pet
plugins/_official/examples/hatch-pet - hps-academic-paper
plugins/_official/examples/hps-academic-paper - hps-bauhaus
plugins/_official/examples/hps-bauhaus - hps-memphis-pop
plugins/_official/examples/hps-memphis-pop - hps-retro-tv
plugins/_official/examples/hps-retro-tv - hps-true-blueprint
plugins/_official/examples/hps-true-blueprint - hps-y2k-chrome
plugins/_official/examples/hps-y2k-chrome - hr-onboarding
plugins/_official/examples/hr-onboarding - html-ppt
plugins/_official/examples/html-ppt - html-ppt-course-module
plugins/_official/examples/html-ppt-course-module - html-ppt-graphify-dark-graph
plugins/_official/examples/html-ppt-graphify-dark-graph - html-ppt-hermes-cyber-terminal
plugins/_official/examples/html-ppt-hermes-cyber-terminal - html-ppt-knowledge-arch-blueprint
plugins/_official/examples/html-ppt-knowledge-arch-blueprint - html-ppt-obsidian-claude-gradient
plugins/_official/examples/html-ppt-obsidian-claude-gradient - html-ppt-pitch-deck
plugins/_official/examples/html-ppt-pitch-deck - html-ppt-presenter-mode
plugins/_official/examples/html-ppt-presenter-mode-reveal - html-ppt-product-launch
plugins/_official/examples/html-ppt-product-launch - html-ppt-taste-brutalist
plugins/_official/examples/html-ppt-taste-brutalist - html-ppt-taste-editorial
plugins/_official/examples/html-ppt-taste-editorial - html-ppt-tech-sharing
plugins/_official/examples/html-ppt-tech-sharing - html-ppt-testing-safety-alert
plugins/_official/examples/html-ppt-testing-safety-alert - html-ppt-weekly-report
plugins/_official/examples/html-ppt-weekly-report - html-ppt-xhs-pastel-card
plugins/_official/examples/html-ppt-xhs-pastel-card - html-ppt-xhs-white-editorial
plugins/_official/examples/html-ppt-xhs-white-editorial - html-ppt-zhangzara-8-bit-orbit
plugins/_official/examples/html-ppt-zhangzara-8-bit-orbit - html-ppt-zhangzara-biennale-yellow
plugins/_official/examples/html-ppt-zhangzara-biennale-yellow - html-ppt-zhangzara-block-frame
plugins/_official/examples/html-ppt-zhangzara-block-frame - html-ppt-zhangzara-blue-professional
plugins/_official/examples/html-ppt-zhangzara-blue-professional - html-ppt-zhangzara-bold-poster
plugins/_official/examples/html-ppt-zhangzara-bold-poster - html-ppt-zhangzara-broadside
plugins/_official/examples/html-ppt-zhangzara-broadside - html-ppt-zhangzara-capsule
plugins/_official/examples/html-ppt-zhangzara-capsule - html-ppt-zhangzara-cartesian
plugins/_official/examples/html-ppt-zhangzara-cartesian - html-ppt-zhangzara-cobalt-grid
plugins/_official/examples/html-ppt-zhangzara-cobalt-grid - html-ppt-zhangzara-coral
plugins/_official/examples/html-ppt-zhangzara-coral - html-ppt-zhangzara-creative-mode
plugins/_official/examples/html-ppt-zhangzara-creative-mode - html-ppt-zhangzara-daisy-days
plugins/_official/examples/html-ppt-zhangzara-daisy-days - html-ppt-zhangzara-editorial-tri-tone
plugins/_official/examples/html-ppt-zhangzara-editorial-tri-tone - html-ppt-zhangzara-grove
plugins/_official/examples/html-ppt-zhangzara-grove - html-ppt-zhangzara-long-table
plugins/_official/examples/html-ppt-zhangzara-long-table - html-ppt-zhangzara-mat
plugins/_official/examples/html-ppt-zhangzara-mat - html-ppt-zhangzara-monochrome
plugins/_official/examples/html-ppt-zhangzara-monochrome - html-ppt-zhangzara-neo-grid-bold
plugins/_official/examples/html-ppt-zhangzara-neo-grid-bold - html-ppt-zhangzara-peoples-platform
plugins/_official/examples/html-ppt-zhangzara-peoples-platform - html-ppt-zhangzara-pin-and-paper
plugins/_official/examples/html-ppt-zhangzara-pin-and-paper - html-ppt-zhangzara-pink-script
plugins/_official/examples/html-ppt-zhangzara-pink-script - html-ppt-zhangzara-playful
plugins/_official/examples/html-ppt-zhangzara-playful - html-ppt-zhangzara-raw-grid
plugins/_official/examples/html-ppt-zhangzara-raw-grid - html-ppt-zhangzara-retro-windows
plugins/_official/examples/html-ppt-zhangzara-retro-windows - html-ppt-zhangzara-retro-zine
plugins/_official/examples/html-ppt-zhangzara-retro-zine - html-ppt-zhangzara-sakura-chroma
plugins/_official/examples/html-ppt-zhangzara-sakura-chroma - html-ppt-zhangzara-scatterbrain
plugins/_official/examples/html-ppt-zhangzara-scatterbrain - html-ppt-zhangzara-signal
plugins/_official/examples/html-ppt-zhangzara-signal - html-ppt-zhangzara-soft-editorial
plugins/_official/examples/html-ppt-zhangzara-soft-editorial - html-ppt-zhangzara-stencil-tablet
plugins/_official/examples/html-ppt-zhangzara-stencil-tablet - html-ppt-zhangzara-studio
plugins/_official/examples/html-ppt-zhangzara-studio - html-ppt-zhangzara-vellum
plugins/_official/examples/html-ppt-zhangzara-vellum - huashu-annual-letter
plugins/_official/examples/huashu-annual-letter - huashu-bento-insight
plugins/_official/examples/huashu-bento-insight - huashu-golden-circle
plugins/_official/examples/huashu-golden-circle - huashu-keynote-black
plugins/_official/examples/huashu-keynote-black - huashu-luxe-whitespace
plugins/_official/examples/huashu-luxe-whitespace - huashu-pentagram-grid
plugins/_official/examples/huashu-pentagram-grid - huashu-slides
plugins/_official/examples/huashu-slides - huashu-sparkline-arc
plugins/_official/examples/huashu-sparkline-arc - huashu-takram-soft-tech
plugins/_official/examples/huashu-takram-soft-tech - hyperframes
plugins/_official/examples/hyperframes - ib-pitch-book
plugins/_official/examples/ib-pitch-book - image-poster
plugins/_official/examples/image-poster - invoice
plugins/_official/examples/invoice - kami-deck
plugins/_official/examples/kami-deck - kami-landing
plugins/_official/examples/kami-landing - kanban-board
plugins/_official/examples/kanban-board - last30days
plugins/_official/examples/last30days - live-artifact
plugins/_official/examples/live-artifact - live-dashboard
plugins/_official/examples/live-dashboard - magazine-poster
plugins/_official/examples/magazine-poster - meeting-notes
plugins/_official/examples/meeting-notes - mobile-app
plugins/_official/examples/mobile-app - mobile-onboarding
plugins/_official/examples/mobile-onboarding - mockup-device-3d
plugins/_official/examples/mockup-device-3d - claude-agent-lab
plugins/_official/examples/motion-claude-agent-lab - motion-claude-design-team
plugins/_official/examples/motion-claude-design-team - distilbook-explainer
plugins/_official/examples/motion-distilbook-explainer - motion-flowdrive-motion-reel
plugins/_official/examples/motion-flowdrive-motion-reel - motion-frames
plugins/_official/examples/motion-frames - motion-future
plugins/_official/examples/motion-future - motion-kinetic-motion-designer
plugins/_official/examples/motion-kinetic-motion-designer - mind-clarity-journey
plugins/_official/examples/motion-mind-clarity-journey - motion-opus-design-lab
plugins/_official/examples/motion-opus-design-lab - motion-product-promo
plugins/_official/examples/motion-product-promo - prompt-motion-gallery
plugins/_official/examples/motion-prompt-motion-gallery - motion-semantic-color-stripes
plugins/_official/examples/motion-semantic-color-stripes - motion-showreel
plugins/_official/examples/motion-showreel - sky-water-tessellation
plugins/_official/examples/motion-sky-water-tessellation - superx-audience-growth
plugins/_official/examples/motion-superx-audience-growth - motion-tixfox-ticket-promo
plugins/_official/examples/motion-tixfox-ticket-promo - motion-ui-morph
plugins/_official/examples/motion-ui-morph - motion-visual-lesson
plugins/_official/examples/motion-visual-lesson - motion-windows-studio-launch
plugins/_official/examples/motion-windows-studio-launch - od-plugin-contribute-open-design
plugins/_official/examples/od-plugin-contribute-open-design - od-plugin-publish-github
plugins/_official/examples/od-plugin-publish-github - open-design-homepage
plugins/_official/examples/open-design-homepage - open-design-landing
plugins/_official/examples/open-design-landing - open-design-landing-deck
plugins/_official/examples/open-design-landing-deck - orbit-general
plugins/_official/examples/orbit-general - orbit-github
plugins/_official/examples/orbit-github - orbit-gmail
plugins/_official/examples/orbit-gmail - orbit-linear
plugins/_official/examples/orbit-linear - orbit-notion
plugins/_official/examples/orbit-notion - pm-spec
plugins/_official/examples/pm-spec - poster-hero
plugins/_official/examples/poster-hero - ppt-keynote
plugins/_official/examples/ppt-keynote - pptx-html-fidelity-audit
plugins/_official/examples/pptx-html-fidelity-audit - pricing-page
plugins/_official/examples/pricing-page - replit-deck
plugins/_official/examples/replit-deck - resume-modern
plugins/_official/examples/resume-modern - saas-landing
plugins/_official/examples/saas-landing - simple-deck
plugins/_official/examples/simple-deck - social-carousel
plugins/_official/examples/social-carousel - social-media-dashboard
plugins/_official/examples/social-media-dashboard - social-media-matrix-tracker-template
plugins/_official/examples/social-media-matrix-tracker-template - social-reddit-card
plugins/_official/examples/social-reddit-card - social-spotify-card
plugins/_official/examples/social-spotify-card - social-x-post-card
plugins/_official/examples/social-x-post-card - sprite-animation
plugins/_official/examples/sprite-animation - team-okrs
plugins/_official/examples/team-okrs - trading-analysis-dashboard-template
plugins/_official/examples/trading-analysis-dashboard-template - tweaks
plugins/_official/examples/tweaks - ve-midnight-editorial
plugins/_official/examples/ve-midnight-editorial - ve-terminal-mono
plugins/_official/examples/ve-terminal-mono - velar-luxury-real-estate
plugins/_official/examples/velar-luxury-real-estate - vfx-text-cursor
plugins/_official/examples/vfx-text-cursor - video-hyperframes
plugins/_official/examples/video-hyperframes - video-shortform
plugins/_official/examples/video-shortform - waitlist-page
plugins/_official/examples/waitlist-page - web-prototype
plugins/_official/examples/web-prototype - web-prototype-taste-brutalist
plugins/_official/examples/web-prototype-taste-brutalist - web-prototype-taste-editorial
plugins/_official/examples/web-prototype-taste-editorial - web-prototype-taste-soft
plugins/_official/examples/web-prototype-taste-soft - webgl-aurora-veil
plugins/_official/examples/webgl-aurora-veil - webgl-caustic-pool
plugins/_official/examples/webgl-caustic-pool - webgl-depth-gallery
plugins/_official/examples/webgl-depth-gallery - webgl-distortion-grain
plugins/_official/examples/webgl-distortion-grain - webgl-experience
plugins/_official/examples/webgl-experience - webgl-halftone-drift
plugins/_official/examples/webgl-halftone-drift - webgl-holographic-foil
plugins/_official/examples/webgl-holographic-foil - webgl-horizontal-parallax
plugins/_official/examples/webgl-horizontal-parallax - webgl-liquid-iridescence
plugins/_official/examples/webgl-liquid-iridescence - webgl-liquid-metal
plugins/_official/examples/webgl-liquid-metal - webgl-neon-grid
plugins/_official/examples/webgl-neon-grid - webgl-particle-galaxy
plugins/_official/examples/webgl-particle-galaxy - webgl-pixel-reveal-gallery
plugins/_official/examples/webgl-pixel-reveal-gallery - webgl-raymarched-hero
plugins/_official/examples/webgl-raymarched-hero - webgl-voronoi-cells
plugins/_official/examples/webgl-voronoi-cells - weekly-update
plugins/_official/examples/weekly-update - wireframe-annotated
plugins/_official/examples/wireframe-annotated - wireframe-greybox
plugins/_official/examples/wireframe-greybox - wireframe-mobile-flow
plugins/_official/examples/wireframe-mobile-flow - wireframe-sketch
plugins/_official/examples/wireframe-sketch - worker-visualizer
plugins/_official/examples/worker-visualizer - x-research
plugins/_official/examples/x-research - od-code-migration
plugins/_official/scenarios/od-code-migration - od-default
plugins/_official/scenarios/od-default - od-design-refine
plugins/_official/scenarios/od-design-refine - od-figma-migration
plugins/_official/scenarios/od-figma-migration - od-media-generation
plugins/_official/scenarios/od-media-generation - od-new-generation
plugins/_official/scenarios/od-new-generation - od-next-strategy
plugins/_official/scenarios/od-next-strategy - od-nextjs-export
plugins/_official/scenarios/od-nextjs-export - od-plugin-authoring
plugins/_official/scenarios/od-plugin-authoring - od-react-export
plugins/_official/scenarios/od-react-export - od-share-to-community
plugins/_official/scenarios/od-share-to-community - od-tune-collab
plugins/_official/scenarios/od-tune-collab - od-vue-export
plugins/_official/scenarios/od-vue-export - od-web-effect-extractor
plugins/_official/scenarios/od-web-effect-extractor - video-template-frame-bold-poster
plugins/_official/video-templates/frame-bold-poster - video-template-frame-bold-signal
plugins/_official/video-templates/frame-bold-signal - video-template-frame-build-minimal
plugins/_official/video-templates/frame-build-minimal - video-template-frame-creative-voltage
plugins/_official/video-templates/frame-creative-voltage - video-template-frame-data-chart-nyt
plugins/_official/video-templates/frame-data-chart-nyt - video-template-frame-data-rollup
plugins/_official/video-templates/frame-data-rollup - video-template-frame-decision-tree
plugins/_official/video-templates/frame-decision-tree - video-template-frame-electric-studio
plugins/_official/video-templates/frame-electric-studio - video-template-frame-glitch-title
plugins/_official/video-templates/frame-glitch-title - video-template-frame-kinetic-type
plugins/_official/video-templates/frame-kinetic-type - video-template-frame-light-leak-cinema
plugins/_official/video-templates/frame-light-leak-cinema - video-template-frame-liquid-bg-hero
plugins/_official/video-templates/frame-liquid-bg-hero - video-template-frame-logo-outro
plugins/_official/video-templates/frame-logo-outro - video-template-frame-nyt-graph
plugins/_official/video-templates/frame-nyt-graph - video-template-frame-pentagram-stat
plugins/_official/video-templates/frame-pentagram-stat - video-template-frame-play-mode
plugins/_official/video-templates/frame-play-mode - video-template-frame-product-promo
plugins/_official/video-templates/frame-product-promo - video-template-frame-product-promo-30s
plugins/_official/video-templates/frame-product-promo-30s - video-template-frame-swiss-grid
plugins/_official/video-templates/frame-swiss-grid - video-template-frame-takram-organic
plugins/_official/video-templates/frame-takram-organic - video-template-frame-vignelli
plugins/_official/video-templates/frame-vignelli - video-template-frame-warm-grain
plugins/_official/video-templates/frame-warm-grain - video-template-vfx-text-cursor
plugins/_official/video-templates/vfx-text-cursor - high-end-visual-design
plugins/community/agent-skill-principal-ui-ux-architect-motion-choreographer-awwwards-tier-mqu4mbbj - atelier-zero-image-generation-prompt-pack-mrrxpegw
plugins/community/atelier-zero-image-generation-prompt-pack-mrrxpegw - clone-audit-mrlv3nl4
plugins/community/clone-audit-mrlv3nl4 - deep-think-maximum-cognitive-effort-protocol-mq8kvw92
plugins/community/deep-think-maximum-cognitive-effort-protocol-mq8kvw92 - design-system-source-context-mr0bb87z
plugins/community/design-system-source-context-mr0bb87z - g2-design-system-ui-kit-mqgbmh2w
plugins/community/g2-design-system-ui-kit-mqgbmh2w - hallmark
plugins/community/hallmark - humanize-ppt
plugins/community/humanize-ppt - community-import-smoke-test
plugins/community/import-smoke-test - community-registry-starter
plugins/community/registry-starter - create-hyperframes-launch
plugins/spec/examples/create-hyperframes-launch - create-image-campaign
plugins/spec/examples/create-image-campaign - create-live-artifact-ops
plugins/spec/examples/create-live-artifact-ops - create-prototype-dashboard
plugins/spec/examples/create-prototype-dashboard - create-slides-pitch
plugins/spec/examples/create-slides-pitch - create-video-storyboard
plugins/spec/examples/create-video-storyboard - deploy-vercel-static
plugins/spec/examples/deploy-vercel-static - export-nextjs-handoff
plugins/spec/examples/export-nextjs-handoff - extend-plugin-author
plugins/spec/examples/extend-plugin-author - import-screenshot-to-prototype
plugins/spec/examples/import-screenshot-to-prototype - refine-critique-loop
plugins/spec/examples/refine-critique-loop - share-github-pr
plugins/spec/examples/share-github-pr - 8-bit-orbit-video-template
skills/8-bit-orbit-video-template - ad-creative
skills/ad-creative - after-hours-editorial-template
skills/after-hours-editorial-template - agent-browser
skills/agent-browser - ai-music-album
skills/ai-music-album - algorithmic-art
skills/algorithmic-art - animate
skills/animate - apple-hig
skills/apple-hig - article-magazine
skills/article-magazine - artifacts-builder
skills/artifacts-builder - brainstorming
skills/brainstorming - brand-extract
skills/brand-extract - brand-guidelines
skills/brand-guidelines - brandkit
skills/brandkit - industrial-brutalist-ui
skills/brutalist-skill - canvas-design
skills/canvas-design - card-twitter
skills/card-twitter - card-xiaohongshu
skills/card-xiaohongshu - chat-motion-overlay
skills/chat-motion-overlay - color-expert
skills/color-expert - competitive-ads-extractor
skills/competitive-ads-extractor - copywriting
skills/copywriting - creative-director
skills/creative-director - d3-visualization
skills/d3-visualization - data-report
skills/data-report - deck-guizang-editorial
skills/deck-guizang-editorial - deck-open-slide-canvas
skills/deck-open-slide-canvas - deck-swiss-international
skills/deck-swiss-international - design-brief
skills/design-brief - design-consultation
skills/design-consultation - design-md
skills/design-md - design-review
skills/design-review - digits-fintech-swiss-template
skills/digits-fintech-swiss-template - doc
skills/doc - doc-kami-parchment
skills/doc-kami-parchment - docx
skills/docx - domain-name-brainstormer
skills/domain-name-brainstormer - ecommerce-image-workflow
skills/ecommerce-image-workflow - editorial-burgundy-principles-template
skills/editorial-burgundy-principles-template - emil-design-eng
skills/emil-design-eng - emilkowalski-motion
skills/emilkowalski-motion - enhance-prompt
skills/enhance-prompt - export-download-debugging
skills/export-download-debugging - fal-3d
skills/fal-3d - fal-generate
skills/fal-generate - fal-image-edit
skills/fal-image-edit - fal-kling-o3
skills/fal-kling-o3 - fal-lip-sync
skills/fal-lip-sync - fal-realtime
skills/fal-realtime - fal-restore
skills/fal-restore - fal-train
skills/fal-train - fal-tryon
skills/fal-tryon - fal-upscale
skills/fal-upscale - fal-video-edit
skills/fal-video-edit - fal-vision
skills/fal-vision - faq-page
skills/faq-page - field-notes-editorial-template
skills/field-notes-editorial-template - figma-code-connect-components
skills/figma-code-connect-components - figma-create-design-system-rules
skills/figma-create-design-system-rules - figma-create-new-file
skills/figma-create-new-file - figma-generate-design
skills/figma-generate-design - figma-generate-library
skills/figma-generate-library - figma-implement-design
skills/figma-implement-design - figma-use
skills/figma-use - flutter-animating-apps
skills/flutter-animating-apps - frame-data-chart-nyt
skills/frame-data-chart-nyt - frame-flowchart-sticky
skills/frame-flowchart-sticky - frame-glitch-title
skills/frame-glitch-title - frame-light-leak-cinema
skills/frame-light-leak-cinema - frame-liquid-bg-hero
skills/frame-liquid-bg-hero - frame-logo-outro
skills/frame-logo-outro - frame-macos-notification
skills/frame-macos-notification - frontend-design
skills/frontend-design - frontend-dev
skills/frontend-dev - frontend-skill
skills/frontend-skill - frontend-slides
skills/frontend-slides - full-page-screenshot
skills/full-page-screenshot - gif-sticker-maker
skills/gif-sticker-maker - gpt-taste
skills/gpt-tasteskill - gsap-core
skills/gsap-core - gsap-frameworks
skills/gsap-frameworks - gsap-performance
skills/gsap-performance - gsap-plugins
skills/gsap-plugins - gsap-react
skills/gsap-react - gsap-scrolltrigger
skills/gsap-scrolltrigger - gsap-timeline
skills/gsap-timeline - gsap-utils
skills/gsap-utils - hand-drawn-diagrams
skills/hand-drawn-diagrams - hatch-pet
skills/hatch-pet - html-ppt-retro-quarterly-review
skills/html-ppt-retro-quarterly-review - huashu-art-motion
skills/huashu-art-motion - image-enhancer
skills/image-enhancer - image-to-code
skills/image-to-code-skill - imagegen
skills/imagegen - imagegen-frontend-mobile
skills/imagegen-frontend-mobile - imagegen-frontend-web
skills/imagegen-frontend-web - imagen
skills/imagen - impeccable-design-polish
skills/impeccable-design-polish - library-curator
skills/library-curator - login-flow
skills/login-flow - marketing-psychology
skills/marketing-psychology - minimalist-ui
skills/minimalist-skill - minimax-docx
skills/minimax-docx - minimax-pdf
skills/minimax-pdf - mockup-device-3d
skills/mockup-device-3d - motion-design
skills/motion-design - motion-lab
skills/motion-lab - nanobanana-ppt
skills/nanobanana-ppt - od-next-media-inputs
skills/od-next-media-inputs - oil-motion
skills/oil-motion - full-output-enforcement
skills/output-skill - paywall-upgrade-cro
skills/paywall-upgrade-cro - pdf
skills/pdf - pixelbin-media
skills/pixelbin-media - plan-design-review
skills/plan-design-review - platform-design
skills/platform-design - poster-hero
skills/poster-hero - ppt-keynote
skills/ppt-keynote - pptx
skills/pptx - pptx-generator
skills/pptx-generator - pptx-html-fidelity-audit
skills/pptx-html-fidelity-audit - pr-feedback-quality-gate
skills/pr-feedback-quality-gate - redesign-existing-projects
skills/redesign-skill - reference-design-contract
skills/reference-design-contract - release-notes-one-pager
skills/release-notes-one-pager - remotion
skills/remotion - replicate
skills/replicate - research-decision-room
skills/research-decision-room - resume-modern
skills/resume-modern - review-animations
skills/review-animations - screenshot
skills/screenshot - screenshots-marketing
skills/screenshots-marketing - shadcn-ui
skills/shadcn-ui - shader-dev
skills/shader-dev - slack-gif-creator
skills/slack-gif-creator - slides
skills/slides - social-reddit-card
skills/social-reddit-card - social-spotify-card
skills/social-spotify-card - social-x-post-card
skills/social-x-post-card - high-end-visual-design
skills/soft-skill - sora
skills/sora - speech
skills/speech - stitch-loop
skills/stitch-loop - stitch-design-taste
skills/stitch-skill - swiftui-design
skills/swiftui-design - swiss-creative-mode-template
skills/swiss-creative-mode-template - swiss-user-research-video-template
skills/swiss-user-research-video-template - design-taste-frontend
skills/taste-skill - design-taste-frontend-v1
skills/taste-skill-v1 - theme-factory
skills/theme-factory - threejs
skills/threejs - ui-animation
skills/ui-animation - ui-skills
skills/ui-skills - ui-ux-pro-max
skills/ui-ux-pro-max - venice-audio-music
skills/venice-audio-music - venice-audio-speech
skills/venice-audio-speech - venice-image-edit
skills/venice-image-edit - venice-image-generate
skills/venice-image-generate - venice-video
skills/venice-video - vfx-text-cursor
skills/vfx-text-cursor - video-downloader
skills/video-downloader - video-hyperframes
skills/video-hyperframes - web-artifacts-builder
skills/web-artifacts-builder - web-clone
skills/web-clone - web-design-guidelines
skills/web-design-guidelines - weread-year-in-review-video-template
skills/weread-year-in-review-video-template - wpds
skills/wpds - writing-guidelines
skills/writing-guidelines - youtube-clipper
skills/youtube-clipper - Deck One
tools/release/tests/fixtures/catalog/design-templates/deck-one - Alpha Skill
tools/release/tests/fixtures/catalog/skills/alpha - Beta Skill
tools/release/tests/fixtures/catalog/skills/beta
How it works
sample-plugin
When your agent uses it
Phase 1 sample plugin synthesizing a SKILL.md frontmatter for backwards-compat tests.
What it loads into context
Frontmatter
47 tokensAlways available to the agent
SKILL.md
166 tokensWhen the skill 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
Files
../../../../../../.claude-plugin/marketplace.jsonasset693 bytesSKILL.mdcore691 bytesopen-design.jsonasset842 bytes../../../../../../plugins/open-design/.claude-plugin/plugin.jsonasset304 bytes../../../../../../plugins/open-design/.mcp.jsonasset162 bytes
Read SKILL.md
# Sample Plugin
This is the SKILL.md half of the Phase 1 e2e fixture. The companion
`open-design.json` sidecar carries the canonical OpenDesign plugin
manifest fields; this file proves the SKILL-only adapter path stays
honest when an install lacks an explicit sidecar (just delete
`open-design.json` to test the legacy compat tier).
## Workflow
1. Acknowledge the user's brief via the discovery question form atom.
2. Use TodoWrite to plan the brief.
3. Emit the brief as a deck artifact.aster-atelier
When your agent uses it
Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling.
What it loads into context
Frontmatter
260 tokensAlways available to the agent
SKILL.md
802 tokensWhen the skill is activated
Reference documents
1,436 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Visual system
- Interaction contract
- Workflow
Files
ASSET-SOURCES.mddoc3,485 bytesLICENSEasset1,092 bytesREADME.mddoc2,650 bytesSKILL.mdcore3,785 bytesexample.htmlasset567,406 bytesopen-design.jsonasset4,219 bytesreferences/checklist.mddoc908 bytes
Read SKILL.md
# Aster Atelier
Start from `example.html`. It is the full runnable source, with embedded original artwork, styles and JavaScript. Keep its visual composition and functional interactions while adapting the brand and copy to the user's brief. Do not substitute a screenshot or use an unrelated website as source.
## Visual system
- Palette: cobalt `#0758bc`, deep night `#083d86`, ivory `#fffaf0`, parchment `#fff6e3`, bronze `#f5cf7c`.
- System serif typography: Georgia / Times New Roman; system sans and monospace for body and coordinates. No fonts are distributed.
- Editorial composition: generous side margins, large serif headings, small uppercase coordinates, fine rules and open space.
- Five chapters: astronomer hero, point-cloud instrument / approach, observatory artwork and services, questions / contact, oversized wordmark footer.
- The two original illustrations are embedded WebP data URIs. Reuse them directly, preserving aspect and focus; do not fetch the previous inspiration site's resources.
- The armillary instrument is original Canvas 2D point-cloud code with three-dimensional rotation, drawn procedurally. Preserve its animation visibility gating and DPR cap.
## Interaction contractaudio-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 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 bytesexample.htmlasset6,738 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
1,340 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 bytesexamples/example-stemi.htmlasset27,679 bytesreferences/case-formats.mddoc2,878 bytesreferences/checklist.mddoc3,137 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 bytesexample.htmlasset15,367 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 bytesexample.htmlasset27,012 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 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 bytesexample.htmlasset12,405 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
401 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 bytesreferences/sector-wacc.mddoc1,517 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 bytesexample.htmlasset11,651 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 bytesexample.htmlasset6,861 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 bytesexample.htmlasset9,879 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 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 bytesexample.htmlasset13,166 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
359 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 bytesreferences/checklist.mddoc1,567 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 bytesexample.htmlasset16,468 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
136 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 bytesreferences/README.mddoc677 bytesreferences/artifact-example.jsonasset337 bytesreferences/example-data.jsonasset3,806 bytesreferences/provenance-example.jsonasset3,283 bytesreferences/template.htmlasset28,059 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
22,960 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
LICENSEasset1,075 bytesREADME.en.mddoc5,675 bytesREADME.mddoc5,624 bytesREADME.pt-BR.mddoc6,546 bytesSKILL.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 bytesassets/example-slides.htmlasset11,993 bytesassets/template.htmlasset30,938 bytesreferences/checklist.mddoc13,910 bytesreferences/components.mddoc11,835 bytesreferences/layouts.mddoc26,229 bytesreferences/styles.mddoc9,874 bytesreferences/themes.mddoc3,940 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 bytesexample.htmlasset14,193 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
25,008 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
Scripts executed separately
assets/animations/fx-runtime.jsassets/animations/fx/_util.jsassets/animations/fx/chain-react.jsassets/animations/fx/confetti-cannon.jsassets/animations/fx/constellation.jsassets/animations/fx/counter-explosion.jsassets/animations/fx/data-stream.jsassets/animations/fx/firework.jsassets/animations/fx/galaxy-swirl.jsassets/animations/fx/gradient-blob.jsassets/animations/fx/knowledge-graph.jsassets/animations/fx/letter-explode.jsassets/animations/fx/magnetic-field.jsassets/animations/fx/matrix-rain.jsassets/animations/fx/neural-net.jsassets/animations/fx/orbit-ring.jsassets/animations/fx/particle-burst.jsassets/animations/fx/shockwave.jsassets/animations/fx/sparkle-trail.jsassets/animations/fx/starfield.jsassets/animations/fx/typewriter-multi.jsassets/animations/fx/word-cascade.jsassets/runtime.jsexamples/demo-deck/index.htmlscripts/new-deck.shscripts/render.sh
Files
.clawscan-allowasset623 bytesLICENSEasset1,084 bytesREADME.mddoc10,708 bytesREADME.pt-BR.mddoc11,213 bytesREADME.zh-CN.mddoc11,375 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesSKILL.mdcore16,237 bytesassets/animations/animations.cssasset8,065 bytesassets/animations/fx-runtime.jsruns3,186 bytesassets/animations/fx/_util.jsruns1,943 bytesassets/animations/fx/chain-react.jsruns1,430 bytesassets/animations/fx/confetti-cannon.jsruns1,559 bytesassets/animations/fx/constellation.jsruns1,337 bytesassets/animations/fx/counter-explosion.jsruns2,345 bytesassets/animations/fx/data-stream.jsruns1,525 bytesassets/animations/fx/firework.jsruns1,681 bytesassets/animations/fx/galaxy-swirl.jsruns1,047 bytesassets/animations/fx/gradient-blob.jsruns1,398 bytesassets/animations/fx/knowledge-graph.jsruns2,492 bytesassets/animations/fx/letter-explode.jsruns2,067 bytesassets/animations/fx/magnetic-field.jsruns1,283 bytesassets/animations/fx/matrix-rain.jsruns1,131 bytesassets/animations/fx/neural-net.jsruns2,693 bytesassets/animations/fx/orbit-ring.jsruns1,347 bytesassets/animations/fx/particle-burst.jsruns1,244 bytesassets/animations/fx/shockwave.jsruns1,376 bytesassets/animations/fx/sparkle-trail.jsruns1,937 bytesassets/animations/fx/starfield.jsruns990 bytesassets/animations/fx/typewriter-multi.jsruns2,177 bytesassets/animations/fx/word-cascade.jsruns1,681 bytesassets/base.cssasset8,187 bytesassets/fonts.cssasset889 bytesassets/runtime.jsruns37,082 bytesassets/themes/academic-paper.cssasset1,242 bytesassets/themes/arctic-cool.cssasset673 bytesassets/themes/aurora.cssasset1,094 bytesassets/themes/bauhaus.cssasset719 bytesassets/themes/blueprint.cssasset956 bytesassets/themes/catppuccin-latte.cssasset663 bytesassets/themes/catppuccin-mocha.cssasset660 bytesassets/themes/corporate-clean.cssasset949 bytesassets/themes/cyberpunk-neon.cssasset1,343 bytesassets/themes/dracula.cssasset650 bytesassets/themes/editorial-serif.cssasset863 bytesassets/themes/engineering-whiteprint.cssasset1,347 bytesassets/themes/glassmorphism.cssasset1,175 bytesassets/themes/gruvbox-dark.cssasset635 bytesassets/themes/japanese-minimal.cssasset1,004 bytesassets/themes/magazine-bold.cssasset1,116 bytesassets/themes/memphis-pop.cssasset967 bytesassets/themes/midcentury.cssasset920 bytesassets/themes/minimal-white.cssasset760 bytesassets/themes/neo-brutalism.cssasset792 bytesassets/themes/news-broadcast.cssasset1,113 bytesassets/themes/nord.cssasset628 bytesassets/themes/pitch-deck-vc.cssasset1,244 bytesassets/themes/rainbow-gradient.cssasset839 bytesassets/themes/retro-tv.cssasset1,182 bytesassets/themes/rose-pine.cssasset634 bytesassets/themes/sharp-mono.cssasset739 bytesassets/themes/soft-pastel.cssasset665 bytesassets/themes/solarized-light.cssasset645 bytesassets/themes/sunset-warm.cssasset675 bytesassets/themes/swiss-grid.cssasset929 bytesassets/themes/terminal-green.cssasset836 bytesassets/themes/tokyo-night.cssasset635 bytesassets/themes/vaporwave.cssasset1,234 bytesassets/themes/xiaohongshu-white.cssasset757 bytesassets/themes/y2k-chrome.cssasset1,352 bytesdocs/readme/_theme-cell.htmlasset2,681 bytesdocs/readme/animations.pngasset614,483 bytesdocs/readme/layouts-live.gifasset569,121 bytesdocs/readme/layouts.pngasset117,431 bytesdocs/readme/montage-animations.htmlasset4,707 bytesdocs/readme/montage-layouts.htmlasset3,132 bytesdocs/readme/montage-templates.htmlasset3,270 bytesdocs/readme/montage-themes.htmlasset2,951 bytesdocs/readme/presenter-mode.pngasset515,363 bytesdocs/readme/templates.pngasset296,628 bytesdocs/readme/themes.pngasset251,220 bytesexamples/demo-deck/index.htmlruns8,916 bytesreferences/animations.mddoc7,708 bytesreferences/authoring-guide.mddoc5,394 bytesreferences/full-decks.mddoc8,614 bytesreferences/layouts.mddoc4,043 bytesreferences/presenter-mode.mddoc9,918 bytesreferences/themes.mddoc5,264 bytesscripts/new-deck.shruns1,354 bytesscripts/render.shruns2,873 bytesscripts/verify-output/animation-showcase/animation-showcase_01.pngasset70,160 bytesscripts/verify-output/animation-showcase/animation-showcase_02.pngasset60,872 bytesscripts/verify-output/animation-showcase/animation-showcase_03.pngasset51,744 bytesscripts/verify-output/animation-showcase/animation-showcase_04.pngasset65,449 bytesscripts/verify-output/animation-showcase/animation-showcase_05.pngasset323,375 bytesscripts/verify-output/animation-showcase/animation-showcase_06.pngasset123,071 bytesscripts/verify-output/animation-showcase/animation-showcase_07.pngasset143,856 bytesscripts/verify-output/animation-showcase/animation-showcase_08.pngasset212,293 bytesscripts/verify-output/animation-showcase/animation-showcase_09.pngasset118,092 bytesscripts/verify-output/animation-showcase/animation-showcase_10.pngasset90,378 bytesscripts/verify-output/animation-showcase/animation-showcase_11.pngasset64,361 bytesscripts/verify-output/animation-showcase/animation-showcase_12.pngasset61,286 bytesscripts/verify-output/animation-showcase/animation-showcase_13.pngasset70,648 bytesscripts/verify-output/animation-showcase/animation-showcase_14.pngasset82,212 bytesscripts/verify-output/animation-showcase/animation-showcase_15.pngasset174,188 bytesscripts/verify-output/animation-showcase/animation-showcase_16.pngasset254,016 bytesscripts/verify-output/animation-showcase/animation-showcase_17.pngasset65,713 bytesscripts/verify-output/animation-showcase/animation-showcase_18.pngasset194,303 bytesscripts/verify-output/animation-showcase/animation-showcase_19.pngasset72,231 bytesscripts/verify-output/animation-showcase/animation-showcase_20.pngasset91,488 bytesscripts/verify-output/theme-showcase/theme-showcase_01.pngasset80,492 bytesscripts/verify-output/theme-showcase/theme-showcase_02.pngasset96,826 bytesscripts/verify-output/theme-showcase/theme-showcase_03.pngasset93,306 bytesscripts/verify-output/theme-showcase/theme-showcase_04.pngasset69,158 bytesscripts/verify-output/theme-showcase/theme-showcase_05.pngasset86,472 bytesscripts/verify-output/theme-showcase/theme-showcase_06.pngasset89,257 bytesscripts/verify-output/theme-showcase/theme-showcase_07.pngasset84,259 bytesscripts/verify-output/theme-showcase/theme-showcase_08.pngasset89,205 bytesscripts/verify-output/theme-showcase/theme-showcase_09.pngasset77,586 bytesscripts/verify-output/theme-showcase/theme-showcase_10.pngasset83,122 bytesscripts/verify-output/theme-showcase/theme-showcase_11.pngasset80,025 bytesscripts/verify-output/theme-showcase/theme-showcase_12.pngasset81,893 bytesscripts/verify-output/theme-showcase/theme-showcase_13.pngasset81,128 bytesscripts/verify-output/theme-showcase/theme-showcase_14.pngasset81,506 bytesscripts/verify-output/theme-showcase/theme-showcase_15.pngasset70,415 bytesscripts/verify-output/theme-showcase/theme-showcase_16.pngasset90,353 bytesscripts/verify-output/theme-showcase/theme-showcase_17.pngasset74,289 bytesscripts/verify-output/theme-showcase/theme-showcase_18.pngasset71,167 bytesscripts/verify-output/theme-showcase/theme-showcase_19.pngasset122,185 bytesscripts/verify-output/theme-showcase/theme-showcase_20.pngasset84,129 bytesscripts/verify-output/theme-showcase/theme-showcase_21.pngasset83,820 bytesscripts/verify-output/theme-showcase/theme-showcase_22.pngasset84,473 bytesscripts/verify-output/theme-showcase/theme-showcase_23.pngasset82,153 bytesscripts/verify-output/theme-showcase/theme-showcase_24.pngasset71,418 bytesscripts/verify-output/theme-showcase/theme-showcase_25.pngasset155,914 bytesscripts/verify-output/theme-showcase/theme-showcase_26.pngasset96,910 bytesscripts/verify-output/theme-showcase/theme-showcase_27.pngasset93,069 bytesscripts/verify-output/theme-showcase/theme-showcase_28.pngasset79,293 bytesscripts/verify-output/theme-showcase/theme-showcase_29.pngasset122,874 bytesscripts/verify-output/theme-showcase/theme-showcase_30.pngasset81,906 bytesscripts/verify-output/theme-showcase/theme-showcase_31.pngasset83,624 bytesscripts/verify-output/theme-showcase/theme-showcase_32.pngasset75,464 bytesscripts/verify-output/theme-showcase/theme-showcase_33.pngasset79,222 bytesscripts/verify-output/theme-showcase/theme-showcase_34.pngasset85,236 bytesscripts/verify-output/theme-showcase/theme-showcase_35.pngasset104,609 bytesscripts/verify-output/theme-showcase/theme-showcase_36.pngasset79,975 bytestemplates/animation-showcase.htmlasset7,681 bytestemplates/deck.htmlasset3,293 bytestemplates/full-decks-index.htmlasset4,508 bytestemplates/full-decks/course-module/README.mddoc627 bytestemplates/full-decks/course-module/index.htmlasset10,011 bytestemplates/full-decks/course-module/style.cssasset4,444 bytestemplates/full-decks/dir-key-nav-minimal/README.mddoc1,021 bytestemplates/full-decks/dir-key-nav-minimal/index.htmlasset6,169 bytestemplates/full-decks/dir-key-nav-minimal/style.cssasset4,828 bytestemplates/full-decks/graphify-dark-graph/README.mddoc937 bytestemplates/full-decks/graphify-dark-graph/index.htmlasset11,147 bytestemplates/full-decks/graphify-dark-graph/style.cssasset5,117 bytestemplates/full-decks/hermes-cyber-terminal/README.mddoc1,016 bytestemplates/full-decks/hermes-cyber-terminal/index.htmlasset11,764 bytestemplates/full-decks/hermes-cyber-terminal/style.cssasset5,810 bytestemplates/full-decks/knowledge-arch-blueprint/README.mddoc933 bytestemplates/full-decks/knowledge-arch-blueprint/index.htmlasset11,818 bytestemplates/full-decks/knowledge-arch-blueprint/style.cssasset5,010 bytestemplates/full-decks/obsidian-claude-gradient/README.mddoc901 bytestemplates/full-decks/obsidian-claude-gradient/index.htmlasset7,712 bytestemplates/full-decks/obsidian-claude-gradient/style.cssasset6,188 bytestemplates/full-decks/pitch-deck/README.mddoc524 bytestemplates/full-decks/pitch-deck/index.htmlasset8,040 bytestemplates/full-decks/pitch-deck/style.cssasset3,615 bytestemplates/full-decks/presenter-mode-reveal/README.mddoc3,964 bytestemplates/full-decks/presenter-mode-reveal/index.htmlasset14,084 bytestemplates/full-decks/presenter-mode-reveal/style.cssasset5,596 bytestemplates/full-decks/product-launch/README.mddoc545 bytestemplates/full-decks/product-launch/index.htmlasset6,548 bytestemplates/full-decks/product-launch/style.cssasset4,029 bytestemplates/full-decks/tech-sharing/README.mddoc522 bytestemplates/full-decks/tech-sharing/index.htmlasset9,146 bytestemplates/full-decks/tech-sharing/style.cssasset3,928 bytestemplates/full-decks/testing-safety-alert/README.mddoc967 bytestemplates/full-decks/testing-safety-alert/index.htmlasset11,400 bytestemplates/full-decks/testing-safety-alert/style.cssasset6,628 bytestemplates/full-decks/weekly-report/README.mddoc562 bytestemplates/full-decks/weekly-report/index.htmlasset8,546 bytestemplates/full-decks/weekly-report/style.cssasset5,063 bytestemplates/full-decks/xhs-pastel-card/README.mddoc1,071 bytestemplates/full-decks/xhs-pastel-card/index.htmlasset9,363 bytestemplates/full-decks/xhs-pastel-card/style.cssasset5,683 bytestemplates/full-decks/xhs-post/README.mddoc628 bytestemplates/full-decks/xhs-post/index.htmlasset7,860 bytestemplates/full-decks/xhs-post/style.cssasset4,062 bytestemplates/full-decks/xhs-white-editorial/README.mddoc995 bytestemplates/full-decks/xhs-white-editorial/index.htmlasset10,880 bytestemplates/full-decks/xhs-white-editorial/style.cssasset5,776 bytestemplates/layout-showcase.htmlasset2,255 bytestemplates/single-page/arch-diagram.htmlasset2,896 bytestemplates/single-page/big-quote.htmlasset1,039 bytestemplates/single-page/bullets.htmlasset1,321 bytestemplates/single-page/chart-bar.htmlasset1,581 bytestemplates/single-page/chart-line.htmlasset1,923 bytestemplates/single-page/chart-pie.htmlasset1,903 bytestemplates/single-page/chart-radar.htmlasset1,830 bytestemplates/single-page/code.htmlasset1,765 bytestemplates/single-page/comparison.htmlasset2,006 bytestemplates/single-page/cover.htmlasset1,702 bytestemplates/single-page/cta.htmlasset1,622 bytestemplates/single-page/diff.htmlasset1,920 bytestemplates/single-page/flow-diagram.htmlasset1,879 bytestemplates/single-page/gantt.htmlasset2,510 bytestemplates/single-page/image-grid.htmlasset1,988 bytestemplates/single-page/image-hero.htmlasset1,824 bytestemplates/single-page/kpi-grid.htmlasset1,545 bytestemplates/single-page/mindmap.htmlasset2,117 bytestemplates/single-page/process-steps.htmlasset2,110 bytestemplates/single-page/pros-cons.htmlasset1,871 bytestemplates/single-page/roadmap.htmlasset2,178 bytestemplates/single-page/section-divider.htmlasset989 bytestemplates/single-page/stat-highlight.htmlasset989 bytestemplates/single-page/table.htmlasset2,040 bytestemplates/single-page/terminal.htmlasset2,182 bytestemplates/single-page/thanks.htmlasset1,132 bytestemplates/single-page/three-column.htmlasset1,233 bytestemplates/single-page/timeline.htmlasset2,131 bytestemplates/single-page/toc.htmlasset1,814 bytestemplates/single-page/todo-checklist.htmlasset2,406 bytestemplates/single-page/two-column.htmlasset1,552 bytestemplates/theme-showcase.htmlasset6,456 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
6,270 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 bytesexample.htmlasset32,743 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset26,885 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset26,372 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset27,458 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset24,033 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset29,792 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset38,163 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset28,627 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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 bytesexample.htmlasset38,277 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 bytesexample.htmlasset31,245 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
6,270 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 bytesexample.htmlasset30,772 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset27,771 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset31,714 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset25,218 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
6,270 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 bytesexample.htmlasset26,691 bytes../html-ppt/SKILL.mddoc16,237 bytes../html-ppt/references/full-decks.mddoc8,614 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
LICENSEasset1,067 bytesSKILL.mdcore4,847 bytesexample.htmlasset49,412 bytestemplate.jsonasset1,719 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
LICENSEasset1,067 bytesSKILL.mdcore4,966 bytesexample.htmlasset37,712 bytestemplate.jsonasset1,972 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
LICENSEasset1,067 bytesSKILL.mdcore4,929 bytesexample.htmlasset43,491 bytestemplate.jsonasset1,656 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
LICENSEasset1,067 bytesSKILL.mdcore4,910 bytesexample.htmlasset43,343 bytestemplate.jsonasset1,658 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
LICENSEasset1,067 bytesSKILL.mdcore4,877 bytesexample.htmlasset35,688 bytestemplate.jsonasset1,620 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
LICENSEasset1,067 bytesSKILL.mdcore4,910 bytesexample.htmlasset75,955 bytestemplate.jsonasset1,746 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
LICENSEasset1,067 bytesSKILL.mdcore4,786 bytesexample.htmlasset42,366 bytestemplate.jsonasset1,737 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
LICENSEasset1,067 bytesSKILL.mdcore5,049 bytesexample.htmlasset36,229 bytestemplate.jsonasset1,744 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
LICENSEasset1,067 bytesSKILL.mdcore4,991 bytesexample.htmlasset48,537 bytestemplate.jsonasset2,196 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
LICENSEasset1,067 bytesSKILL.mdcore4,832 bytesexample.htmlasset49,205 bytestemplate.jsonasset1,593 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,399 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset25,409 bytestemplate.jsonasset1,804 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
LICENSEasset1,067 bytesSKILL.mdcore5,097 bytesexample.htmlasset88,819 bytestemplate.jsonasset2,028 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,380 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset33,560 bytestemplate.jsonasset1,743 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
LICENSEasset1,067 bytesSKILL.mdcore5,007 bytesexample.htmlasset67,691 bytestemplate.jsonasset1,841 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
LICENSEasset1,067 bytesSKILL.mdcore4,874 bytesexample.htmlasset43,432 bytestemplate.jsonasset2,157 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
LICENSEasset1,067 bytesSKILL.mdcore4,969 bytesexample.htmlasset55,335 bytestemplate.jsonasset1,761 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
LICENSEasset1,067 bytesSKILL.mdcore4,891 bytesexample.htmlasset93,984 bytestemplate.jsonasset1,748 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,294 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset52,558 bytestemplate.jsonasset1,669 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,466 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset32,995 bytestemplate.jsonasset1,780 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,562 bytesassets/deck-stage.jsruns22,660 bytesassets/styles.cssasset22,878 bytesexample.htmlasset22,172 bytestemplate.jsonasset1,763 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,388 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset41,622 bytestemplate.jsonasset1,852 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
LICENSEasset1,067 bytesSKILL.mdcore4,928 bytesexample.htmlasset44,106 bytestemplate.jsonasset1,548 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
LICENSEasset1,067 bytesSKILL.mdcore4,923 bytesexample.htmlasset33,296 bytestemplate.jsonasset1,707 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
LICENSEasset1,067 bytesSKILL.mdcore4,902 bytesexample.htmlasset49,725 bytestemplate.jsonasset1,670 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
LICENSEasset1,067 bytesSKILL.mdcore4,815 bytesexample.htmlasset33,637 bytestemplate.jsonasset1,750 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
LICENSEasset1,067 bytesSKILL.mdcore5,151 bytesexample.htmlasset56,244 bytestemplate.jsonasset2,321 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
LICENSEasset1,067 bytesSKILL.mdcore5,067 bytesexample.htmlasset51,379 bytestemplate.jsonasset1,901 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
LICENSEasset1,067 bytesSKILL.mdcore4,862 bytesexample.htmlasset90,607 bytestemplate.jsonasset1,789 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,349 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset40,132 bytestemplate.jsonasset1,708 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
Scripts executed separately
assets/deck-stage.js
Files
LICENSEasset1,067 bytesSKILL.mdcore5,521 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset41,591 bytestemplate.jsonasset1,961 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
LICENSEasset1,067 bytesSKILL.mdcore4,870 bytesexample.htmlasset60,594 bytestemplate.jsonasset1,736 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
LICENSEasset1,067 bytesSKILL.mdcore4,935 bytesexample.htmlasset41,008 bytestemplate.jsonasset2,022 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
31,843 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)
Scripts executed separately
scripts/animation-map.mjsscripts/contrast-report.mjsscripts/package-loader.mjs
Files
SKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesSKILL.mdcore28,341 bytesdata-in-motion.mddoc1,296 byteshouse-style.mddoc4,585 bytespalettes/bold-energetic.mddoc417 bytespalettes/clean-corporate.mddoc410 bytespalettes/dark-premium.mddoc389 bytespalettes/jewel-rich.mddoc394 bytespalettes/monochrome.mddoc454 bytespalettes/nature-earth.mddoc399 bytespalettes/neon-electric.mddoc380 bytespalettes/pastel-soft.mddoc392 bytespalettes/warm-editorial.mddoc411 bytespatterns.mddoc2,761 bytesreferences/audio-reactive.mddoc3,064 bytesreferences/captions.mddoc5,515 bytesreferences/css-patterns.mddoc8,312 bytesreferences/dynamic-techniques.mddoc6,886 bytesreferences/html-in-canvas.mddoc7,326 bytesreferences/motion-principles.mddoc3,907 bytesreferences/transcript-guide.mddoc8,246 bytesreferences/transitions.mddoc11,709 bytesreferences/transitions/catalog.mddoc6,290 bytesreferences/transitions/css-3d.mddoc421 bytesreferences/transitions/css-blur.mddoc1,787 bytesreferences/transitions/css-cover.mddoc1,448 bytesreferences/transitions/css-destruction.mddoc4,484 bytesreferences/transitions/css-dissolve.mddoc2,462 bytesreferences/transitions/css-distortion.mddoc1,803 bytesreferences/transitions/css-grid.mddoc370 bytesreferences/transitions/css-light.mddoc2,376 bytesreferences/transitions/css-mechanical.mddoc1,613 bytesreferences/transitions/css-other.mddoc838 bytesreferences/transitions/css-push.mddoc1,195 bytesreferences/transitions/css-radial.mddoc1,060 bytesreferences/transitions/css-scale.mddoc715 bytesreferences/tts.mddoc2,730 bytesreferences/typography.mddoc9,326 bytesscripts/animation-map.mjsruns19,405 bytesscripts/contrast-report.mjsruns12,192 bytesscripts/package-loader.mjsruns8,328 bytesvisual-styles.mddoc9,952 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
1,688 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 bytesassets/template.htmlasset12,906 bytesexample.htmlasset70,983 bytesreferences/attribution.mddoc1,485 bytesreferences/checklist.mddoc2,076 bytesreferences/compliance.mddoc3,025 bytesreferences/conventions.mddoc1,264 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 bytesexample.htmlasset3,651 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 bytesexample.htmlasset10,912 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
7,091 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
Scripts executed separately
../open-design-landing-deck/scripts/compose.ts
Files
../../design-systems/kami/DESIGN.mddoc22,066 bytesREADME.mddoc2,689 bytesSKILL.mdcore8,885 bytesSKILL.mdcore8,885 bytesexample.htmlasset33,870 bytes../open-design-landing-deck/scripts/compose.tsruns33,942 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
7,028 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 bytesREADME.mddoc2,429 bytesSKILL.mdcore9,539 bytesSKILL.mdcore9,539 bytesexample.htmlasset20,559 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 bytesexample.htmlasset16,509 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
403 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
Scripts executed separately
scripts/briefing.pyscripts/last30days.pyscripts/lib/__init__.pyscripts/lib/bird_x.pyscripts/lib/bluesky.pyscripts/lib/categories.pyscripts/lib/chrome_cookies.pyscripts/lib/cluster.pyscripts/lib/competitors.pyscripts/lib/cookie_extract.pyscripts/lib/dates.pyscripts/lib/dedupe.pyscripts/lib/entity_extract.pyscripts/lib/env.pyscripts/lib/fanout.pyscripts/lib/fusion.pyscripts/lib/github.pyscripts/lib/grounding.pyscripts/lib/hackernews.pyscripts/lib/html_render.pyscripts/lib/http.pyscripts/lib/instagram.pyscripts/lib/log.pyscripts/lib/normalize.pyscripts/lib/perplexity.pyscripts/lib/pinterest.pyscripts/lib/pipeline.pyscripts/lib/planner.pyscripts/lib/polymarket.pyscripts/lib/preflight.pyscripts/lib/providers.pyscripts/lib/quality_nudge.pyscripts/lib/query.pyscripts/lib/reddit.pyscripts/lib/reddit_enrich.pyscripts/lib/reddit_public.pyscripts/lib/relevance.pyscripts/lib/render.pyscripts/lib/rerank.pyscripts/lib/resolve.pyscripts/lib/safari_cookies.pyscripts/lib/schema.pyscripts/lib/setup_wizard.pyscripts/lib/signals.pyscripts/lib/snippet.pyscripts/lib/subproc.pyscripts/lib/threads.pyscripts/lib/tiktok.pyscripts/lib/truthsocial.pyscripts/lib/ui.pyscripts/lib/vendor/bird-search/LICENSEscripts/lib/vendor/bird-search/bird-search.mjsscripts/lib/vendor/bird-search/lib/cookies.jsscripts/lib/vendor/bird-search/lib/paginate-cursor.jsscripts/lib/vendor/bird-search/lib/runtime-features.jsscripts/lib/vendor/bird-search/lib/runtime-query-ids.jsscripts/lib/vendor/bird-search/lib/twitter-client-base.jsscripts/lib/vendor/bird-search/lib/twitter-client-constants.jsscripts/lib/vendor/bird-search/lib/twitter-client-features.jsscripts/lib/vendor/bird-search/lib/twitter-client-search.jsscripts/lib/vendor/bird-search/lib/twitter-client-types.jsscripts/lib/vendor/bird-search/lib/twitter-client-utils.jsscripts/lib/vendor/bird-search/package.jsonscripts/lib/xai_x.pyscripts/lib/xiaohongshu_api.pyscripts/lib/xquik.pyscripts/lib/xurl_x.pyscripts/lib/youtube_yt.pyscripts/store.pyscripts/watchlist.py
Files
LICENSEasset1,070 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 bytesSKILL.mdcore5,228 bytesreferences/save-html-brief.mddoc1,785 bytesscripts/briefing.pyruns8,342 bytesscripts/last30days.pyruns38,970 bytesscripts/lib/__init__.pyruns29 bytesscripts/lib/bird_x.pyruns15,231 bytesscripts/lib/bluesky.pyruns8,663 bytesscripts/lib/categories.pyruns7,635 bytesscripts/lib/chrome_cookies.pyruns8,683 bytesscripts/lib/cluster.pyruns11,018 bytesscripts/lib/competitors.pyruns7,332 bytesscripts/lib/cookie_extract.pyruns13,482 bytesscripts/lib/dates.pyruns3,201 bytesscripts/lib/dedupe.pyruns3,315 bytesscripts/lib/entity_extract.pyruns4,205 bytesscripts/lib/env.pyruns21,687 bytesscripts/lib/fanout.pyruns3,155 bytesscripts/lib/fusion.pyruns8,553 bytesscripts/lib/github.pyruns34,879 bytesscripts/lib/grounding.pyruns9,030 bytesscripts/lib/hackernews.pyruns9,784 bytesscripts/lib/html_render.pyruns17,791 bytesscripts/lib/http.pyruns7,237 bytesscripts/lib/instagram.pyruns17,044 bytesscripts/lib/log.pyruns831 bytesscripts/lib/normalize.pyruns17,797 bytesscripts/lib/perplexity.pyruns4,789 bytesscripts/lib/pinterest.pyruns6,152 bytesscripts/lib/pipeline.pyruns42,516 bytesscripts/lib/planner.pyruns30,333 bytesscripts/lib/polymarket.pyruns30,318 bytesscripts/lib/preflight.pyruns4,541 bytesscripts/lib/providers.pyruns15,541 bytesscripts/lib/quality_nudge.pyruns6,439 bytesscripts/lib/query.pyruns4,018 bytesscripts/lib/reddit.pyruns24,365 bytesscripts/lib/reddit_enrich.pyruns9,535 bytesscripts/lib/reddit_public.pyruns12,662 bytesscripts/lib/relevance.pyruns5,941 bytesscripts/lib/render.pyruns68,854 bytesscripts/lib/rerank.pyruns17,106 bytesscripts/lib/resolve.pyruns9,381 bytesscripts/lib/safari_cookies.pyruns5,406 bytesscripts/lib/schema.pyruns11,206 bytesscripts/lib/setup_wizard.pyruns18,661 bytesscripts/lib/signals.pyruns9,607 bytesscripts/lib/snippet.pyruns1,560 bytesscripts/lib/subproc.pyruns2,807 bytesscripts/lib/threads.pyruns7,530 bytesscripts/lib/tiktok.pyruns23,751 bytesscripts/lib/truthsocial.pyruns5,196 bytesscripts/lib/ui.pyruns25,673 bytesscripts/lib/vendor/bird-search/LICENSEruns1,074 bytesscripts/lib/vendor/bird-search/bird-search.mjsruns3,998 bytesscripts/lib/vendor/bird-search/lib/cookies.jsruns8,153 bytesscripts/lib/vendor/bird-search/lib/features.jsonasset523 bytesscripts/lib/vendor/bird-search/lib/paginate-cursor.jsruns1,225 bytesscripts/lib/vendor/bird-search/lib/query-ids.jsonasset815 bytesscripts/lib/vendor/bird-search/lib/runtime-features.jsruns5,036 bytesscripts/lib/vendor/bird-search/lib/runtime-query-ids.jsruns9,424 bytesscripts/lib/vendor/bird-search/lib/twitter-client-base.jsruns4,853 bytesscripts/lib/vendor/bird-search/lib/twitter-client-constants.jsruns2,535 bytesscripts/lib/vendor/bird-search/lib/twitter-client-features.jsruns18,400 bytesscripts/lib/vendor/bird-search/lib/twitter-client-search.jsruns7,310 bytesscripts/lib/vendor/bird-search/lib/twitter-client-types.jsruns59 bytesscripts/lib/vendor/bird-search/lib/twitter-client-utils.jsruns19,169 bytesscripts/lib/vendor/bird-search/package.jsonruns331 bytesscripts/lib/xai_x.pyruns7,110 bytesscripts/lib/xiaohongshu_api.pyruns5,321 bytesscripts/lib/xquik.pyruns6,839 bytesscripts/lib/xurl_x.pyruns5,302 bytesscripts/lib/youtube_yt.pyruns33,992 bytesscripts/store.pyruns24,887 bytesscripts/watchlist.pyruns9,362 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
7,463 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 bytesassets/templates/clinic-console/README.mddoc15,806 bytesassets/templates/clinic-console/data.jsonasset7,448 bytesassets/templates/clinic-console/template.htmlasset44,264 bytesexamples/baby-health-live.htmlasset32,353 bytesexamples/competitor-radar-live.htmlasset49,224 bytesexamples/crm-table-live.htmlasset54,336 bytesexamples/crypto-dashboard.htmlasset121,514 bytesexamples/monday-operator-live.htmlasset38,657 bytesexamples/stock-dashboard.htmlasset117,237 bytesexamples/stock-portfolio-live/artifact.jsonasset352 bytesexamples/stock-portfolio-live/data.jsonasset13,986 bytesexamples/stock-portfolio-live/provenance.jsonasset1,414 bytesexamples/stock-portfolio-live/template.htmlasset51,989 bytesreferences/artifact-schema.mddoc3,423 bytesreferences/connector-policy.mddoc7,216 bytesreferences/refresh-contract.mddoc3,657 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
5,754 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 bytesassets/template.htmlasset30,606 bytesexample.htmlasset37,327 bytesreferences/checklist.mddoc4,122 bytesreferences/components.mddoc6,608 bytesreferences/connectors.mddoc7,222 bytesreferences/layouts.mddoc3,237 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 bytesexample.htmlasset8,538 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 bytesexample.htmlasset11,995 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
5,282 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 bytesassets/template.htmlasset16,058 bytesexample.htmlasset6,249 bytesreferences/checklist.mddoc3,728 bytesreferences/layouts.mddoc13,768 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 bytesexample.htmlasset8,899 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 bytesexample.htmlasset8,402 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
7,279 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
Scripts executed separately
schema.tsscripts/compose.tsscripts/imagegen.tsscripts/placeholder.ts
Files
../../design-systems/atelier-zero/DESIGN.mddoc13,691 bytesREADME.mddoc4,919 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesSKILL.mdcore12,251 bytesassets/about.pngasset1,921,345 bytesassets/agents/anthropic.svgasset301 bytesassets/agents/deepseek.svgasset2,106 bytesassets/agents/gemini.svgasset421 bytesassets/agents/minimax.svgasset397 bytesassets/agents/moonshot.svgasset280 bytesassets/agents/openai.svgasset1,591 bytesassets/agents/qwen.svgasset825 bytesassets/agents/xai.svgasset309 bytesassets/agents/xiaomi.svgasset279 bytesassets/agents/zhipu.svgasset270 bytesassets/capabilities.pngasset1,890,771 bytesassets/cta.pngasset1,975,780 bytesassets/hero.pngasset2,058,917 bytesassets/image-manifest.jsonasset3,973 bytesassets/imagegen-prompts.mddoc9,931 bytesassets/lab-1.pngasset1,299,830 bytesassets/lab-2.pngasset1,345,317 bytesassets/lab-3.pngasset1,321,595 bytesassets/lab-4.pngasset1,246,617 bytesassets/lab-5.pngasset1,170,933 bytesassets/method-1.pngasset1,107,903 bytesassets/method-2.pngasset1,142,158 bytesassets/method-3.pngasset1,006,205 bytesassets/method-4.pngasset1,017,476 bytesassets/testimonial.pngasset1,737,581 bytesassets/work-1.pngasset1,231,123 bytesassets/work-2.pngasset1,369,134 bytesexample.htmlasset110,903 bytesinputs.example.jsonasset20,220 bytesschema.tsruns13,351 bytesscripts/compose.tsruns29,624 bytesscripts/imagegen.tsruns14,028 bytesscripts/placeholder.tsruns7,753 bytesstyles.cssasset50,645 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
4,740 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
Scripts executed separately
schema.tsscripts/compose.ts../open-design-landing/scripts/imagegen.ts../open-design-landing/scripts/placeholder.ts
Files
../../design-systems/atelier-zero/DESIGN.mddoc13,691 bytesREADME.mddoc4,295 bytesSKILL.mdcore10,031 bytesSKILL.mdcore10,031 bytesSKILL.mdcore10,031 bytesexample.htmlasset83,743 bytesinputs.example.jsonasset7,715 bytesschema.tsruns3,874 bytesscripts/compose.tsruns33,942 bytes../open-design-landing/inputs.example.jsonasset20,220 bytes../open-design-landing/scripts/imagegen.tsruns14,028 bytes../open-design-landing/scripts/placeholder.tsruns7,753 bytes../open-design-landing/styles.cssasset50,645 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 bytesexample.htmlasset48,900 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 bytesexample.htmlasset27,040 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 bytesexample.htmlasset24,111 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 bytesexample.htmlasset26,050 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 bytesexample.htmlasset15,912 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 bytesexample.htmlasset14,291 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 bytesexample.htmlasset7,117 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
14,987 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 bytesassets/template.htmlasset21,078 bytesexamples/README.mddoc1,340 bytesexamples/example-atlas.htmlasset24,231 bytesexamples/example-bluehouse.htmlasset24,461 bytesexamples/example-helix.htmlasset21,045 bytesexamples/example-holm.htmlasset26,309 bytesreferences/checklist.mddoc5,219 bytesreferences/components.mddoc3,941 bytesreferences/layouts.mddoc26,190 bytesreferences/themes.mddoc14,022 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
3,989 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 bytesexample.htmlasset7,659 bytes../../docs/skills-protocol.mddoc17,639 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
3,116 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 bytesassets/template.htmlasset15,943 bytesexample.htmlasset9,224 bytesreferences/checklist.mddoc3,385 bytesreferences/layouts.mddoc7,663 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 bytesexample.htmlasset10,020 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 bytesexample.htmlasset51,838 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
219 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 bytesassets/template.htmlasset63,478 bytesexample.htmlasset63,478 bytesreferences/checklist.mddoc1,061 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 bytesexample.htmlasset13,511 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 bytesexample.htmlasset12,051 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
373 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 bytesassets/template.htmlasset22,226 bytesexample.htmlasset1,088 bytesreferences/checklist.mddoc1,574 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 bytesassets/wrap.htmlasset14,482 bytesexample.htmlasset24,799 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 bytesexample.htmlasset3,560 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
749 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 bytesassets/template.htmlasset13,030 bytesexample.htmlasset12,540 bytesreferences/checklist.mddoc3,002 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
4,407 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 bytesassets/template.htmlasset16,603 bytesexample.htmlasset4,217 bytesreferences/checklist.mddoc4,685 bytesreferences/layouts.mddoc10,974 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 bytesexample.htmlasset21,458 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 bytesexample.htmlasset18,228 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 bytesexample.htmlasset24,209 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 bytesexample.htmlasset5,501 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 bytesexample.htmlasset17,296 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 bytesexample.htmlasset13,140 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 bytesexample.htmlasset13,227 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 bytesexample.htmlasset17,969 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 bytesexample.htmlasset15,563 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 bytesexample.htmlasset5,624 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 Rulessaas-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
295 tokensAlways available to the agent
SKILL.md
1,109 tokensWhen the skill is activated
Reference documents
3,989 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,497 bytes../../skills-protocol.mddoc17,639 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:build-test
When your agent uses it
Run the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.
What it loads into context
Frontmatter
48 tokensAlways available to the agent
SKILL.md
658 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Default commands by framework
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore2,500 bytesopen-design.jsonasset910 bytes
Read SKILL.md
# Build test
Spec §20.2 / §22.4: the "subjective `critique-theater` panel" is
not enough on its own — a code-migration / tune-collab run must
prove the build still passes. This atom shells out to the
project's declared test commands and emits structured signals the
devloop's `until` evaluator reads.
## Inputs
- The active target stack (recorded in `code/index.json` +
`plan.md`'s targetStack block).
- The user's optional override (`od plugin run --input
testCommand='pnpm test'`).code-import
When your agent uses it
Read an existing repository's structure into the project cwd as a normalised snapshot the agent can analyse without re-walking the tree on every turn.
What it loads into context
Frontmatter
49 tokensAlways available to the agent
SKILL.md
594 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore2,423 bytesopen-design.jsonasset852 bytes
Read SKILL.md
# Code import
Spec §10 / §21.3.2: a code-migration / tune-collab run starts from a
real repo (cloned via `od project import` or a path the user
provided). This atom turns the raw checkout into a normalised
on-disk record that subsequent atoms (`design-extract`,
`rewrite-plan`, `patch-edit`) operate against. The point is to
**stop re-walking the tree on every turn** — the agent reads
`code/index.json` once and trusts the snapshot until the next
explicit re-import.
## Inputs
| Source | Required | Notes |critique-theater
When your agent uses it
Five-dimension design quality review — score the artifact against craft, brand, accessibility, and copy, then fix what falls short before handing it over.
What it loads into context
Frontmatter
49 tokensAlways available to the agent
SKILL.md
559 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- The five dimensions
- What to do with the findings
- How to report it
Files
SKILL.mdcore2,576 bytesopen-design.jsonasset830 bytes
Read SKILL.md
# Design review
Before you hand an artifact over, review it against five dimensions and fix
what falls short. This is a quality bar, not a performance: do the review,
apply the fixes, and describe the outcome in ordinary prose.
## The five dimensions
Judge the artifact you just produced from five angles. Each one owns its own
scope; do not let a strength in one excuse a failure in another.
- **Craft** — layout, hierarchy, spacing, alignment, and visual rhythm. Does it
read as deliberate work rather than a template with the words swapped out?
- **Critique** — does it actually solve the user's stated problem? Look fordesign-extract
When your agent uses it
Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.
What it loads into context
Frontmatter
51 tokensAlways available to the agent
SKILL.md
554 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore2,214 bytesSKILL.mdcore2,214 bytesSKILL.mdcore2,214 bytesSKILL.mdcore2,214 bytesopen-design.jsonasset889 bytes
Read SKILL.md
# Design extract
Spec §10 / §21.3.2: tokens scattered across a repo's CSS / theme
files / Tailwind config / styled-components helpers / SCSS partials
need to be lifted into one bag before `token-map` can crosswalk
them onto the active OD design system. This atom does the lifting;
the input shape is intentionally generic so the same atom serves
both code-migration and figma-migration when fed different sources.
## Inputs
- `code/index.json` from `code-import` (code-migration), OR
- `figma/tree.json` from `figma-extract` (figma-migration), OR
- A folder of screenshot images (tune-collab quick-tune flows).diff-review
When your agent uses it
Render the patch-edit run's accumulated changes as a reviewable diff, surface it through a GenUI choice surface, and persist the user's accept / reject decision into the artifact manifest.
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
503 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore2,066 bytesopen-design.jsonasset895 bytes
Read SKILL.md
# Diff review
Spec §20.3 / §21.3.2: a code-migration / tune-collab handoff is
worthless without a human-reviewable diff. This atom is the
"present the patch, capture the decision" stage.
## Inputs
- The project cwd's accumulated edits since the run started (or
since the previous diff-review iteration).
- `plan/steps.json` for context per file.
## Output
direction-picker
When your agent uses it
Resolves the visual direction at the plan stage from the brief and design system, without asking the user.
What it loads into context
Frontmatter
39 tokensAlways available to the agent
SKILL.md
415 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Convergence
- Anti-patterns the prompt fragment forbids
Files
SKILL.mdcore1,893 bytesSKILL.mdcore1,893 bytesopen-design.jsonasset844 bytes
Read SKILL.md
# Direction picker
Converging work needs one committed visual direction before the build starts.
This atom owns that moment in the `plan` stage: decide the direction, state it
in one line, and lock onto it.
Resolve the direction from what you already have, in this order:
1. An active design system — its DESIGN.md palette, typography, spacing, and
component rules **are** the direction. Bind its tokens and stop here.
2. A brand spec, reference URL, or screenshot the user supplied — parse that
source directly.
3. Otherwise, infer the best-matching direction yourself from the brief's
domain, audience, and tone, then bind its visual tokens. If the runtimediscovery-question-form
When your agent uses it
Structured clarification form for unresolved material requirements.
What it loads into context
Frontmatter
27 tokensAlways available to the agent
SKILL.md
1,390 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Activation boundary
- Emission shape
- Question object shape
- Convergence
Files
SKILL.mdcore6,017 bytesopen-design.jsonasset828 bytes
Read SKILL.md
# Discovery question form
This atom defines the `<question-form>` protocol. It does not decide whether
clarification is required. Follow the active skill and core prompt's
requirements-clarification policy. When they identify unresolved information
that would materially change the design direction, content structure, or
delivery format, surface the smallest possible set of questions that unblocks
the workflow.
The questions are rendered as a `<question-form>` artifact inline in the
originating assistant message. This is assistant text parsed by the host, not a
plugin GenUI surface or a native tool call. Submitted answers return as the
next user message, beginning with `[form answers — <form-id>]`.
figma-extract
When your agent uses it
Pull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot.
What it loads into context
Frontmatter
47 tokensAlways available to the agent
SKILL.md
623 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore2,475 bytesSKILL.mdcore2,475 bytesSKILL.mdcore2,475 bytesSKILL.mdcore2,475 bytesSKILL.mdcore2,475 bytesSKILL.mdcore2,475 bytesopen-design.jsonasset905 bytes
Read SKILL.md
# Figma extract
Spec §10 / §21.3.1: the figma-migration scenario starts with a Figma
file URL + an OAuth token. This atom turns that pair into the
authoritative on-disk record subsequent stages (`token-map`,
`generate`, `critique`) operate on.
## Inputs
| Source | Required | Notes |
| --- | --- | --- |
| Figma file URL or `node-id` | yes | Provide via the `figma-oauth` GenUI surface or `od plugin apply --input fileUrl=…` |
| Figma OAuth token | yes | Routed through `oauth-prompt` with `oauth.route='connector'` and `connectorId='figma'`; the daemon never stores the token in SQLite |
handoff
When your agent uses it
Push the run's accepted artifact to a downstream collaboration surface (cli, other code agents, cloud, desktop) and stamp the artifact manifest with the export target.
What it loads into context
Frontmatter
54 tokensAlways available to the agent
SKILL.md
536 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Surfaces
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore2,197 bytesSKILL.mdcore2,197 bytesSKILL.mdcore2,197 bytesopen-design.jsonasset929 bytes
Read SKILL.md
# Handoff
Spec §11.5.1 / §21.5: an OD run isn't done when the artifact
exists — it's done when the artifact reaches the surface the user
will keep iterating on. This atom is the "push it somewhere"
stage. It's the natural counterpart to `diff-review`.
## Inputs
- The accepted artifact set (after `diff-review` resolved with
`decision: 'accept' | 'partial'`).
- The export target (one of the `surface` enum values from
`ArtifactManifest.exportTargets[].surface`).
patch-edit
When your agent uses it
Apply one rewrite-plan step at a time as small reviewable file edits, never rewriting whole files when a localised change suffices.
What it loads into context
Frontmatter
47 tokensAlways available to the agent
SKILL.md
486 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore1,909 bytesopen-design.jsonasset867 bytes
Read SKILL.md
# Patch edit
Spec §20.3 / §21.3.2: code-migration / tune-collab cannot ship a
trustworthy diff when the agent rewrites whole files in one pass —
the reviewer can't audit the change. This atom enforces "one step
per turn, smallest possible localised edit".
## Inputs
- `plan/steps.json` from `rewrite-plan`.
- The current value of `iterations` (the daemon's per-stage counter).
- `code/index.json` for the file's known imports + neighbours.
## Outputrewrite-plan
When your agent uses it
Author a long-running multi-file rewrite plan that subsequent patch-edit + diff-review + build-test stages will execute, with explicit ownership boundaries and patch-safety guarantees.
What it loads into context
Frontmatter
52 tokensAlways available to the agent
SKILL.md
500 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Output
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore2,078 bytesSKILL.mdcore2,078 bytesopen-design.jsonasset864 bytes
Read SKILL.md
# Rewrite plan
Spec §20.3 / §21.3.2: scenario 4 (design → deliverable production
code) requires a contract-shaped rewrite plan before the agent
starts editing files. The plan is **the audit trail** every
subsequent stage references; without it the patch path slides into
"refactor everything that looks wrong" and the build breaks in
unreviewable ways.
## Inputs
- `code/index.json` from `code-import`.
- `token-map/*.json` from `token-map`.
- The active design system DESIGN.md (already in prompt).todo-write
When your agent uses it
TodoWrite-driven plan that the agent commits to before generation.
What it loads into context
Frontmatter
30 tokensAlways available to the agent
SKILL.md
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.mdcore899 bytesopen-design.jsonasset786 bytes
Read SKILL.md
# Todo write
Before writing any artifact files, the agent commits to a numbered plan
via its plan tool. The plan is the audit trail; subsequent turns
either tick items off or rewrite the plan. The atom's prompt fragment
teaches the agent to:
1. Keep todos atomic (one verb per todo).
2. Reorder freely as the picture sharpens.
3. Mark a todo complete only after the matching artifact lands.
4. Surface blockers as todos — never silently skip.
The OpenDesign daemon does not enforce a particular tool name; use
whichever plan tool this session actually exposes. The host renderstoken-map
When your agent uses it
Map an extracted Figma / source-code token bag onto the active OD design system, producing a deterministic mapping the generate stage can consume.
What it loads into context
Frontmatter
49 tokensAlways available to the agent
SKILL.md
1,281 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Inputs
- Output
- Semantic token inference
- Convergence
- Anti-patterns the prompt fragment forbids
- Status
Files
SKILL.mdcore5,470 bytesSKILL.mdcore5,470 bytesSKILL.mdcore5,470 bytesSKILL.mdcore5,470 bytesSKILL.mdcore5,470 bytesSKILL.mdcore5,470 bytesexamples/semantic-inference-before-after.jsonasset4,821 bytesopen-design.jsonasset874 bytes
Read SKILL.md
# Token map
Spec §10 / §21.3.1: every figma-migration / code-migration run
crosses the same boundary — "the source has its own tokens; the
target uses the active OD design system; we need a deterministic
mapping". This atom produces that mapping.
## Inputs
- `figma/tokens.json` from `figma-extract` (figma-migration), OR
- `code/tokens.json` from `design-extract` (code-migration).
- The active design system DESIGN.md (already injected into the
prompt; the atom reads from the staged design-system context).
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。
- 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。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 个例子。
- 最后一张是总结 + 行动号召 (关注 / 收藏 / 评论)。
- 配色: 选择柔和的莫兰迪色或粉色系; 元素圆润, 大量留白。
- 字号大、行距宽、对比强（小红书在手机上看, 小字根本看不清）。
- 每张卡片右下角小水印 (作者名 / 日期)。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
1,340 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 bytesreferences/case-formats.mddoc2,878 bytesreferences/checklist.mddoc3,137 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".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."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
401 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 bytesopen-design.jsonasset6,873 bytesreferences/sector-wacc.mddoc1,517 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
```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 + 编号 + 短标题 + 单行描述。design-brief
When your agent uses it
Parse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it professional" by requiring explicit dimensions: palette, typography, layout, mood, density, and constraints. Trigger keywords: "design brief", "create a design brief", "ilang brief", "structured brief".
What it loads into context
Frontmatter
262 tokensAlways available to the agent
SKILL.md
3,528 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Background
- 1. Accept input
- 2. Validate dimensions
- 3. Generate DESIGN.md
- 4. Generate brief-preview.html
- 5. Report unspecified dimensions
Files
SKILL.mdcore13,805 bytesopen-design.jsonasset11,140 bytes
Read SKILL.md
# Design Brief Skill
Parse a structured design brief into a concrete DESIGN.md and optional visual preview. Agent, follow this workflow exactly.
## Background
The 8 dimensions in this skill were derived from OpenDesign's original 71-system catalog; 71 is the research sample, not the current bundled-system count. Every `DESIGN.md` in `design-systems/` still resolves at minimum: color palette, accent, typography, display font, layout model, and component style. We distilled these into 8 orthogonal dimensions that cover the decisions a designer makes before any pixel is placed. Mood and density were added because they are the two most common sources of ambiguity in natural language briefs ("make it clean" means different things to different people).
Dimensions intentionally excluded from the brief level: animation timing, responsive strategy, and accessibility contrast. These are enforced at the template level by individual skills (e.g., `saas-landing` handles its own responsive logic), though the generated DESIGN.md includes sensible breakpoint defaults for downstream consumption.
## 1. Accept input
The user provides a design brief in one of two formats:
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-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).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
359 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 bytesreferences/checklist.mddoc1,567 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
6,110 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
LICENSEasset1,067 bytesSKILL.mdcore7,558 bytesexample.htmlasset31,334 bytesopen-design.jsonasset6,650 bytesreferences/STYLE_PRESETS.mddoc8,201 bytesreferences/animation-patterns.mddoc4,030 bytesreferences/html-template.mddoc11,460 bytesreferences/viewport-base.cssasset2,742 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
LICENSEasset1,067 bytesSKILL.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
LICENSEasset1,067 bytesSKILL.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
LICENSEasset1,067 bytesSKILL.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
LICENSEasset1,067 bytesSKILL.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
LICENSEasset1,067 bytesSKILL.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
136 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 bytesreferences/README.mddoc677 bytesreferences/artifact-example.jsonasset337 bytesreferences/example-data.jsonasset3,806 bytesreferences/provenance-example.jsonasset3,283 bytesreferences/template.htmlasset28,059 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
555 tokensAlways available to the agent
SKILL.md
4,895 tokensWhen the skill is activated
Reference documents
18,411 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,313 bytesSKILL.mdcore19,313 bytesSKILL.mdcore19,313 bytesSKILL.mdcore19,313 bytesSKILL.mdcore19,313 bytesSKILL.mdcore19,313 bytesSKILL.mdcore19,313 bytesSKILL.mdcore19,313 bytesSKILL.mdcore19,313 bytesassets/example-slides.htmlasset11,993 bytesassets/template.htmlasset30,938 bytesopen-design.jsonasset4,864 bytesreferences/checklist.mddoc13,910 bytesreferences/components.mddoc11,835 bytesreferences/layouts.mddoc26,229 bytesreferences/styles.mddoc9,874 bytesreferences/themes.mddoc3,940 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.hatch-pet
When your agent uses it
Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.
What it loads into context
Frontmatter
317 tokensAlways available to the agent
SKILL.md
5,268 tokensWhen the skill is activated
Reference documents
1,309 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Generation Delegation
- Codex Digital Pet Style
- Transparency And Effects
- Pet Naming
- Visible Progress Plan
- Default Workflow
- Subagent Row Generation
- Repair Workflow
- Secondary Image Generation Fallback
- Rules
- Acceptance Criteria
Files
SKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesSKILL.mdcore23,869 bytesopen-design.jsonasset9,966 bytesreferences/animation-rows.mddoc1,436 bytesreferences/codex-pet-contract.mddoc788 bytesreferences/qa-rubric.mddoc3,248 bytes
Read SKILL.md
# Hatch Pet
> **OpenDesign integration.** This is the unmodified Codex `hatch-pet` skill,
> vendored under `skills/hatch-pet/` so any OpenDesign agent can run it. After
> the skill finishes packaging, the resulting `spritesheet.webp` (under
> `${CODEX_HOME:-$HOME/.codex}/pets/<pet-name>/`) can be imported into the
> floating pet companion via **Settings → General → Pets → Import Codex sprite**. The
> import flow auto-detects the 8×9 / `192×208` atlas and lets the user pick
> which animation row to play (idle, running-right, waving, …).
## Overview
Create a Codex-compatible animated pet from a concept, one or more reference images, or both. This skill owns pet-specific prompt planning, animation rows, frame extraction, atlas geometry, QA, previews, and packaging. It delegates visual generation to `$imagegen`.hps-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
LICENSEasset1,084 bytesSKILL.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
LICENSEasset1,084 bytesSKILL.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
LICENSEasset1,084 bytesSKILL.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
LICENSEasset1,084 bytesSKILL.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
LICENSEasset1,084 bytesSKILL.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
LICENSEasset1,084 bytesSKILL.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{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 bytesexample.htmlasset14,193 bytesopen-design.jsonasset8,845 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
561 tokensAlways available to the agent
SKILL.md
3,953 tokensWhen the skill is activated
Reference documents
11,520 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
Scripts executed separately
assets/runtime.js
Files
SKILL.mdcore15,984 bytesSKILL.mdcore15,984 bytesSKILL.mdcore15,984 bytesSKILL.mdcore15,984 bytesSKILL.mdcore15,984 bytesSKILL.mdcore15,984 bytesSKILL.mdcore15,984 bytesSKILL.mdcore15,984 bytesassets/base.cssasset8,187 bytesassets/fonts.cssasset889 bytesassets/runtime.jsruns37,082 bytesopen-design.jsonasset5,010 bytesreferences/animations.mddoc7,708 bytesreferences/authoring-guide.mddoc5,128 bytesreferences/full-decks.mddoc8,614 bytesreferences/layouts.mddoc4,043 bytesreferences/presenter-mode.mddoc9,918 bytesreferences/themes.mddoc5,264 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
537 tokensAlways available to the agent
SKILL.md
1,375 tokensWhen the skill is activated
Reference documents
6,232 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,671 bytesexample.htmlasset18,164 bytesopen-design.jsonasset4,363 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
523 tokensAlways available to the agent
SKILL.md
1,383 tokensWhen the skill is activated
Reference documents
6,232 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,641 bytesexample.htmlasset18,453 bytesopen-design.jsonasset4,399 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
558 tokensAlways available to the agent
SKILL.md
1,420 tokensWhen the skill is activated
Reference documents
6,232 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,578 bytesexample.htmlasset26,436 bytesopen-design.jsonasset4,297 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
538 tokensAlways available to the agent
SKILL.md
1,399 tokensWhen the skill is activated
Reference documents
6,232 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,691 bytesexample.htmlasset27,941 bytesopen-design.jsonasset4,451 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
542 tokensAlways available to the agent
SKILL.md
1,408 tokensWhen the skill is activated
Reference documents
6,232 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,651 bytesexample.htmlasset25,115 bytesopen-design.jsonasset4,414 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
561 tokensAlways available to the agent
SKILL.md
1,407 tokensWhen the skill is activated
Reference documents
6,232 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,573 bytesexample.htmlasset16,751 bytesopen-design.jsonasset4,985 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
536 tokensAlways available to the agent
SKILL.md
1,394 tokensWhen the skill is activated
Reference documents
6,232 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 bytesexample.htmlasset38,577 bytesopen-design.jsonasset4,252 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
525 tokensAlways available to the agent
SKILL.md
1,363 tokensWhen the skill is activated
Reference documents
6,232 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,494 bytesexample.htmlasset14,892 bytesopen-design.jsonasset4,311 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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 bytesexample.htmlasset38,277 bytesopen-design.jsonasset9,358 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,065 tokensWhen the skill 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.mdcore3,921 bytesexample.htmlasset25,358 bytesopen-design.jsonasset8,272 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 existing project convention from `design-templates/html-ppt-pitch-deck/example.html` (each `.slide` is a `100vw × 100vh` section; opened directly, slides stack vertically). 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
514 tokensAlways available to the agent
SKILL.md
1,353 tokensWhen the skill is activated
Reference documents
6,232 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,476 bytesexample.htmlasset17,060 bytesopen-design.jsonasset4,206 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
545 tokensAlways available to the agent
SKILL.md
1,398 tokensWhen the skill is activated
Reference documents
6,232 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,791 bytesexample.htmlasset28,245 bytesopen-design.jsonasset4,676 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
509 tokensAlways available to the agent
SKILL.md
1,350 tokensWhen the skill is activated
Reference documents
6,232 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,482 bytesexample.htmlasset17,519 bytesopen-design.jsonasset4,247 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
530 tokensAlways available to the agent
SKILL.md
1,394 tokensWhen the skill is activated
Reference documents
6,232 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,527 bytesexample.htmlasset27,573 bytesopen-design.jsonasset4,331 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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
533 tokensAlways available to the agent
SKILL.md
1,389 tokensWhen the skill is activated
Reference documents
6,232 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,660 bytesexample.htmlasset27,575 bytesopen-design.jsonasset4,523 bytes../html-ppt/SKILL.mddoc15,984 bytes../html-ppt/references/full-decks.mddoc8,614 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 bytesexample.htmlasset50,364 bytesopen-design.jsonasset4,525 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 bytesexample.htmlasset38,595 bytesopen-design.jsonasset4,558 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 bytesexample.htmlasset44,959 bytesopen-design.jsonasset4,727 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 bytesexample.htmlasset43,352 bytesopen-design.jsonasset4,357 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 bytesexample.htmlasset36,588 bytesopen-design.jsonasset4,453 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 bytesexample.htmlasset76,972 bytesopen-design.jsonasset4,511 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 bytesexample.htmlasset41,783 bytesopen-design.jsonasset4,465 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 bytesexample.htmlasset39,673 bytesopen-design.jsonasset4,770 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 bytesexample.htmlasset49,306 bytesopen-design.jsonasset4,540 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 bytesexample.htmlasset56,221 bytesopen-design.jsonasset4,453 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,399 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset26,376 bytesopen-design.jsonasset4,603 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 bytesexample.htmlasset91,076 bytesopen-design.jsonasset4,635 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,380 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset34,565 bytesopen-design.jsonasset4,575 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 bytesexample.htmlasset71,066 bytesopen-design.jsonasset4,653 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 bytesexample.htmlasset44,997 bytesopen-design.jsonasset4,302 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 bytesexample.htmlasset56,227 bytesopen-design.jsonasset4,635 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 bytesexample.htmlasset89,428 bytesopen-design.jsonasset4,546 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,294 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset50,664 bytesopen-design.jsonasset4,495 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,466 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset33,146 bytesopen-design.jsonasset4,724 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,562 bytesassets/deck-stage.jsruns22,660 bytesassets/styles.cssasset22,878 bytesexample.htmlasset22,172 bytesopen-design.jsonasset4,766 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,388 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset38,490 bytesopen-design.jsonasset4,611 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 bytesexample.htmlasset47,263 bytesopen-design.jsonasset4,489 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 bytesexample.htmlasset35,437 bytesopen-design.jsonasset4,456 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 bytesexample.htmlasset53,786 bytesopen-design.jsonasset4,534 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 bytesexample.htmlasset35,778 bytesopen-design.jsonasset4,436 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 bytesexample.htmlasset56,028 bytesopen-design.jsonasset4,698 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 bytesexample.htmlasset53,111 bytesopen-design.jsonasset4,686 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 bytesexample.htmlasset94,442 bytesopen-design.jsonasset4,484 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,349 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset39,344 bytesopen-design.jsonasset4,630 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
Scripts executed separately
assets/deck-stage.js
Files
SKILL.mdcore5,521 bytesassets/deck-stage.jsruns22,660 bytesexample.htmlasset40,372 bytesopen-design.jsonasset4,740 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 bytesexample.htmlasset63,738 bytesopen-design.jsonasset4,536 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 bytesexample.htmlasset43,859 bytesopen-design.jsonasset4,459 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:** 9huashu-annual-letter
When your agent uses it
OpenDesign's annual letter to its community: the year's story, what it learned, and where it's going next. Built as a decision-grade corporate strategy deck for community, contributors, investors.
What it loads into context
Frontmatter
617 tokensAlways available to the agent
SKILL.md
2,536 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
- Anti-AI-slop checklist (non-negotiable)
Files
LICENSEasset1,086 bytesSKILL.mdcore9,716 bytesexample.htmlasset26,450 bytesopen-design.jsonasset5,536 bytes
Read SKILL.md
# Annual Letter · 年度信笺
Produce a **single-file, letter-grade HTML deck** in the Stripe Annual Letter
genre: a published letter you read, not a template you skim. Prose flows in
serif paragraphs; numbers live in inline data cards and giant display anchors.
The visual system, canvas contract, and navigation runtime are locked by
`example.html`. **Start from `example.html`, replace content only — do not
rewrite the design or the script, and never introduce colors or fonts outside
this spec.**
Adapted from the editorial-longform style (`references/design-styles.md`,
安静派 · 杂志编辑长文流 / Editorial Longform) of
[huashu-design](https://github.com/alchaincyf/huashu-design) by
花叔 (alchaincyf), MIT licensed. Reference lineage: Stripe Annual Letter,huashu-bento-insight
When your agent uses it
OpenDesign vs closed cloud design tools: a side-by-side displacement case on control, cost (BYOK), and lock-in. Built as a decision-grade B2B sales deck for evaluation committee.
What it loads into context
Frontmatter
640 tokensAlways available to the agent
SKILL.md
3,201 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
Files
LICENSEasset1,086 bytesSKILL.mdcore11,213 bytesexample.htmlasset36,461 bytesopen-design.jsonasset5,570 bytes
Read SKILL.md
# Bento Insight Grid · 便当格洞见
Produce a **single-file, Apple-keynote-school bento deck**. You are a metrics
curator working in HTML: every card holds exactly one insight, every number is
tabular, and whitespace does the talking. The visual system, canvas contract,
and navigation runtime are locked by `example.html`. **Start from
`example.html`, replace content only — do not rewrite the design or the
script. Do not introduce any color or font outside this spec.**
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 花叔
(alchaincyf), MIT licensed. Reference lineage: Apple Keynote Bento-Grid era,
new-generation MBB Bento/Big-Type decks (2024–2026), Stripe annual-reporthuashu-golden-circle
When your agent uses it
A brand-repositioning strategy for a heritage coffee chain — why, how, what — the governing idea and the moves to prove it. Built as a decision-grade consulting deck for client CMO, board.
What it loads into context
Frontmatter
613 tokensAlways available to the agent
SKILL.md
3,038 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
Files
LICENSEasset1,086 bytesSKILL.mdcore10,861 bytesexample.htmlasset40,987 bytesopen-design.jsonasset5,718 bytes
Read SKILL.md
# Golden Circle Diagram · 黄金圆环图解
Produce a **single-file, one-diagram concept deck**. You are visualizing a
methodology the way Simon Sinek drew the Golden Circle on a TED flip chart:
one geometric master figure carries the entire argument, and every page is
that figure seen from a different angle. The visual system, canvas contract,
and navigation runtime are locked by `example.html`. **Start from
`example.html`, replace content only — do not rewrite the design or the
script. Do not introduce any color or font outside this spec.**
Generated from the 中性派「单图母图概念图解 / Diagrammatic Minimalism」spec in
`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,huashu-keynote-black
When your agent uses it
OpenDesign's all-hands: the year in review, the three priorities, and what every team owns next quarter. Built as a decision-grade corporate strategy deck for whole company.
What it loads into context
Frontmatter
614 tokensAlways available to the agent
SKILL.md
2,830 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
Files
LICENSEasset1,086 bytesSKILL.mdcore10,627 bytesexample.htmlasset18,348 bytesopen-design.jsonasset5,787 bytes
Read SKILL.md
# Keynote Black · 黑场大数字
Produce a **single-file, black-stage keynote deck**. You are directing a
launch event, not writing a document: the screen is a stage, every page is
one beat, and the audience must be able to read it from the last row. The
visual system, canvas contract, and navigation runtime are locked by
`example.html`. **Start from `example.html`, replace content only — do not
rewrite the design or the script. Do not introduce any color or font outside
this spec.**
Generated from the「黑底巨型数字剧场 / Black Big-Number Stage」entry
(大胆派, 还原 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,huashu-luxe-whitespace
When your agent uses it
A market-entry study for a luxury skincare brand entering Asia — segmentation, positioning, channel, and the phased plan. Built as a decision-grade consulting deck for client leadership.
What it loads into context
Frontmatter
623 tokensAlways available to the agent
SKILL.md
3,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
- Hard spec (locked — violating any line is a regression)
- Workflow
Files
LICENSEasset1,086 bytesSKILL.mdcore11,312 bytesSKILL.mdcore11,312 bytesexample.htmlasset37,956 bytesopen-design.jsonasset5,792 bytes
Read SKILL.md
# Luxe Whitespace · 奢华留白
Produce a **single-file, quiet-luxury deck**. You are typesetting for a
maison, not a startup: every page breathes, numbers float in ultra-thin
weights, and gold appears only as a hairline or a decimal point — never as a
surface. The visual system, canvas contract, and navigation runtime are
locked by `example.html`. **Start from `example.html`, replace content only —
do not rewrite the design or the script. Do not introduce any color or font
outside this spec.**
Adapted from the `ppt-build` showcase of
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
(alchaincyf), MIT licensed. The upstream file is a single benchmark page;
this plugin extends it into a full multi-section deck while preserving itshuashu-pentagram-grid
When your agent uses it
OpenDesign's positioning & messaging system: the one-line promise, the pillars, and the proof — the source of truth for all copy. Built as a decision-grade marketing & GTM deck for brand & marketing team.
What it loads into context
Frontmatter
616 tokensAlways available to the agent
SKILL.md
2,736 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
Files
LICENSEasset1,086 bytesSKILL.mdcore10,124 bytesSKILL.mdcore10,124 bytesSKILL.mdcore10,124 bytesSKILL.mdcore10,124 bytesexample.htmlasset42,107 bytesopen-design.jsonasset5,706 bytes
Read SKILL.md
# Pentagram Info-Architecture · 信息建筑·红
Produce a **single-file, Swiss-grid data deck**. You are an information
architect working in HTML: every page is a measured grid, every number has a
coordinate, and red appears exactly where the eye must land. The visual
system, canvas contract, and navigation runtime are locked by `example.html`.
**Start from `example.html`, replace content only — do not rewrite the design
or the script. Do not introduce any color or font outside this spec.**
Adapted from the `ppt-pentagram` showcase of
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
(alchaincyf), MIT licensed. The upstream file is a single data page; this
plugin extends it into a full multi-section deck while preserving its DNA.
huashu-slides
When your agent uses it
A career-pivot story from consultant to product leader — the arc, the proof, and why the next role is the right bet. Built as a decision-grade career deck for hiring manager, mentors.
What it loads into context
Frontmatter
609 tokensAlways available to the agent
SKILL.md
2,468 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
- Anti-AI-slop checklist (from the upstream skill — non-negotiable)
- Optional: PDF / editable PPTX export
Files
LICENSEasset1,086 bytesSKILL.mdcore9,282 bytesSKILL.mdcore9,282 bytesexample.htmlasset25,102 bytesopen-design.jsonasset5,812 bytes
Read SKILL.md
# Huashu Slides · 花叔幻灯片
Produce a **single-file, publication-grade HTML deck**. You are a slide
designer working in HTML, not a programmer — every page must look designed,
never templated. The visual system, canvas contract, and navigation runtime
are locked by `example.html`. **Start from `example.html`, replace content
only — do not rewrite the design or the script.**
Adapted from the slides line of [huashu-design](https://github.com/alchaincyf/huashu-design)
by 花叔 (alchaincyf), MIT licensed.
## Hard spec (locked — violating any line is a regression)
### Canvas & scalinghuashu-sparkline-arc
When your agent uses it
OpenDesign's revenue-driver narrative: what actually moves ARR, the leverage points, and the forecast. Built as a decision-grade data & finance deck for board, finance leadership.
What it loads into context
Frontmatter
604 tokensAlways available to the agent
SKILL.md
3,050 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
Files
LICENSEasset1,086 bytesSKILL.mdcore11,230 bytesexample.htmlasset35,423 bytesopen-design.jsonasset5,690 bytes
Read SKILL.md
# Narrative Sparkline · 叙事波形
Produce a **single-file, Duarte-style narrative deck**. You are a story
cartographer working in HTML: every page is built on one oscillating waveform
that travels between "what is" and "what could be", and orange appears only
where the story turns. The visual system, canvas contract, and navigation
runtime are locked by `example.html`. **Start from `example.html`, replace
content only — do not rewrite the design or the script. Do not introduce any
color or font outside this spec.**
Generated from the `Sparkline叙事波形 / Narrative Sparkline (Duarte式)` spec
(中性派, 还原91%) in `references/design-styles.md` of
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
(alchaincyf), MIT licensed. Lineage: Nancy Duarte《Resonate》sparklinehuashu-takram-soft-tech
When your agent uses it
OpenDesign procurement & security leave-behind: the one-pager-plus a buying committee can forward and approve internally. Built as a decision-grade B2B sales deck for buying committee, security, procurement.
What it loads into context
Frontmatter
661 tokensAlways available to the agent
SKILL.md
3,290 tokensWhen the skill 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 — violating any line is a regression)
- Workflow
Files
LICENSEasset1,086 bytesSKILL.mdcore11,714 bytesexample.htmlasset48,592 bytesopen-design.jsonasset5,810 bytes
Read SKILL.md
# Takram Soft Tech · 东方柔光科技
Produce a **single-file, soft nature-toned tech deck**. You are a research
studio designer working in HTML: every chart is composed like a museum plate,
every color is borrowed from moss, paper and dusk. The visual system, canvas
contract, and navigation runtime are locked by `example.html`. **Start from
`example.html`, replace content only — do not rewrite the design or the
script. Do not introduce any color or font outside this spec.**
Adapted from the `ppt-takram` showcase of
[huashu-design](https://github.com/alchaincyf/huashu-design) by 花叔
(alchaincyf), MIT licensed. The upstream file is a single benchmark page;
this plugin extends it into a full multi-section deck while preserving its
DNA: data visualization treated as an art piece.hyperframes
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
16,528 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 bytesopen-design.jsonasset16,188 bytesreferences/audio-reactive.mddoc3,064 bytesreferences/captions.mddoc5,515 bytesreferences/css-patterns.mddoc8,312 bytesreferences/dynamic-techniques.mddoc6,886 bytesreferences/html-in-canvas.mddoc7,326 bytesreferences/motion-principles.mddoc3,907 bytesreferences/transcript-guide.mddoc8,246 bytesreferences/transitions.mddoc11,709 bytesreferences/tts.mddoc2,730 bytesreferences/typography.mddoc9,326 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
552 tokensAlways available to the agent
SKILL.md
1,866 tokensWhen the skill is activated
Reference documents
1,688 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,135 bytesSKILL.mdcore8,135 bytesSKILL.mdcore8,135 bytesSKILL.mdcore8,135 bytesassets/template.htmlasset12,906 bytesexample.htmlasset70,134 bytesopen-design.jsonasset4,661 bytesreferences/attribution.mddoc1,485 bytesreferences/checklist.mddoc2,076 bytesreferences/compliance.mddoc3,025 bytesreferences/conventions.mddoc1,264 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 bytesexample.htmlasset3,651 bytesopen-design.jsonasset8,142 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 bytesexample.htmlasset10,912 bytesopen-design.jsonasset7,295 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
822 tokensAlways available to the agent
SKILL.md
2,287 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,899 bytesSKILL.mdcore8,899 bytesexample.htmlasset36,414 bytesopen-design.jsonasset4,414 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
673 tokensAlways available to the agent
SKILL.md
2,539 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,553 bytesSKILL.mdcore9,553 bytesexample.htmlasset20,559 bytesopen-design.jsonasset10,553 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 bytesexample.htmlasset16,509 bytesopen-design.jsonasset8,152 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,147 tokensWhen the skill is activated
Reference documents
403 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,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesSKILL.mdcore5,015 bytesopen-design.jsonasset8,216 bytesreferences/save-html-brief.mddoc1,785 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,710 tokensWhen the skill is activated
Reference documents
3,068 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.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesSKILL.mdcore7,905 bytesopen-design.jsonasset8,018 bytesreferences/artifact-schema.mddoc3,423 bytesreferences/connector-policy.mddoc7,216 bytesreferences/refresh-contract.mddoc3,657 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
687 tokensAlways available to the agent
SKILL.md
2,214 tokensWhen the skill is activated
Reference documents
5,755 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,405 bytesSKILL.mdcore8,405 bytesassets/template.htmlasset30,606 bytesexample.htmlasset37,327 bytesopen-design.jsonasset12,315 bytesreferences/checklist.mddoc4,122 bytesreferences/components.mddoc6,608 bytesreferences/connectors.mddoc7,228 bytesreferences/layouts.mddoc3,237 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
252 tokensAlways available to the agent
SKILL.md
917 tokensWhen the skill 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,581 bytesexample.htmlasset8,538 bytesopen-design.jsonasset9,238 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 bytesexample.htmlasset11,995 bytesopen-design.jsonasset9,069 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
5,282 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 bytesassets/template.htmlasset16,058 bytesexample.htmlasset6,249 bytesopen-design.jsonasset10,749 bytesreferences/checklist.mddoc3,728 bytesreferences/layouts.mddoc13,768 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
225 tokensAlways available to the agent
SKILL.md
391 tokensWhen the skill 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,597 bytesexample.htmlasset8,899 bytesopen-design.jsonasset9,234 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).mockup-device-3d
When your agent uses it
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
What it loads into context
Frontmatter
541 tokensAlways available to the agent
SKILL.md
1,367 tokensWhen the skill 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,469 bytesexample.htmlasset8,957 bytesopen-design.jsonasset6,376 bytes
Read SKILL.md
【模板: 设备 3D 展架 (Device 3D Showcase / HTML-in-Canvas)】
【意图】产品发布、App 演示、设计稿展示。把用户提供的 UI 内容真实渲染到 iPhone / MacBook "屏幕"里, 周围用 CSS 3D transform 模拟 GLTF 模型的玻璃 / 高光 / 折射。Inspired by hyperframes vfx-iphone-device。
【硬性构图】
- **画布**: 1920×1080, 暖灰渐变背景 `radial-gradient(#1a1a1f → #0a0a0f)`, 底部反射地面 (mirror gradient)。
- **iPhone 15 Pro 模型**: 左侧 / 中部, `transform: rotateY(-12deg) rotateX(4deg) translateZ(40px)`; 边框钛金属银 `#a8a8ad` (实心 4px) + 屏幕圆角 56px; 屏幕内嵌 iframe-like div, 真实渲染用户的 HTML 内容 (mobile viewport 375×812)。
- **MacBook Pro 14"** (可选第二台): 右侧, 略小, `rotateY(8deg)`; 上盖屏幕嵌入桌面 viewport 内容 (1440×900 缩放); 底座键盘 + trackpad 用 CSS 阴影线条绘制 (不画键帽细节)。
- **玻璃 / 镜头光斑**: 顶部加 2-3 个 `radial-gradient(ellipse, rgba(255,255,255,0.4) 0%, transparent 60%)` 的椭圆 highlight, 模拟 morphing glass lens。
- **地面反射**: 设备下方 `transform: scaleY(-1)` + `mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent 70%)`。
【屏幕内容来源】
- 用户提供的是文本/数据 → 自动渲染为一个 mock app 界面 (顶部 status bar + 标题 + body + 底部 tab bar 或 home indicator)。
- 用户提供的是 HTML → 原样嵌入屏幕 div 内 (注意缩放 transform 让它适配屏幕宽高)。
- 屏幕内 UI 用 Tailwind, 字号要按 mobile 真实尺寸 (text-sm / text-base, 不要 text-9xl)。claude-agent-lab
When your agent uses it
Claude 代理实验室的连续数据界面动效模板。
What it loads into context
Frontmatter
24 tokensAlways available to the agent
SKILL.md
2,618 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Reference files
- Adapting the template
- Rendering
- Source
- Sound
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore9,649 bytesassets/RobotoMono-400-700.ttfasset183,700 bytesassets/RobotoMono-OFL.txtdoc4,395 bytesassets/agent.pngasset1,984 bytesassets/cover.jpgasset160,087 bytesassets/credit.pngasset2,214 bytesassets/gsap.min.jsruns72,435 bytesassets/soundtrack.mp3asset578,801 bytesexample.htmlasset31,797 bytesopen-design.jsonasset93,719 bytesreferences/sound.jsonasset793 bytes
Read SKILL.md
从 `example.html` 开始制作影片；它是可直接渲染的完整参考成片。
**Arc:** 参考 → 数据 → 叙事 → 动效 → 指导 → 交付
| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|---|---|---|---|---|
| `reference` | 4 s | 参考阶段：REFERENCE，文件送往代理队列 | 单 canvas，`reference-focus` 淡入，`reference-out` 尾部淡出；持续轨道运动 | 替换 `referenceTitle`、`referenceCopy`、`referenceFile`、`referenceDetail`，保持弧形关联结构 |
| `data` | 4 s | 数据阶段：DATA，文件送往代理队列 | 单 canvas，`data-focus` 淡入，`data-out` 尾部淡出；持续轨道运动 | 替换 `dataTitle`、`dataCopy`、`dataFile`、`dataDetail`，保持弧形关联结构 |
| `story` | 4 s | 叙事阶段：STORY，文件送往代理队列 | 单 canvas，`story-focus` 淡入，`story-out` 尾部淡出；持续轨道运动 | 替换 `storyTitle`、`storyCopy`、`storyFile`、`storyDetail`，保持弧形关联结构 |
| `motion` | 4 s | 动效阶段：MOTION，文件送往代理队列 | 单 canvas，`motion-focus` 淡入，`motion-out` 尾部淡出；持续轨道运动 | 替换 `motionTitle`、`motionCopy`、`motionFile`、`motionDetail`，保持弧形关联结构 |
| `direct` | 4 s | 指导阶段：DIRECT，文件送往代理队列 | 单 canvas，`direct-focus` 淡入，`direct-out` 尾部淡出；持续轨道运动 | 替换 `directTitle`、`directCopy`、`directFile`、`directDetail`，保持弧形关联结构 |
| `ship` | 4.05587 s | 交付阶段：SHIP，文件送往代理队列 | 单 canvas，`ship-focus` 淡入，`ship-out` 尾部淡出；持续轨道运动 | 替换 `shipTitle`、`shipCopy`、`shipFile`、`shipDetail`，保持弧形关联结构 |
## Reference filesWhen your agent uses it
What it loads into context
Frontmatter
0 tokensAlways available to the agent
SKILL.md
2,910 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 文件
- 分镜
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore10,493 bytesassets/Inter-OFL.txtdoc4,377 bytesassets/Inter-Variable.ttfasset876,576 bytesassets/animator-label.pngasset8,680 bytesassets/claude-label.pngasset7,507 bytesassets/colorist-label.pngasset8,845 bytesassets/cover.jpgasset121,365 bytesassets/editor-label.pngasset6,378 bytesassets/gsap.min.jsruns72,214 bytesassets/sound-label.pngasset7,452 bytesassets/soundtrack.mp3asset544,318 bytesassets/typographer-label.pngasset11,012 bytesexample.htmlasset22,827 bytesopen-design.jsonasset11,982 bytesreferences/sound.jsonasset1,831 bytes
Read SKILL.md
# Claude 动效设计团队
从 `example.html` 开始修改，这是可确定性逐帧寻址的画布影片。
**Arc:** 引子 → 打字标题 → 请求 → 并行任务 → 设计团队 → 实时预览 → 配色变化 → 完成 → 收尾
关键 cue：title-typed（打字完成）、prompt-typed（请求完成）、prompt-submit（提交推近）、preview-launch（预览标题）、preview-feedback（换色请求）、palette-finished（完成状态）。
## 文件
保留 `example.html`、`assets/gsap.min.js`、`assets/Inter-Variable.ttf`、`assets/Inter-OFL.txt`、`assets/animator-label.png`、`assets/typographer-label.png`、`assets/sound-label.png`、`assets/colorist-label.png`、`assets/editor-label.png`、`assets/claude-label.png`。声音结构见 `references/sound.json`，演示音轨为 `assets/soundtrack.mp3`，由运行器添加。
## 分镜
| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|---|---|---|---|---|
| `introducing` | 0.9 s | 引子 | 单画布；`introducing-in` 入场，`introducing-out` 尾部衔接，三次缓出 | 替换 CFG 文案；保留光标驱动的因果关系 |distilbook-explainer
When your agent uses it
DistilBook 手绘讲解产品演示模板。
What it loads into context
Frontmatter
34 tokensAlways available to the agent
SKILL.md
3,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
- 结构
- 文件
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore11,833 bytesassets/books.pngasset23,557 bytesassets/brand-art.pngasset222,911 bytesassets/cover.jpgasset121,137 bytesassets/factory.pngasset55,297 bytesassets/format-art.pngasset285,524 bytesassets/gsap.min.jsruns72,779 bytesassets/hindi.pngasset5,401 bytesassets/inter-100-900.ttfasset876,576 bytesassets/inter-OFL.txtdoc4,377 bytesassets/leaf-factory.pngasset416,241 bytesassets/patrickhand-400.ttfasset214,772 bytesassets/patrickhand-OFL.txtdoc4,376 bytesassets/plant.pngasset270,741 bytesassets/soundtrack.mp3asset963,114 bytesassets/style-01.jpgasset37,314 bytesassets/style-02.jpgasset31,988 bytesassets/style-03.jpgasset41,302 bytesassets/style-04.jpgasset35,712 bytesassets/style-05.jpgasset33,508 bytesassets/style-06.jpgasset39,453 bytesassets/style-07.jpgasset34,611 bytesassets/style-08.jpgasset34,026 bytesassets/style-09.jpgasset32,619 bytesassets/style-10.jpgasset36,199 bytesassets/style-11.jpgasset33,177 bytesassets/style-12.jpgasset38,935 bytesassets/water.pngasset35,501 bytesassets/your-logo.pngasset9,543 bytesexample.htmlasset46,527 bytesopen-design.jsonasset13,037 bytesreferences/sound.jsonasset1,382 bytes
Read SKILL.md
从 `example.html` 开始制作；它是本模板的完整影片。参考品牌、产品、文案和数字保持原样，用户明确改编时再通过 CFG 替换。
**Arc:** 教师手写引子 → 品牌 → 添加资料 → 审核脚本 → 同步绘图 → 速度 → 风格 → 画幅 → 语言 → 品牌定制 → 收尾。
## 结构
| 场景（CFG.scenes id） | 时长 | 画面摘要 | 构建方式 | 复用内容 |
|---|---:|---|---|---|
| `hook` | 2.0 s | 教师不照读，而是画出来 | 单画布，hook-line、hook-answer 逐字裁切，expo.out；hook-underline 划线 | 手写形式保留，文字按用户主张重写 |
| `intro` | 1.9 s | 三色书本与 DistilBook | books-land 三书错峰下落；brand-in 活字揭示 | brand、tagline、books |
| `add` | 5.75 s | 添加资料与上传完成 | add-enter 卡片上移，file-float、file-drop、upload-done 进度与光标 | material 与产品资料格式 |
| `edit` | 6.0 s | 阅读脚本，改 holes 为 pores，批准 | script-fill 填字；word-select、word-change、script-approved | 文案与审核流程 |
| `draw` | 6.467 s | 手绘植物吸水进入工厂 | draw-enter、water-reveal、plant-reveal、factory-reveal 分区蒙版显现 | leafFactory、plant、water、factory |
| `speed` | 1.75 s | 划掉一周，约六分钟 | speed-enter、six-in 分行揭示；时钟按 t 转动 | minutes |When your agent uses it
What it loads into context
Frontmatter
0 tokensAlways available to the agent
SKILL.md
2,206 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore8,288 bytesassets/agency-site.pngasset100,947 bytesassets/cover.jpgasset76,526 bytesassets/flowdrive-logo.pngasset8,198 bytesassets/footer.pngasset4,132 bytesassets/gsap.min.jsruns72,214 bytesassets/inter-OFL.txtdoc4,377 bytesassets/inter-variable.ttfasset876,576 bytesassets/librecaslondisplay-400.ttfasset101,384 bytesassets/librecaslondisplay-OFL.txtdoc4,403 bytesassets/showcase-header.pngasset78,282 bytesassets/soundtrack.mp3asset365,014 bytesassets/timeline-panel.pngasset34,309 bytesexample.htmlasset63,670 bytesopen-design.jsonasset16,409 bytesreferences/sound.jsonasset1,011 bytes
Read SKILL.md
# Flowdrive 动效展示
从 `example.html` 开始制作。此文件是影片源；拷贝 `assets/` 中所有图像、字体、许可证和 `gsap.min.js`，并读取 `references/sound.json`。参考原片保留 Flowdrive、Anthropic、Claude Code 和原文案。
**Arc:** 点阵文件 → 上传 → 分层流播 → 全球交付 → 域名安全 → 无限带宽 → Webflow → 品牌收尾
| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|-|-|-|-|-|
| `hook` | 1.300 s | 点阵文件 | 单 canvas；`hook-enter` 入场，`hook-out` 从末尾计时退出；cubic.out | 保留本场视觉机制，可替换品牌与素材 |
| `upload` | 2.400 s | 上传 | 单 canvas；`upload-enter` 入场，`upload-out` 从末尾计时退出；cubic.out | 保留本场视觉机制，可替换品牌与素材 |
| `flare` | 0.300 s | 橙色闪切 | 单 canvas；`flare-enter` 入场，`flare-out` 从末尾计时退出；cubic.out | 保留本场视觉机制，可替换品牌与素材 |
| `stream` | 1.650 s | 分层流播 | 单 canvas；`stream-enter` 入场，`stream-out` 从末尾计时退出；cubic.out | 保留本场视觉机制，可替换品牌与素材 |
| `global` | 1.750 s | 全球交付 | 单 canvas；`global-enter` 入场，`global-out` 从末尾计时退出；cubic.out | 保留本场视觉机制，可替换品牌与素材 |
| `secure` | 1.900 s | 域名安全 | 单 canvas；`secure-enter` 入场，`secure-out` 从末尾计时退出；cubic.out | 保留本场视觉机制，可替换品牌与素材 |
| `bandwidth` | 1.800 s | 无限带宽 | 单 canvas；`bandwidth-enter` 入场，`bandwidth-out` 从末尾计时退出；cubic.out | 保留本场视觉机制，可替换品牌与素材 |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
263 tokensAlways available to the agent
SKILL.md
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
- Workflow
- Output contract
Files
SKILL.mdcore3,708 bytesexample.htmlasset8,402 bytesopen-design.jsonasset10,360 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 atmotion-future
When your agent uses it
The Future Is Already Here — motion design template. A 20-second electric-blue tech reel, rebuilt from the viral original: 3D cubes, a word tunnel, liquid chrome type, a FUTURE.EXE desktop, a countdown, glass objects and a chrome FUTURE hero, cut to 120 BPM.
What it loads into context
Frontmatter
97 tokensAlways available to the agent
SKILL.md
1,861 tokensWhen the skill 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
- Reference files
- Art direction
- Beat map (20s)
- Adapting the template
- How the reference is built
- Preview and video export
- Sound
Scripts executed separately
assets/gsap.min.jsassets/three-addons.jsassets/three.min.jsassets/unbounded-black-glyphs.js
Files
SKILL.mdcore7,604 bytesSKILL.mdcore7,604 bytesSKILL.mdcore7,604 bytesassets/cover.jpgasset165,722 bytesassets/gsap.min.jsruns72,214 bytesassets/jetbrains-mono-OFL.txtdoc4,399 bytesassets/jetbrains-mono-subset.ttfasset91,912 bytesassets/soundtrack.mp3asset240,789 bytesassets/three-addons.jsruns14,243 bytesassets/three.min.jsruns669,884 bytesassets/three.min.js.gzasset166,574 bytesassets/unbounded-OFL.txtdoc4,392 bytesassets/unbounded-black-glyphs.jsruns27,574 bytesassets/unbounded-subset.ttfasset140,768 bytesexample.htmlasset67,278 bytesopen-design.jsonasset25,002 bytes
Read SKILL.md
# The Future Is Already Here
A 20-second electric-blue tech reel, rebuilt from the viral original: 3D cubes, a word tunnel, liquid chrome type, a FUTURE.EXE desktop, a countdown, glass objects and a chrome FUTURE hero, cut to 120 BPM. `example.html` is the finished reference — start from it.
The reference timing and beat map describe the demo. Adapt them to the user's
requested duration and content; do not force the reference duration or music.
## Source
A remake of a viral post by Douyin: https://www.douyin.com/video/7690393045783346918 (6,439 likes · 2,164 saves · 1,285 shares on Douyin (as of 2026-10-12)). The composition is
rebuilt in code from the published piece; the soundtrack is original.
## Reference files
Copy `example.html`, `assets/gsap.min.js`, `assets/three-addons.js`, `assets/unbounded-black-glyphs.js`, `assets/jetbrains-mono-OFL.txt`, `assets/jetbrains-mono-subset.ttf`, `assets/three.min.js.gz`, `assets/unbounded-OFL.txt`, `assets/unbounded-subset.ttf` into the composition, preserving the `assets/` path.
Copy the demo soundtrack only if selected under the Sound guidance below.When your agent uses it
What it loads into context
Frontmatter
0 tokensAlways available to the agent
SKILL.md
2,004 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore7,304 bytesassets/Anton-400.ttfasset170,812 bytesassets/Anton-OFL.txtdoc4,484 bytesassets/Caveat-400.ttfasset403,648 bytesassets/Caveat-OFL.txtdoc4,385 bytesassets/cover.jpgasset123,948 bytesassets/gsap.min.jsruns72,214 bytesassets/soundtrack.mp3asset363,133 bytesexample.htmlasset17,096 bytesopen-design.jsonasset12,268 bytesreferences/sound.jsonasset892 bytes
Read SKILL.md
# 动效设计师名片
从 `example.html` 开始改编。保留目录中的 `assets/Anton-400.ttf`、`assets/Anton-OFL.txt`、`assets/Caveat-400.ttf`、`assets/Caveat-OFL.txt`、`assets/gsap.min.js`、`assets/cover.jpg` 和 `references/sound.json`。原音轨 `assets/soundtrack.mp3` 由 runner 添加。
**Arc:** 弹跳 → 文字 → 动作词 → 缓动 → 跟随 → 预备动作 → 名片
| 场景（CFG.scenes id） | 时长 | 画面含义 | 构建方式 | 复用 |
|---|---|---|---|---|
| `spacing` | 1.9 s | 蓝球沿衰减弹跳路径运动，残影解释间距。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
| `type` | 1.85 s | I MAKE THINGS / MOVE 逐字错峰入场。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
| `actions` | 1.8 s | BOUNCE、STRETCH、SPIN、SNAP 快速切换。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
| `easing` | 2.9 s | 位置时间曲线由直线转为 S 形，方块演示运动间距。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
| `follow` | 2.55 s | 蓝色粒子头拖着尾迹绕行，点阵受其影响。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
| `anticipation` | 2.15 s | 环形刻度从零加载至百分之百，中心圆预备动作。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |
| `hello` | 1.911333 s | MOTION DESIGNER / CLAUDE 与接洽项目短句收尾。 | 单画布，CFG.cues 驱动，绝对时间纯函数 | 保留动作机制，文字取 CFG |mind-clarity-journey
When your agent uses it
清晰心智主题的黑红剪影动效模板。
What it loads into context
Frontmatter
26 tokensAlways available to the agent
SKILL.md
2,026 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 文件
- Adapting the template
- Source
- Sound
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore7,301 bytesassets/arimo-400.ttfasset321,444 bytesassets/arimo-700.ttfasset322,036 bytesassets/arimo-OFL.txtdoc4,384 bytesassets/cover.jpgasset153,515 bytesassets/gsap.min.jsruns72,214 bytesassets/portal-art.pngasset73,477 bytesassets/soundtrack.mp3asset250,285 bytesexample.htmlasset24,253 bytesopen-design.jsonasset16,114 bytesreferences/sound.jsonasset727 bytes
Read SKILL.md
以 `example.html` 为影片起点；保留单 canvas 与 GSAP 主时钟，按 `CFG` 调整内容。
**Arc:** 清晰 → 成长 → 专注 → 想法 → 出发
| 场景（CFG.scenes id） | 时长 | 画面与含义 | 实现 | 复用 |
|---|---|---|---|---|
| `clarity` | 2.25 s | 头脑敞开，太阳升起再缩为水滴 | canvas 路径与射线，`sun-rise`、`mind-reveal`、`sun-sink` | 三个开场文字变量；保留升起与内收 |
| `growth` | 2.083333 s | 手臂举壶，头顶生出红色枝叶 | `water-pour`、`plant-grow`、`water-stop`；宽高联动生长、顶叶倾斜与循环水滴 | 无产品列表；保留浇灌因果 |
| `focus` | 2.166667 s | 手中火柴点燃，出现专注燃料文案 | `match-light`、`focus-reveal`、`fuel-reveal`；点火轮廓依次变形，随后轻微弯曲 | `focusLine`、`fuelLine` |
| `ideas` | 2.458333 s | 几何想法升起并落入头脑 | `ideas-rise`、`ideas-fall`；漂浮、收窄与分阶段碎裂 | 保留抽象形状的视觉节奏 |
| `doorway` | 1.397767 s | 人走向打开的红色门 | `door-open`、`journey-end`；门的透视与步态 | `portalArt` 为可替换图像 |
## 文件
复制 `example.html`、`assets/gsap.min.js`、`assets/arimo-400.ttf`、`assets/arimo-700.ttf`、`assets/arimo-OFL.txt`、`assets/portal-art.png`、`references/sound.json`，保持相对路径。封面为 `assets/cover.jpg`。`assets/soundtrack.mp3` 由运行器添加。所有字体和脚本均本地加载。When your agent uses it
What it loads into context
Frontmatter
0 tokensAlways available to the agent
SKILL.md
1,907 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Adapting the template
- Sound
- Source
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore6,794 bytesassets/anthropic-card.pngasset2,522 bytesassets/barlow-400.ttfasset104,068 bytesassets/barlow-600.ttfasset108,348 bytesassets/barlow-OFL.txtdoc4,377 bytesassets/barlow-condensed-700.ttfasset109,912 bytesassets/barlow-condensed-900.ttfasset110,828 bytesassets/barlow-condensed-OFL.txtdoc4,377 bytesassets/claude-code-card.pngasset2,873 bytesassets/cover.jpgasset101,446 bytesassets/gsap.min.jsruns72,214 bytesassets/preview-strip.pngasset5,490 bytesassets/soundtrack.mp3asset365,014 bytesexample.htmlasset29,448 bytesopen-design.jsonasset45,235 bytesreferences/sound.jsonasset1,499 bytes
Read SKILL.md
# Opus Motion Design Lab
从 `example.html` 开始制作影片。它是一段 15.125 秒的浏览器工作台式动效实验室：上方是演示舞台，中间的像素向导指向当前控制项，下方是始终可见的六格代码面板。
**Arc:** spacing → typography → motion blur → easing → follow-through → anticipation → final delivery
| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|-|-|-|-|-|
| `spacing` | 1.967 s | 蓝球沿弧线弹跳，残影解释动作间距 | canvas 弹道与轮廓残影；`ball-release` 触发起跳 | 可替换 `accent`；保留带残影的弹跳教学机制 |
| `typography` | 1.800 s | 巨型「I MAKE THINGS / MOVE.」错落组装 | canvas 活字逐字进入；`words-stack` 与 `type-out` 控制进退场 | 可替换 `heroCopy`；保留上下两级尺度和蓝色句点 |
| `motion-blur` | 1.800 s | 黑底依次演示 STRETCH、SPIN、SNAP | canvas 拉伸残影、旋转和挤压；`stretch-hit` 触发第一击 | 可换主色；三个动作词和连续变形是签名 |
| `easing` | 2.900 s | 线性图变成 ease-in-out，方块沿轨道推进 | canvas 曲线、游标与卡片列；`linear-mark` 标记比较 | 可换双色；保留图表与实体方块的对应关系 |
| `follow-through` | 2.733 s | 蓝色主体在点阵中绕行并拖出红蓝尾迹 | canvas 粒子链按时间采样；`trail-turn` 标记转弯 | 可换双色；保留延迟尾迹与点阵空间 |
| `anticipation` | 1.967 s | 环形仪表从 0% 蓄力到 100% | canvas 同心圆、刻度与充能弧；`gauge-fill` 开始充能 | 可换主色；保留由跟随轨迹变成仪表的观感 |
| `final-delivery` | 1.958 s | 「MOTION DESIGNER / CLAUDE.」锁定收尾 | canvas 两级标题与蓝色句点；`name-build` 触发排版 | 可替换 `designerRole`、`designerName`；保留上下堆叠和句点 |motion-product-promo
When your agent uses it
Product Promo — motion design template. A 15-second product promo rebuilt from the viral original with a fictional brand: a halftone mascot asks 'Got something to sell?', product cards pop onto blue, a phone store fills in, a checkout board is stamped 'Handled.' and the wordmark closes it.
What it loads into context
Frontmatter
97 tokensAlways available to the agent
SKILL.md
1,964 tokensWhen the skill 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
- Reference files
- Art direction
- Beat map (15s)
- Character and close
- Adapting the template
- How the reference is built
- Preview and video export
- Sound
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore8,358 bytesSKILL.mdcore8,358 bytesSKILL.mdcore8,358 bytesassets/cover.jpgasset21,687 bytesassets/fraunces-OFL.txtdoc4,391 bytesassets/fraunces-bold.ttfasset21,300 bytesassets/gsap.min.jsruns72,214 bytesassets/instrument-serif-OFL.txtdoc4,405 bytesassets/instrument-serif-italic.ttfasset32,620 bytesassets/inter-OFL.txtdoc4,377 bytesassets/inter-regular.ttfasset28,252 bytesassets/inter-semibold.ttfasset28,332 bytesassets/jetbrains-mono-OFL.txtdoc4,399 bytesassets/jetbrains-mono-regular.ttfasset41,364 bytesassets/soundtrack.mp3asset241,205 bytesexample.htmlasset50,181 bytesopen-design.jsonasset21,609 bytes
Read SKILL.md
# Product Promo
A 15-second product promo rebuilt from the viral original with a fictional brand: a halftone mascot asks "Got something to sell?", product cards pop onto blue, a phone store fills in, a checkout board is stamped "Handled." and the wordmark closes it. `example.html` is the finished reference — start from it.
The reference timing and beat map describe the demo. Adapt them to the user's
requested duration and content; do not force the reference duration or music.
## Source
A remake of a viral post by @achxvi: https://x.com/achxvi/status/2103918792845963545 (1.14M views · 9.1K likes · 8.2K bookmarks on X (as of 2026-10-13)). The composition is
rebuilt in code from the published piece; the soundtrack is original. The original promotes a real company; this remake uses the fictional brand Pennyflow.
## Reference files
Copy `example.html`, `assets/fraunces-OFL.txt`, `assets/fraunces-bold.ttf`, `assets/gsap.min.js`, `assets/instrument-serif-OFL.txt`, `assets/instrument-serif-italic.ttf`, `assets/inter-OFL.txt`, `assets/inter-regular.ttf`, `assets/inter-semibold.ttf`, `assets/jetbrains-mono-OFL.txt`, `assets/jetbrains-mono-regular.ttf` into the composition, preserving the `assets/` path.
Copy the demo soundtrack only if selected under the Sound guidance below.prompt-motion-gallery
When your agent uses it
Prompt Motion 网页作品浏览与形态变换演示。
What it loads into context
Frontmatter
22 tokensAlways available to the agent
SKILL.md
2,921 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 素材与结构
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore10,927 bytesassets/album.pngasset15,294 bytesassets/avatar-LexnLin.pngasset1,169 bytesassets/avatar-LinearUncle.pngasset1,370 bytesassets/avatar-Majin_AppSheet.pngasset1,354 bytesassets/avatar-Ror_Fly.pngasset1,506 bytesassets/avatar-ajith_io.pngasset1,414 bytesassets/avatar-alex_prompter.pngasset1,242 bytesassets/avatar-davidmarcus.pngasset1,396 bytesassets/avatar-emollick.pngasset1,563 bytesassets/avatar-gabrielbuzziv.pngasset1,430 bytesassets/avatar-himanshutwtxs.pngasset1,339 bytesassets/avatar-itsolehmann.pngasset1,358 bytesassets/avatar-jacksonfall.pngasset1,236 bytesassets/avatar-kloss_xyz.pngasset1,408 bytesassets/avatar-sab8a.pngasset1,450 bytesassets/avatar-samuel_yostt.pngasset1,488 bytesassets/avatar-shneural.pngasset1,032 bytesassets/avatar-stephanlivera.pngasset1,344 bytesassets/avatar-steventey.pngasset1,477 bytesassets/avatar-tdinh_me.pngasset1,424 bytesassets/avatar-thatyto_dev.pngasset1,440 bytesassets/avatar-thismacapital.pngasset1,329 bytesassets/avatar-ultimaxbt.pngasset1,418 bytesassets/avatar.pngasset3,164 bytesassets/cover.jpgasset175,369 bytesassets/door.pngasset119,818 bytesassets/geist-OFL.txtdoc4,387 bytesassets/geist-variable.ttfasset169,056 bytesassets/gsap.min.jsruns72,214 bytesassets/inter-OFL.txtdoc4,377 bytesassets/inter-variable.ttfasset876,576 bytesassets/newsletter.pngasset19,118 bytesassets/photo-arch.pngasset46,395 bytesassets/photo-cyclist.pngasset32,683 bytesassets/photo-earth.pngasset20,638 bytesassets/photo-green.pngasset30,831 bytesassets/photo-nebula.pngasset20,193 bytesassets/photo-portrait.pngasset43,598 bytesassets/photo-sunset.pngasset18,110 bytesassets/photo-valley.pngasset25,770 bytesassets/soundtrack.mp3asset366,268 bytesassets/tile-ascii.pngasset66,735 bytesassets/tile-ball.pngasset9,388 bytesassets/tile-blue.pngasset20,994 bytesassets/tile-claude.pngasset20,068 bytesassets/tile-creator.pngasset29,584 bytesassets/tile-dis.pngasset7,154 bytesassets/tile-drop.pngasset18,871 bytesassets/tile-every.pngasset37,026 bytesassets/tile-icons.pngasset22,381 bytesassets/tile-japan.pngasset23,804 bytesassets/tile-launch.pngasset30,015 bytesassets/tile-math.pngasset22,578 bytesassets/tile-money.pngasset37,236 bytesassets/tile-motion.pngasset20,770 bytesassets/tile-move.pngasset31,054 bytesassets/tile-negroni.pngasset20,407 bytesassets/tile-play.pngasset39,107 bytesassets/tile-price.pngasset20,973 bytesassets/tile-prompter.pngasset13,290 bytesassets/tile-purple.pngasset65,671 bytesassets/tile-spark.pngasset4,000 bytesassets/tile-theatre.pngasset77,243 bytesassets/tile-wire.pngasset13,322 bytesassets/tile-woman.pngasset96,122 bytesassets/ui-photo-code.pngasset1,000,449 bytesassets/ui-photo-long.pngasset294,891 bytesassets/ui-photo-scroll.pngasset311,992 bytesassets/ui-photo-short.pngasset112,331 bytesassets/ui-player-code.pngasset249,257 bytesassets/ui-player-long.pngasset205,465 bytesassets/ui-player-scroll.pngasset555,630 bytesassets/ui-player-short.pngasset107,865 bytesexample.htmlasset38,215 bytesopen-design.jsonasset10,411 bytesreferences/sound.jsonasset199 bytes
Read SKILL.md
从 `example.html` 开始制作；这是可寻址、单 Canvas、GSAP 主时钟驱动的完整影片。
**Arc:** 作品浏览 → 播放器形变 → 返回 → 图片打印演示 → 返回首页。
| 场景（CFG.scenes id） | 时长 | 画面与信息 | 构建方式 | 复用方式 |
|---|---|---|---|---|
| gallery | 4.70 | 页面标题、订阅卡与四列作品墙上下浏览 | Canvas 重建网页；gallery-open 弹窗进入 | brand、headline、独立图片变量 |
| player | 4.50 | 按钮→加载→勾选→音乐播放器→音量条 | player-loader、player-check、player-island、player-expand、player-play、player-scrub、player-volume；实测过冲回落，文字分层去模糊显现 | album 与右侧截图可替换；保持同一黑形体 |
| browse | 1.20 | 关闭演示，回到作品墙，再打开图片演示 | player-out 退出；photo-enter 进入 | 保留鼠标驱动的浏览节奏 |
| photo | 4.05 | develop.→圆点→按钮→光圈→门洞照片→九宫格 | photo-dot、photo-pill、photo-label、photo-iris、photo-open、photo-grid；photo-out 退出 | wordmark、door 与照片变量 |
| close | 0.739333 | 弹窗收回，作品墙继续播放 | photo-out 尾部过渡；作品缩略图循环 | brand、headline 与作品素材 |
## 素材与结构
When your agent uses it
What it loads into context
Frontmatter
0 tokensAlways available to the agent
SKILL.md
5,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
- 文件
- 场景结构
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/gsap.min.jsassets/motion-data.js
Files
SKILL.mdcore17,584 bytesassets/NotoSansMono-OFL.txtdoc4,396 bytesassets/NotoSansMono-variable.woff2asset733,964 bytesassets/cover.jpgasset33,050 bytesassets/gsap.min.jsruns72,214 bytesassets/motion-data.jsruns34,394 bytesexample.htmlasset18,924 bytesopen-design.jsonasset9,459 bytesreferences/sound.jsonasset113 bytes
Read SKILL.md
从 `example.html` 开始修改。这是一段将原片词语输入与色带占比变化重建在单个 canvas 上的演示。
**Arc:** 番茄 → 霓虹 → 年代与游戏词语 → 城市 → 蓝色语义 → 自然意象
## 文件
复制 `example.html`、`assets/gsap.min.js`、`assets/motion-data.js`、`assets/NotoSansMono-variable.woff2` 与 `assets/NotoSansMono-OFL.txt`，保持相对路径。声音结构见 `references/sound.json`。封面为 `assets/cover.jpg`。
## 场景结构
文字、色带、插入点与鼠标指针均由纯函数 `render(t)` 重建；不加载参考视频，不使用整帧背景。`assets/motion-data.js` 仅存放色带编号、边界坐标、按键文字、输入选区和首场鼠标轨迹的矢量关键帧。首场鼠标先以箭头滑入，进入输入区后变成 I 形，再在输入前隐藏；时间跟随 `tomato-typing`，与文字插入点独立。画布颜色含实测 H.264 导出补偿（每通道 0–2 级），以导出后的参考色为准。修改时间只改 `CFG.scenes`，场景起点自动累计，所有出场通过 `from: "end"` 的 cue 定位。
| 场景（CFG.scenes id） | 时长 | 内容 | 构建 | 复用 |
|---|---:|---|---|---|
| `tomato` | 4.583 | 番茄与藤蔓 | canvas；`tomato-typing` 驱动文字；`tomato-palette` 驱动色带；`tomato-out` 衔接下组；分段线性插值 | 更换 `terms` 对应行，保留输入与色带的先后关系 |
| `neon` | 3.367 | 霓虹东京 | canvas；`neon-typing` 驱动文字；`neon-palette` 驱动色带；`neon-out` 衔接下组；分段线性插值 | 更换 `terms` 对应行，保留输入与色带的先后关系 |
| `eighties` | 4.000 | 八十年代迪斯科与流行 | canvas；`eighties-typing` 驱动文字；`eighties-palette` 驱动色带；`eighties-out` 衔接下组；分段线性插值 | 更换 `terms` 对应行，保留输入与色带的先后关系 |motion-showreel
When your agent uses it
Motion Designer Showreel — motion design template. A 15-second motion designer showreel at 128 BPM, rebuilt from the viral original: an Open Design mark opener, a stretching wordmark, six easing curves, a morphing shape, a truchet field, a 3D point cloud, kinetic type and an end card.
What it loads into context
Frontmatter
105 tokensAlways available to the agent
SKILL.md
1,745 tokensWhen the skill 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
- Reference files
- Art direction
- Beat map (15s)
- Adapting the template
- How the reference is built
- Preview and video export
- Sound
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore7,253 bytesSKILL.mdcore7,253 bytesSKILL.mdcore7,253 bytesassets/archivo-OFL.txtdoc4,388 bytesassets/archivo-condensed-black.ttfasset42,492 bytesassets/archivo-expanded-black.ttfasset42,876 bytesassets/archivo-extrabold.ttfasset42,800 bytesassets/cover.jpgasset13,429 bytesassets/gsap.min.jsruns72,214 bytesassets/instrument-serif-OFL.txtdoc4,405 bytesassets/instrument-serif-italic.ttfasset50,652 bytesassets/jetbrains-mono-OFL.txtdoc4,399 bytesassets/jetbrains-mono-bold.ttfasset53,292 bytesassets/jetbrains-mono-medium.ttfasset53,332 bytesassets/soundtrack.mp3asset180,916 bytesexample.htmlasset40,838 bytesopen-design.jsonasset12,660 bytes
Read SKILL.md
# Motion Designer Showreel
A 15-second motion designer showreel at 128 BPM, rebuilt from the viral original: an Open Design mark opener, a stretching wordmark, six easing curves, a morphing shape, a truchet field, a 3D point cloud, kinetic type and an end card. `example.html` is the finished reference — start from it.
The reference timing and beat map describe the demo. Adapt them to the user's
requested duration and content; do not force the reference duration or music.
## Source
A remake of a viral post by @stephanlivera: https://x.com/stephanlivera/status/2103315922098470926 (2.25M views · 17K likes · 13K bookmarks on X (as of 2026-10-05)). The composition is
rebuilt in code from the published piece; the soundtrack is original.
## Reference files
Copy `example.html`, `assets/archivo-OFL.txt`, `assets/archivo-condensed-black.ttf`, `assets/archivo-expanded-black.ttf`, `assets/archivo-extrabold.ttf`, `assets/gsap.min.js`, `assets/instrument-serif-OFL.txt`, `assets/instrument-serif-italic.ttf`, `assets/jetbrains-mono-OFL.txt`, `assets/jetbrains-mono-bold.ttf`, `assets/jetbrains-mono-medium.ttf` into the composition, preserving the `assets/` path.
Copy the demo soundtrack only if selected under the Sound guidance below.sky-water-tessellation
When your agent uses it
鸟群与鱼群交错的黑白版画循环模板。
What it loads into context
Frontmatter
26 tokensAlways available to the agent
SKILL.md
1,391 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 资源
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/engraving.jsassets/gsap.min.js
Files
SKILL.mdcore5,517 bytesassets/Geist-400.ttfasset169,056 bytesassets/Geist-OFL.txtdoc4,387 bytesassets/cover.jpgasset106,338 bytesassets/engraving.jsruns183,533 bytesassets/fish-fine.pngasset38,587 bytesassets/fish-line.pngasset29,474 bytesassets/fish-scale.pngasset42,135 bytesassets/gsap.min.jsruns72,214 bytesexample.htmlasset8,422 bytesopen-design.jsonasset10,230 bytesreferences/sound.jsonasset113 bytes
Read SKILL.md
从 `example.html` 开始制作影片，保留本地资源的相对路径。
**Arc:** 版画鸟群拍翼 → 鸟鱼正负形交错 → 鱼群游动；三个空间层同时存在，没有剪切。
| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|-|-|-|-|-|
| `tessellation` | 4.266667 s | 上部鸟群飞行，下部鱼群游动，中间形成黑白负形 | 单 canvas；`flight-start` 启动连续位移，`cycle-end` 标记终点；翼面使用余弦拍动，位移线性、起伏正弦 | 读取 `fishLine`、`fishScale`、`fishFine`；保持鸟鱼尺寸和错位排列 |
## 资源
必须携带 `assets/gsap.min.js`、`assets/engraving.js`、`assets/fish-line.png`、`assets/fish-scale.png`、`assets/fish-fine.png`、`assets/Geist-400.ttf`、`assets/Geist-OFL.txt`、`references/sound.json`。`assets/cover.jpg` 是重建画面的封面。音频由任务运行器按原片情况处理；本次 ffprobe 实测原片没有音轨，未创建音频标签。
## Adapting the template
- `tessellation`：可替换三种鱼类图案，必须保持上鸟下鱼、中央正负形和逐层纹理密度变化。时长范围为 3–12 秒，未锁定；新增时间由持续拍翼、水平游动和纵向波动填充，不冻结画面。这里只有图像槽，没有文案，`maxLength` 不适用；新增文案应另加可读的独立区域，超长时缩写，不能缩到不可读。鱼类超过三种时选择最有辨识度的三种；少于三种时复用已有种类，保持空间密度。
- 总时长变化全部由 `tessellation` 吸收。调整 `dur` 与 `CFG.duration`，入口从场景起点计算，结束标记通过 `from: 'end'` 随片尾移动，不缩放局部动画时间。superx-audience-growth
When your agent uses it
SuperX 受众增长产品宣传模板：火焰点燃品牌，产品操作连续转为增长数据。
What it loads into context
Frontmatter
48 tokensAlways available to the agent
SKILL.md
3,453 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- 参考文件
- 结构与节奏
- Adapting the template
- 预览与导出
- Sound
- 来源
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore12,329 bytesassets/InstrumentSerif-400-Italic.ttfasset71,592 bytesassets/InstrumentSerif-OFL.txtdoc4,405 bytesassets/Inter-400.ttfasset341,288 bytesassets/Inter-500.ttfasset340,948 bytesassets/Inter-600.ttfasset341,168 bytesassets/Inter-700.ttfasset341,912 bytesassets/Inter-OFL.txtdoc4,377 bytesassets/cover.jpgasset168,817 bytesassets/eli-post.pngasset68,441 bytesassets/gsap.min.jsruns72,435 bytesassets/mara-avatar.pngasset11,389 bytesassets/mara-post.pngasset207,380 bytesassets/nora-post.pngasset52,303 bytesassets/sam-post.pngasset74,650 bytesassets/soundtrack.mp3asset363,133 bytesassets/superx-flame.pngasset44,031 bytesassets/x-mark.pngasset10,346 bytesexample.htmlasset48,638 bytesopen-design.jsonasset13,418 bytesreferences/sound.jsonasset1,124 bytes
Read SKILL.md
从 `example.html` 开始改编，它是本模板的完整影片。保留单画布、GSAP 主时间轴与纯时间函数 `render(t)`；默认内容完整保留 SuperX 原片身份。
**Arc:** 发布循环 → 品牌点燃 → 发现热门 → 内容写作 → 智能排期 → 互动增长 → 规模数据 → 行动收尾
## 参考文件
复制 `example.html`、`references/sound.json`，以及下列本地资源，保持路径：
- `assets/InstrumentSerif-400-Italic.ttf`
- `assets/InstrumentSerif-OFL.txt`
- `assets/Inter-400.ttf`
- `assets/Inter-500.ttf`
- `assets/Inter-600.ttf`
- `assets/Inter-700.ttf`
- `assets/Inter-OFL.txt`When your agent uses it
What it loads into context
Frontmatter
0 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
- 文件
- 场景
- Adapting the template
- Sound
- 来源
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore10,996 bytesassets/Roboto-OFL.txtdoc4,394 bytesassets/Roboto-regular.ttfasset488,584 bytesassets/RobotoMono-OFL.txtdoc4,395 bytesassets/RobotoMono-regular.ttfasset183,700 bytesassets/cover.jpgasset206,947 bytesassets/fox-coin.pngasset37,503 bytesassets/fox-logo.pngasset17,128 bytesassets/fox-tickets.pngasset26,637 bytesassets/gsap.min.jsruns72,214 bytesassets/microphone.pngasset11,524 bytesassets/soundtrack.mp3asset926,751 bytesassets/ticket-qr.pngasset49,485 bytesexample.htmlasset24,369 bytesopen-design.jsonasset18,919 bytesreferences/sound.jsonasset1,031 bytes
Read SKILL.md
# TixFox 票务宣传片
从 `example.html` 开始制作；此文件是完整画面与唯一时间逻辑入口。
**Arc:** 提问 → 费用问题 → 品牌 → 定价 → 建活动与销售 → 购票 → 收款 → 检票 → 品牌收尾
## 文件
保留 `assets/gsap.min.js`、`assets/Roboto-regular.ttf`、`assets/Roboto-OFL.txt`、`assets/fox-logo.png`、`assets/fox-coin.png`、`assets/microphone.png`、`assets/ticket-qr.png`、`assets/fox-tickets.png`、`assets/RobotoMono-regular.ttf`、`assets/RobotoMono-OFL.txt` 和 `references/sound.json` 的相对路径。配乐文件为 `assets/soundtrack.mp3`，由运行器补入。
## 场景
| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|-|-|-|-|-|
| `hook` | 3.8 s | 开场提问 | 单 canvas，纯时间函数，文字 power3.out，入场及尾部 cue | 读取 CFG 品牌及活动变量，保持左右构图 |
| `problem` | 2.65 s | 费用侵蚀票款 | 单 canvas，纯时间函数，文字 power3.out，入场及尾部 cue | 读取 CFG 品牌及活动变量，保持左右构图 |
| `meet` | 1.95 s | 认识 TixFox | 单 canvas，纯时间函数，文字 power3.out，入场及尾部 cue | 读取 CFG 品牌及活动变量，保持左右构图 |motion-ui-morph
When your agent uses it
One-Shape UI Motion — motion design template. A 14-second code-only UI motion piece, rebuilt from the viral original: one shape morphs from a button into a loader, player, slider, toggle, tabs, chart, command palette and toast, driven by a cursor at 120 BPM.
What it loads into context
Frontmatter
96 tokensAlways available to the agent
SKILL.md
1,435 tokensWhen the skill 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
- Reference files
- Art direction
- Beat map (14s)
- Adapting the template
- How the reference is built
- Preview and video export
- Sound
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore6,320 bytesSKILL.mdcore6,320 bytesSKILL.mdcore6,320 bytesassets/cover.jpgasset3,881 bytesassets/geist-OFL.txtdoc4,387 bytesassets/geist-medium.ttfasset35,436 bytesassets/geist-regular.ttfasset35,404 bytesassets/geist-semibold.ttfasset35,456 bytesassets/gsap.min.jsruns72,214 bytesassets/soundtrack.mp3asset168,691 bytesexample.htmlasset28,818 bytesopen-design.jsonasset25,660 bytes
Read SKILL.md
# One-Shape UI Motion
A 14-second code-only UI motion piece, rebuilt from the viral original: one shape morphs from a button into a loader, player, slider, toggle, tabs, chart, command palette and toast, driven by a cursor at 120 BPM. `example.html` is the finished reference — start from it.
The reference timing and beat map describe the demo. Adapt them to the user's
requested duration and content; do not force the reference duration or music.
## Source
A remake of a viral post by @twoclipping: https://x.com/twoclipping/status/2103273003555402193 (1.03M views · 12K likes · 20K bookmarks on X (as of 2026-10-05)). The composition is
rebuilt in code from the published piece; the soundtrack is original.
## Reference files
Copy `example.html`, `assets/geist-OFL.txt`, `assets/geist-medium.ttf`, `assets/geist-regular.ttf`, `assets/geist-semibold.ttf`, `assets/gsap.min.js` into the composition, preserving the `assets/` path.
Copy the demo soundtrack only if selected under the Sound guidance below.motion-visual-lesson
When your agent uses it
Bring Ideas to Life (让灵感成真) — a 20-second OpenDesign paper story, with interactive prototypes, websites, PPT, posters and motion films collected into a book of possibilities.
What it loads into context
Frontmatter
76 tokensAlways available to the agent
SKILL.md
2,448 tokensWhen the skill 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
- Reference files
- Art direction
- Beat map (20s)
- Adapting the template
- How the reference is built
- Preview and video export
- Sound
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore10,550 bytesSKILL.mdcore10,550 bytesSKILL.mdcore10,550 bytesassets/cover.jpgasset26,771 bytesassets/gsap.min.jsruns72,214 bytesassets/short-stack-OFL.txtdoc4,401 bytesassets/short-stack-regular.ttfasset21,516 bytesassets/soundtrack.mp3asset240,789 bytesexample.htmlasset68,387 bytesopen-design.jsonasset29,652 bytes
Read SKILL.md
# 让灵感成真 / Bring Ideas to Life
A 20-second paper-cutout story for OpenDesign: a girl sends “OpenDesign, what can you design?” on a paper plane. The buddy demonstrates interactive prototypes, websites, PPT, posters and motion films. The works fold into a book and return to her: “It starts with your idea.” She hugs it, waves thanks, then pins “What will you design?” beside her window as an invitation to the viewer. `example.html` is the editable reference — start from it.
The reference timing and beat map describe the demo. Adapt them to the user's
requested duration and content; do not force the reference duration or music.
## Source
A story adaptation of a viral post by @kevin_t_ngo: https://x.com/kevin_t_ngo/status/2102437977435893771 (665K views · 6.2K likes · 3.0K bookmarks on X (as of 2026-10-13)). The composition is
inspired by the published piece’s paper craft and rebuilt in code; the soundtrack is original. The original is a 28-second square film; this is a 20-second cut framed in 16:9, and its character is the Open Design buddy built from the logo mark.
## Reference files
Copy `example.html`, `assets/gsap.min.js`, `assets/short-stack-OFL.txt`, `assets/short-stack-regular.ttf` into the composition, preserving the `assets/` path.
Copy the demo soundtrack only if selected under the Sound guidance below.When your agent uses it
What it loads into context
Frontmatter
0 tokensAlways available to the agent
SKILL.md
3,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
- Reviewed performance cues
- Adapting the template
- Files
- Sound
- Source
- Round 2 动作补充
Scripts executed separately
assets/gsap.min.js
Files
SKILL.mdcore14,180 bytesassets/ask-0.pngasset34,833 bytesassets/ask-1.pngasset38,939 bytesassets/ask-10.pngasset30,176 bytesassets/ask-11.pngasset30,652 bytesassets/ask-12.pngasset33,980 bytesassets/ask-13.pngasset33,360 bytesassets/ask-14.pngasset28,315 bytesassets/ask-2.pngasset38,571 bytesassets/ask-3.pngasset40,582 bytesassets/ask-4.pngasset34,260 bytesassets/ask-5.pngasset35,611 bytesassets/ask-6.pngasset33,669 bytesassets/ask-7.pngasset31,042 bytesassets/ask-8.pngasset32,732 bytesassets/ask-9.pngasset34,741 bytesassets/bin.pngasset3,702 bytesassets/brand-symbol.pngasset15,502 bytesassets/cloud-0.pngasset20,136 bytesassets/cloud-1.pngasset72,611 bytesassets/cloud-2.pngasset42,399 bytesassets/cloud-3.pngasset22,567 bytesassets/cloud-4.pngasset25,318 bytesassets/cloud-5.pngasset24,079 bytesassets/cloud-6.pngasset61,858 bytesassets/cloud-7.pngasset55,761 bytesassets/computer.pngasset3,342 bytesassets/cover.jpgasset102,582 bytesassets/editor.pngasset112,817 bytesassets/gsap.min.jsruns72,435 bytesassets/inter-OFL.txtdoc4,377 bytesassets/inter-variable.ttfasset876,576 bytesassets/launch-ui.pngasset218,727 bytesassets/pixelify-OFL.txtdoc4,488 bytesassets/pixelify-sans.ttfasset79,160 bytesassets/soundtrack.mp3asset1,012,027 bytesexample.htmlasset34,625 bytesopen-design.jsonasset80,866 bytesreferences/sound.jsonasset1,262 bytes
Read SKILL.md
# Windows Studio Launch
从 `example.html` 开始，保留本地 assets 路径。该文件是可直接播放和定位时间的完整影片。
**Arc:** 启动 → 发布 → 期待 → 演示 → 安装 → 反馈 → 品牌收尾
| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|---|---|---|---|---|
| `boot` | 5.85 s | 云朵天空中的 Windows 旗帜变为 HyperFrames 标志 | 单 canvas，`boot-in` 入场，`boot-out` 末端，power3.out | 修改 CFG 对应文案与图像，保留窗口层级 |
| `desktop` | 3.95 s | 复古图标和发布标题进入桌面 | 单 canvas，`desktop-in` 入场，`desktop-out` 末端，power3.out | 修改 CFG 对应文案与图像，保留窗口层级 |
| `launch` | 3.3 s | 产品窗口打开并嵌套播放发布演示 | 单 canvas，`launch-in` 入场，`launch-out` 末端，power3.out | 修改 CFG 对应文案与图像，保留窗口层级 |
| `bluescreen` | 2.6 s | 蓝屏解释原先缺少 Studio | 单 canvas，`bluescreen-in` 入场，`bluescreen-out` 末端，power3.out | 修改 CFG 对应文案与图像，保留窗口层级 |
| `asks` | 4.033 s | 十五张原始评论卡片铺满屏幕，出现解决方案 | 单 canvas，`asks-in` 入场，`asks-out` 末端，power3.out | 修改 CFG 对应文案与图像，保留窗口层级 |
| `document` | 1.767 s | 文字处理器文档嵌入吉祥物视频 | 单 canvas，`document-in` 入场，`document-out` 末端，power3.out | 修改 CFG 对应文案与图像，保留窗口层级 |
| `dance` | 4.233 s | 产品编辑器中吉祥物跳舞并戴上耳机 | 单 canvas，`dance-in` 入场，`dance-out` 末端，power3.out | 修改 CFG 对应文案与图像，保留窗口层级 |od-plugin-contribute-open-design
When your agent uses it
Open a pull request adding a local OpenDesign plugin to the OpenDesign community catalog using gh CLI.
What it loads into context
Frontmatter
68 tokensAlways available to the agent
SKILL.md
312 tokensWhen the skill 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
Files
SKILL.mdcore1,421 bytesopen-design.jsonasset5,769 bytes
Read SKILL.md
# Contribute Plugin to OpenDesign
Use this workflow when the active project contains a copied plugin folder and the user wants to propose it for the OpenDesign community catalog.
## Workflow
1. Read the active plugin inputs. `plugin_context_path` is the copied plugin folder relative to the project working directory.
2. Inspect the copied plugin's manifest, skill instructions, examples, and compatibility metadata.
3. Call the local daemon endpoint instead of hand-rolling GitHub commands:
`curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/plugins/contribute-open-design" -H 'content-type: application/json' -d '{"path":"<plugin_context_path>"}'`
4. Read the JSON response. If `ok` is true, report the PR URL, branch name when present in the log, and any useful validation summary.
5. If the endpoint fails, report its `message`, `code`, and useful log lines. When authentication is missing, tell the user to run `gh auth login --hostname github.com`.
Keep the pull request focused. Do not modify unrelated OpenDesign files unless a manifest validation issue requires a tiny supporting change.od-plugin-publish-github
When your agent uses it
Publish a local OpenDesign plugin to a new public GitHub repository using gh CLI.
What it loads into context
Frontmatter
64 tokensAlways available to the agent
SKILL.md
308 tokensWhen the skill 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
Files
SKILL.mdcore1,338 bytesSKILL.mdcore1,338 bytesopen-design.jsonasset5,124 bytes
Read SKILL.md
# Publish Plugin to GitHub
Use this workflow when the active project contains a copied plugin folder and the user wants it published as a new public GitHub repository.
## Workflow
1. Read the active plugin inputs. `plugin_context_path` is the copied plugin folder relative to the project working directory.
2. Inspect `open-design.json`, `SKILL.md`, and any compatibility metadata in the copied folder.
3. Call the local daemon endpoint instead of hand-rolling GitHub commands:
`curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/plugins/publish-github" -H 'content-type: application/json' -d '{"path":"<plugin_context_path>"}'`
4. Read the JSON response. If `ok` is true, report the final repository URL and any useful log/validation summary.
5. If the endpoint fails, report its `message`, `code`, and useful log lines. When authentication is missing, tell the user to run `gh auth login --hostname github.com`.
Prefer the manifest `name` as the repository slug. If that repository already exists, choose the next clear slug and mention the rename.open-design-homepage
When your agent uses it
A pixel-faithful, self-contained mirror of the live open-design.ai homepage — an interactive React Three Fiber / Next.js hero with a real-time 3D wordmark, sticker collage, variable fonts, and scroll-driven motion. First-party showcase of the visual ceiling for interactive web marketing surfaces.
What it loads into context
Frontmatter
78 tokensAlways available to the agent
SKILL.md
804 tokensWhen the skill 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 it is
- How it is built (for reference)
- Using it
Scripts executed separately
assets/_next/static/chunks/1098c2541054fc77.jsassets/_next/static/chunks/1552c7742c37f06d.jsassets/_next/static/chunks/1ed7a178f7acd3df.jsassets/_next/static/chunks/56b0d8f9f2c1e441.jsassets/_next/static/chunks/7758f29a8aeb1c60.jsassets/_next/static/chunks/7cc1924554447827.jsassets/_next/static/chunks/83f95f6c165018c5.jsassets/_next/static/chunks/8c2d1abc8462562b.jsassets/_next/static/chunks/8f06fe72571f37b9.jsassets/_next/static/chunks/a6dad97d9634a72d.jsassets/_next/static/chunks/d59f7a97fb1c563f.jsassets/_next/static/chunks/e553ef8ae208a000.jsassets/_next/static/chunks/turbopack-425288158aa66df2.js
Files
SKILL.mdcore3,763 bytesSKILL.mdcore3,763 bytesassets/_next/static/chunks/1098c2541054fc77.jsruns924,980 bytesassets/_next/static/chunks/1552c7742c37f06d.jsruns282 bytesassets/_next/static/chunks/1ed7a178f7acd3df.jsruns496,041 bytesassets/_next/static/chunks/56b0d8f9f2c1e441.jsruns33,836 bytesassets/_next/static/chunks/635eb04122aa774f.cssasset40,894 bytesassets/_next/static/chunks/7758f29a8aeb1c60.jsruns411,813 bytesassets/_next/static/chunks/7cc1924554447827.jsruns49,235 bytesassets/_next/static/chunks/83f95f6c165018c5.jsruns114,941 bytesassets/_next/static/chunks/8c2d1abc8462562b.jsruns202,004 bytesassets/_next/static/chunks/8f06fe72571f37b9.jsruns30,680 bytesassets/_next/static/chunks/a6dad97d9634a72d.jsruns112,594 bytesassets/_next/static/chunks/d59f7a97fb1c563f.jsruns145,048 bytesassets/_next/static/chunks/e553ef8ae208a000.jsruns19,855 bytesassets/_next/static/chunks/turbopack-425288158aa66df2.jsruns10,354 bytesassets/apple-icon.pngasset9,600 bytesassets/bgm.mp3asset702,216 bytesassets/fonts/DepartureMono-Regular.otfasset84,480 bytesassets/fonts/GeistMono[wght].ttfasset171,072 bytesassets/fonts/TikTokSans.ttfasset774,532 bytesassets/icon.svgasset916 bytesassets/img/m3.pngasset37,129 bytesassets/model/cnt.gltfasset548,160 bytesassets/model/cursor.glbasset39,604 bytesassets/model/hello.gltfasset299,324 bytesassets/sticker_img/s_01.webpasset188,474 bytesassets/sticker_img/s_02.webpasset127,512 bytesassets/sticker_img/s_03.webpasset188,062 bytesassets/sticker_img/s_04.webpasset365,844 bytesassets/sticker_img/s_05.webpasset105,604 bytesassets/sticker_img/s_06.webpasset197,838 bytesassets/sticker_img/s_07.webpasset205,366 bytesassets/sticker_img/s_08.webpasset146,330 bytesassets/sticker_img/s_09.webpasset80,506 bytesassets/sticker_img/s_10.webpasset135,046 bytesassets/sticker_img/s_11.webpasset341,244 bytesassets/sticker_img/s_12.webpasset234,994 bytesassets/work/ali01.webpasset248,948 bytesassets/work/ali02.webpasset248,948 bytesassets/work/c4.webpasset193,842 bytesassets/work/ds01.webpasset244,434 bytesassets/work/ds02.webpasset244,434 bytesassets/work/inspire_mono_01.webpasset173,360 bytesassets/work/inspire_mono_02.webpasset173,360 bytesassets/work/reunimos01.webpasset351,816 bytesassets/work/reunimos02.webpasset351,816 bytesassets/work/s01.webpasset274,366 bytesassets/work/s02.webpasset274,366 bytesassets/work/sd01.webpasset131,840 bytesassets/work/sd02.webpasset131,840 bytesassets/work/si.webpasset445,296 bytesassets/work/si02.webpasset445,296 bytesassets/work/tt01.webpasset1,012 bytesassets/work/tt02.webpasset1,036 bytesassets/work/vs01.webpasset163,274 bytesassets/work/vs02.webpasset163,274 bytesassets/work/wasm01.webpasset240,498 bytesassets/work/wasm02.webpasset240,498 bytesexample.htmlasset34,701 bytesexample.webpasset69,014 bytesopen-design.jsonasset7,601 bytes
Read SKILL.md
# OpenDesign Homepage
A first-party **showcase** template that mirrors the live [open-design.ai](https://open-design.ai) homepage, captured as a fully self-contained bundle that renders in the sandboxed preview.
It is here to demonstrate the **visual ceiling** OpenDesign targets for interactive, WebGL-grade marketing surfaces on the web — not a fill-in-the-blank generator. Treat it as a reference build to study and adapt.
## What it is
- **Interactive 3D hero** — a real-time `OpenDesign` script wordmark rendered with **React Three Fiber / Three.js**, plus a cursor-reactive parallax layer and a floating sticker collage.
- **Scroll-driven narrative** — the work grid, capabilities copy, and decorative stickers animate as the page scrolls.
- **Craft details** — custom variable fonts (TikTok Sans, Geist Mono, Departure Mono), a light/dark theme toggle, an optional ambient soundtrack, and a live clock / cursor-coordinate HUD.
## How it is built (for reference)
open-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
955 tokensAlways available to the agent
SKILL.md
2,979 tokensWhen the skill is activated
Reference documents
6,081 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,264 bytesSKILL.mdcore12,264 bytesSKILL.mdcore12,264 bytesSKILL.mdcore12,264 bytesSKILL.mdcore12,264 bytesSKILL.mdcore12,264 bytesassets/about.pngasset1,921,345 bytesassets/capabilities.pngasset1,890,771 bytesassets/cta.pngasset1,975,780 bytesassets/hero.pngasset2,058,917 bytesassets/image-manifest.jsonasset3,973 bytesassets/imagegen-prompts.mddoc9,931 bytesassets/lab-1.pngasset1,299,830 bytesassets/lab-2.pngasset1,345,317 bytesassets/lab-3.pngasset1,321,595 bytesassets/lab-4.pngasset1,246,617 bytesassets/lab-5.pngasset1,170,933 bytesassets/method-1.pngasset1,107,903 bytesassets/method-2.pngasset1,142,158 bytesassets/method-3.pngasset1,006,205 bytesassets/method-4.pngasset1,017,476 bytesassets/testimonial.pngasset1,737,581 bytesassets/work-1.pngasset1,231,123 bytesassets/work-2.pngasset1,369,134 bytesexample.htmlasset93,437 bytesopen-design.jsonasset11,015 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
901 tokensAlways available to the agent
SKILL.md
2,492 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,045 bytesSKILL.mdcore10,045 bytesSKILL.mdcore10,045 bytesexample.htmlasset40,858 bytesopen-design.jsonasset4,543 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
327 tokensAlways available to the agent
SKILL.md
2,770 tokensWhen the skill 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.mdcore10,885 bytesSKILL.mdcore10,885 bytesexample.htmlasset48,916 bytesopen-design.jsonasset11,719 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
261 tokensAlways available to the agent
SKILL.md
1,903 tokensWhen the skill 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,063 bytesexample.htmlasset30,537 bytesopen-design.jsonasset9,730 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
246 tokensAlways available to the agent
SKILL.md
1,850 tokensWhen the skill 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,271 bytesexample.htmlasset24,131 bytesopen-design.jsonasset8,659 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
240 tokensAlways available to the agent
SKILL.md
2,049 tokensWhen the skill 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,535 bytesexample.htmlasset26,061 bytesopen-design.jsonasset10,561 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
258 tokensAlways available to the agent
SKILL.md
2,150 tokensWhen the skill 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,018 bytesexample.htmlasset15,918 bytesopen-design.jsonasset15,563 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 bytesexample.htmlasset14,291 bytesopen-design.jsonasset7,300 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.poster-hero
When your agent uses it
Vertical poster or Moments-style share image with strong visual impact.
What it loads into context
Frontmatter
366 tokensAlways available to the agent
SKILL.md
564 tokensWhen the skill 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,013 bytesexample.htmlasset5,744 bytesopen-design.jsonasset4,819 bytes
Read SKILL.md
【模板: 营销海报】
- 容器 `w-[1080px] h-[1920px] mx-auto`, 全屏渐变 / mesh 背景。
- 上部 30% 留白 + 一个大 emoji 或抽象几何图形。
- 中部主标题占视觉中心 (text-8xl, font-black), 一句话副标题。
- 下部信息卡片: 3-5 条核心要点用图标 + 短句。
- 底部右下角放品牌 / 二维码 (用 SVG 占位)。
- 使用大胆的色彩: 渐变背景 (from-violet-500 via-fuchsia-500 to-indigo-500 之类), 文字白色 + 1 个对比色高亮。
- 使用 SVG 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。ppt-keynote
When your agent uses it
An operating-model redesign for a scaling logistics firm — the diagnosis, the target model, and the transition roadmap. Built as a decision-grade consulting deck for client sponsor, ops leaders.
What it loads into context
Frontmatter
662 tokensAlways available to the agent
SKILL.md
878 tokensWhen the skill 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,405 bytesexample.htmlasset10,043 bytesopen-design.jsonasset4,332 bytes
Read SKILL.md
【模板: Keynote 风格 PPT】
- 每张幻灯片是一个 `<section class="slide">`, 整体宽 1280 高 720, 居中显示, 背景渐变。
- 单页内容极简: 大标题 + 1-3 行支持文字; 或一张数据图; 或一个金句。
- 字号: 标题 `text-7xl font-semibold tracking-tight`, 副标题 `text-2xl text-neutral-500`。
- 第一页是封面 (主题 + 演讲者 / 日期), 最后一页是 "Thanks." 或行动号召。
- 顶部右上角小指示器: 当前页 / 总页数。
- 加一段 JavaScript 监听 ArrowLeft / ArrowRight / 空格键切换 slide; 同时维护 hash (#/3)。
- 每页之间用 fade-in 动画。
- 保持留白, 数据卡片用 grid 布局对齐, 颜色克制。pptx-html-fidelity-audit
When your agent uses it
Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an HTML slide deck and asks to compare/audit/verify/fix the export — including phrases like "compare ppt with html", "fidelity audit", "fix the pptx", "ppt is cut off", "footer overlap", "italic missing in pptx", "re-export the deck", "pptx-html-fidelity-audit", or any case where a python-pptx → HTML round-trip needs verification or repair. Also trigger when the user shows you a deck.html and a deck.pptx side by side and is debugging visual differences.
What it loads into context
Frontmatter
254 tokensAlways available to the agent
SKILL.md
3,488 tokensWhen the skill is activated
Reference documents
9,379 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When this skill applies
- Why this is hard (and why a skill helps)
- Workflow
- Output to the user
- Bundled resources
- Anti-patterns to avoid
- Why geometry-based verification, not visual diff
Files
SKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesSKILL.mdcore14,169 bytesopen-design.jsonasset10,626 bytesreferences/audit-table-template.mddoc3,009 bytesreferences/font-discipline.mddoc16,232 bytesreferences/layout-discipline.mddoc14,895 bytes
Read SKILL.md
# PPTX ↔ HTML Fidelity Audit
A repeatable workflow for catching the ways a `python-pptx` export silently drifts from its HTML source — and fixing them with a layout discipline that prevents the same regressions on the next pass.
## When this skill applies
The user has:
- A source HTML slide deck (typically a single-file deck with `<section class="slide">` blocks):
```html
<section class="slide light">
<div class="chrome">2026 · Q2 review</div>
<span class="kicker">Pillar 03</span>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 bytesexample.htmlasset7,117 bytesopen-design.jsonasset7,506 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
14,658 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 bytesassets/template.htmlasset21,078 bytesopen-design.jsonasset5,934 bytesreferences/checklist.mddoc5,219 bytesreferences/components.mddoc3,941 bytesreferences/layouts.mddoc26,190 bytesreferences/themes.mddoc14,022 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-themeresume-modern
When your agent uses it
Modern minimal resume, single A4 page, ready for print or PDF export.
What it loads into context
Frontmatter
385 tokensAlways available to the agent
SKILL.md
620 tokensWhen the skill 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,123 bytesexample.htmlasset7,712 bytesopen-design.jsonasset4,786 bytes
Read SKILL.md
【模板: 现代极简简历】
- 容器宽度模拟 A4: `w-[210mm] min-h-[297mm] mx-auto`, 内边距 16-20mm。
- 顶部姓名巨大 (text-4xl), 底下一行 contact (邮箱 / 电话 / 城市 / GitHub / LinkedIn), 中间用细竖线分隔。
- 主体两栏可选: 左 60% 主线（经历/项目/教育）, 右 40% 副线（技能/语言/获奖）。
- 章节标题: small caps 风格, 上方一条短 accent 线 (w-8 h-0.5)。
- 经历每条: 公司 + 职位 + 时间区间 (右对齐), 下方 1-3 条 bullet 用动词开头。
- 不使用花哨颜色, 黑白灰 + 1 个 accent (深蓝 / 墨绿)。
- 添加 @media print 样式, 隐藏不必要的元素, 颜色保留。saas-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 bytesexample.htmlasset7,659 bytesopen-design.jsonasset8,491 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,410 tokensWhen the skill is activated
Reference documents
3,116 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 bytesassets/template.htmlasset15,943 bytesexample.htmlasset11,230 bytesopen-design.jsonasset6,030 bytesreferences/checklist.mddoc3,385 bytesreferences/layouts.mddoc7,663 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
281 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,897 bytesexample.htmlasset10,020 bytesopen-design.jsonasset12,858 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 bytesexample.htmlasset51,838 bytesopen-design.jsonasset10,673 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
376 tokensAlways available to the agent
SKILL.md
1,140 tokensWhen the skill is activated
Reference documents
219 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,862 bytesassets/template.htmlasset63,478 bytesexample.htmlasset63,478 bytesopen-design.jsonasset10,854 bytesreferences/checklist.mddoc1,061 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.htmlsocial-reddit-card
When your agent uses it
Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
What it loads into context
Frontmatter
457 tokensAlways available to the agent
SKILL.md
1,114 tokensWhen the skill 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,546 bytesexample.htmlasset3,865 bytesopen-design.jsonasset5,879 bytes
Read SKILL.md
【模板: Reddit 帖子卡】
【意图】把一段故事 / 提问 / 段子, 渲染成 Reddit 帖子卡片, 用于视频叠加、社媒故事分享。Inspired by hyperframes reddit-post。
【画布】1280×720 (视频叠加) 或 800×600 (单卡分享); 背景透明或暗色 `#0b1416`。
【卡片结构】
- 外框: 圆角 16px, bg 白 `#ffffff` (light) 或 `#1a1a1b` (dark, 推荐 video overlay), border 1px `#edeff1` / `#343536`。
- 左侧 **vote rail** (40-56px 宽):
- 上箭头 ▲ (16px, `#878a8c`, hover 变橙 `#ff4500`)。
- 票数 (Inter, 17px, weight 700, 居中, 颜色: 0 灰 / 正橙 / 负蓝); 大数字用 `12.3k` 格式。
- 下箭头 ▼ (hover 变蓝 `#7193ff`)。
- 主体区:
- 顶部 meta row: 子版块图标 (CSS 圆形 + 字母) + `r/subreddit` (粗) + `· Posted by u/username · 3h` (小字灰)。
- **标题** (Inter / IBM Plex Sans, 22-28px, weight 500, dark text)。social-spotify-card
When your agent uses it
Spotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.
What it loads into context
Frontmatter
480 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,850 bytesexample.htmlasset4,467 bytesopen-design.jsonasset6,464 bytes
Read SKILL.md
【模板: Spotify Now-Playing 卡】
【意图】把一首歌、一段播客、或一段个人介绍渲染成 Spotify 正在播放卡, 适合 video overlay / 个人 about page / 创作者 hero。Inspired by hyperframes spotify-card。
【画布】两个尺寸:
- 横版视频叠加: 1280×720, 卡片居中或左下角浮动。
- 紧凑横条 widget: 600×200, 可嵌入到任何 hero。
【卡片结构】
- 外框: 圆角 12-16px; bg 用专辑封面色提取的暗渐变 (e.g. `linear-gradient(135deg, #1e3264 0%, #0d1f3d 100%)`) 或 Spotify 经典 `#121212`; 边缘有 1px subtle border。
- 左侧: **专辑封面** (CSS 渐变 + 大字 monogram 或抽象几何描绘, 不能外链图片), 圆角 6px, 60-200px 方形。
- 右侧:
- 顶部 `NOW PLAYING` (uppercase letterspace 0.14em, 11px, 绿色 `#1DB954`)。
- **歌名 / 标题** (Inter / Spotify Circular, 22-28px, weight 700, 白色)。
- **艺人 / 副标** (16px, weight 400, opacity 0.7)。social-x-post-card
When your agent uses it
Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.
What it loads into context
Frontmatter
484 tokensAlways available to the agent
SKILL.md
1,163 tokensWhen the skill 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,689 bytesexample.htmlasset4,418 bytesopen-design.jsonasset6,550 bytes
Read SKILL.md
【模板: X (Twitter) 帖子卡】
【意图】把一段推文内容 (或用户的金句) 渲染成一张拟真度极高的 X 帖子卡片, 用于视频叠加、推特发图、知识沉淀。Inspired by hyperframes x-post。
【画布】1280×720 或 1080×1080, 暗背景 `#0f1419` 或亮背景 `#ffffff` (按 X 主题); 卡片居中, 阴影柔和。
【卡片结构】
- 外框: 圆角 16px, 1px border `#2f3336` (dark) / `#eff3f4` (light), 内边距 16px。
- 顶部 row: 头像 (48×48 圆形, 用 CSS gradient 占位) + 用户名 + handle `@username` + verified 蓝勾 + 时间 (mono, 12px, 灰)。
- 正文: 17-22px, 字重 400; 链接用 X 蓝 `#1d9bf0`; hashtag 同色; mention 同色; 段落间空 0.6em。
- 可选: 引用卡 (小卡内嵌, 灰底, 圆角 12px)。
- 可选: 1 张图 (CSS 渐变 + 描述占位, 不能外链图片), 比例 16:9, 圆角 12px。
- 互动 row: 4 个 icon + 数字 (回复 / 转推 / 引用 / 点赞), icon 用 inline SVG (X 官方风格), 灰色, hover 时变色。
- 顶部右上 X logo 单线 SVG。
- 浏览量 row: 👁<U+FE0F> + 数字 (小字)。sprite-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
327 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
- Workflow
- Output contract
Files
SKILL.mdcore4,255 bytesexample.htmlasset13,511 bytesopen-design.jsonasset9,868 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 bytesexample.htmlasset12,051 bytesopen-design.jsonasset8,180 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
373 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 bytesassets/template.htmlasset22,226 bytesexample.htmlasset1,088 bytesopen-design.jsonasset10,281 bytesreferences/checklist.mddoc1,574 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
2,362 tokensWhen the skill 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
- Implementation primitives
- Workflow
- Output contract
- Hard rules
Files
SKILL.mdcore8,804 bytesassets/wrap.htmlasset14,482 bytesexample.htmlasset24,799 bytesopen-design.jsonasset8,197 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) withve-midnight-editorial
When your agent uses it
OpenDesign's financial review: runway, burn, and the sustainability plan that keeps the project independent. Built as a decision-grade data & finance deck for board, leadership.
What it loads into context
Frontmatter
611 tokensAlways available to the agent
SKILL.md
3,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
- Locked token sheet — dark (default)
- Locked token sheet — light (`html[data-theme="light"]`)
- Fonts (locked — Google Fonts `@import` only)
- Typography scale (locked)
- Layout masters (compose 8–15 pages from these)
- Decorative devices (locked)
- Page structure & runtime (locked)
- Hard rules
Files
LICENSEasset1,086 bytesSKILL.mdcore10,556 bytesSKILL.mdcore10,556 bytesexample.htmlasset42,187 bytesopen-design.jsonasset5,417 bytes
Read SKILL.md
# Midnight Editorial（午夜金辉）
A single-aesthetic deck plugin: the **midnight-editorial** preset from the
upstream MIT-licensed
[`nicobailon/visual-explainer`](https://github.com/nicobailon/visual-explainer)
skill (`templates/slide-deck.html`), pinned and shipped as one self-contained
seed — `example.html`. The upstream mermaid diagram slide has been replaced by
a pure CSS/SVG pipeline page; the deck has **zero external JS dependencies**
(Google Fonts `@import` is the only external reference).
Signature combination (what makes this skin this skin):
1. **Deep navy + warm gold** — `#0f1729` page, `#d4a73a` accent, parchment
text `#e8e4d8`. Cinematic, magazine-grade, dramatic.ve-terminal-mono
When your agent uses it
OpenDesign from the CLI: driving the full design workflow with the `od` command — scripted, composable, agent-ready. Built as a decision-grade AI literacy deck for developers, power users.
What it loads into context
Frontmatter
653 tokensAlways available to the agent
SKILL.md
2,809 tokensWhen the skill 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)
- Signature devices (locked)
- Deck engine & navigation (keep verbatim from the seed)
- Layout masters (all present in example.html — compose from these)
- Hard rules
Files
LICENSEasset1,068 bytesSKILL.mdcore10,009 bytesexample.htmlasset35,090 bytesopen-design.jsonasset5,568 bytes
Read SKILL.md
# Terminal Mono（等宽终端）
A locked, single-theme deck plugin derived from the MIT-licensed
[nicobailon/visual-explainer](https://github.com/nicobailon/visual-explainer)
slide-deck template, restyled with the **Terminal Mono** aesthetic from its
`references/slide-patterns.md`. Developer-native and typographically strict:
near-black ground, monospace everything, one green voice, a faint dot grid.
**Zero skeuomorphism, zero effects.** No `$` prompts, no red/yellow/green
window chrome, no CRT scanlines, no vignettes, no glows. This theme stands on
typographic discipline and the dot-grid texture alone. (The skeuomorphic
"terminal theater" look belongs to a different plugin — do not drift there.)
**Start from `example.html` in this plugin folder. It is the proven seed: copyvelar-luxury-real-estate
When your agent uses it
Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up numbers, and a hover-expand video gallery that slides up over the dark section. Invoke for 'luxury real estate landing page', 'architecture brand site', 'scroll-driven hero with rising building', or when the user references the Velar template.
What it loads into context
Frontmatter
172 tokensAlways available to the agent
SKILL.md
3,160 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Stack
- Global setup — locked
- Section 1 — Preloader / intro overlay
- Section 2 — Fixed nav
- Section 3 — Hero
- Section 4 — Scroll-driven house animation (centerpiece)
- Section 5 — Dark statement + stats (sticky)
- Section 6 — Hover-expand gallery (slides over Section 5)
- Tech notes
- Color Rules — hard
Files
SKILL.mdcore10,655 bytesexample.htmlasset75,286 bytesopen-design.jsonasset26,245 bytes
Read SKILL.md
# Velar. — Luxury Real Estate Landing Page
Produce a single-page, cinematic luxury real-estate landing page. A complete, rendered reference implementation ships beside this skill at `example.html` — **start from it**. Copy `example.html`, then adjust copy and data; do not rewrite the choreography or invent a new visual language. The seed already encodes the exact tokens, preloader typewriter, scroll-driven house animation, sticky dark stats band, count-up, and hover-expand gallery described below.
This is the authoritative build brief. Follow it exactly — the named colors, fonts, timings, image URLs, and the scroll-math are locked.
**Inlined image (critical):** `example.html` ships the building/house silhouette (`HOUSE_IMG`, originally `res.cloudinary.com/.../building_bzziky.png`) as an inlined `data:image/webp;base64,…` URI — keep it exactly as-is. The 5 cloudfront gallery `.mp4` videos and the `BG_IMG` higgs.ai hero background stay as remote URLs (large stable CDNs); the cloudinary host is the one to inline because it is the load-bearing, repeatedly-scaled centerpiece asset.
## Stack
- Default output: a single self-contained HTML file (the `example.html` seed) using vanilla CSS + JS. It already includes everything inline.
- If the user explicitly asks for the React project: port the seed faithfully to **React 18 + TypeScript + Vite + Tailwind CSS** with **only** `lucide-react` for icons (the hamburger→`X`). All animation logic lives in a single `src/App.tsx` using `useState`, `useEffect`, `useRef`, `useCallback`, and `IntersectionObserver`. No other libraries. Do not change the design while porting.
## Global setup — lockedSkills included
- sample-plugin
- aster-atelier
- 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
- saas-landing
- build-test
- code-import
- critique-theater
- design-extract
- diff-review
- direction-picker
- discovery-question-form
- figma-extract
- handoff
- patch-edit
- rewrite-plan
- todo-write
- token-map
- article-magazine
- audio-jingle
- blog-post
- card-twitter
- card-xiaohongshu
- clinical-case-report
- codex-interactive-capability-map
- critique
- dashboard
- data-report
- dating-web
- dcf-valuation
- deck-guizang-editorial
- deck-open-slide-canvas
- deck-swiss-international
- design-brief
- digital-eguide
- doc-kami-parchment
- docs-page
- email-marketing
- eng-runbook
- 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
- magazine-web-ppt
- hatch-pet
- hps-academic-paper
- hps-bauhaus
- hps-memphis-pop
- hps-retro-tv
- hps-true-blueprint
- hps-y2k-chrome
- 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
- huashu-annual-letter
- huashu-bento-insight
- huashu-golden-circle
- huashu-keynote-black
- huashu-luxe-whitespace
- huashu-pentagram-grid
- huashu-slides
- huashu-sparkline-arc
- huashu-takram-soft-tech
- 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
- mockup-device-3d
- claude-agent-lab
- distilbook-explainer
- motion-frames
- motion-future
- mind-clarity-journey
- motion-product-promo
- prompt-motion-gallery
- motion-showreel
- sky-water-tessellation
- superx-audience-growth
- motion-ui-morph
- motion-visual-lesson
- od-plugin-contribute-open-design
- od-plugin-publish-github
- open-design-homepage
- open-design-landing
- open-design-landing-deck
- orbit-general
- orbit-github
- orbit-gmail
- orbit-linear
- orbit-notion
- pm-spec
- poster-hero
- ppt-keynote
- pptx-html-fidelity-audit
- pricing-page
- replit-deck
- resume-modern
- saas-landing
- simple-deck
- social-carousel
- social-media-dashboard
- social-media-matrix-tracker-template
- social-reddit-card
- social-spotify-card
- social-x-post-card
- sprite-animation
- team-okrs
- trading-analysis-dashboard-template
- tweaks
- ve-midnight-editorial
- ve-terminal-mono
- velar-luxury-real-estate
Showing 300 of 561 skills. See GitHub for the complete repository.
Repository facts
- License
- Apache-2.0
- Created
- Apr 28, 2026
- Last pushed
- Nov 6, 2026
- Forks
- 12,085
- Open issues
- 581
- Project activity
- Active
Rank over the last 12 weeks
Now #15 · best #12 · down 2 in 30 days
- #12 from Aug 17 to Sep 18
- #13 from Sep 19 to Oct 11
- #14 from Oct 12 to Oct 24
- #15 on Oct 25
- #14 on Oct 28
- #15 since Oct 29
4 earlier periods
- #13 on Aug 2
- #13 on Aug 7
- #14 from Aug 8 to Aug 10
- #13 from Aug 11 to Aug 16
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 5, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 652 notes
design-templates/aster-atelier/example.html:10Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:11Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:12Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:13Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:14Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:15Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:20Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:18Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:19Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:39Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:37Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:38Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:56Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:54Analysis incomplete: physical or joined line exceeds character limitdesign-templates/aster-atelier/example.html:55Analysis incomplete: physical or joined line exceeds character limitdesign-templates/audio-jingle/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzeddesign-templates/dcf-valuation/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzeddesign-templates/dcf-valuation/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzeddesign-templates/dcf-valuation/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzeddesign-templates/github-dashboard/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- No broad tool permissions
- 11 dangerous shell commandsin 9 files: trading-analysis-dashboard-template/assets/template.html:277 trading-analysis-dashboard-template/assets/template.html:277 docs-page/example.html:83 and 6 more
- 7,940 network referencesin 1,203 files: open-design-landing/inputs.example.json:14 open-design-landing/example.html:6 open-design-landing/example.html:6 and 1,200 more
- No instruction overrides
- 244 executable scriptsin 241 files: design-templates/open-design-landing-deck/scripts/compose.ts:1 open-design-landing/scripts/imagegen.ts:1 open-design-landing/scripts/placeholder.ts:1 and 238 more
- 309 references to secretsin 47 files: last30days/scripts/lib/env.py:18 last30days/scripts/lib/setup_wizard.py:38 last30days/scripts/lib/pipeline.py:100 and 44 more
- No requests to vote in Hot
Show all 8,593 signals by file
.claude-plugin/marketplace.json
- Network accessline 1
{ "$schema": "https://raw.githubusercontent.com/anthropics/claude-code/main/schemas/marketplace.json", - Network accessline 2
"$schema": "https://raw.githubusercontent.com/anthropics/claude-code/main/schemas/marketplace.json", - Network accessline 4
"owner": { "name": "nexu-io", "url": "https://github.com/nexu-io/open-design" - Network accessline 5
"name": "nexu-io", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 6
"url": "https://github.com/nexu-io/open-design"
apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin/open-design.json
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
design-templates/aster-atelier/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 90
] }, "homepage": "https://github.com/nexu-io/open-design/tree/feat/aster-atelier-template/design-templates/aster-atelier" - Network accessline 91
}, "homepage": "https://github.com/nexu-io/open-design/tree/feat/aster-atelier-template/design-templates/aster-atelier" } - Network accessline 92
"homepage": "https://github.com/nexu-io/open-design/tree/feat/aster-atelier-template/design-templates/aster-atelier"
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
design-templates/contact-widget/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contact Widget — Example</title> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 6
<title>Contact Widget — Example</title> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <style> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 152
<p>This demo shows the contact widget rendered as a single self-contained HTML file — no build step, no external SDKs, no tracking. Drop it into any static site or framework.</p> <div class="hint"> <strong>Want real conversations, not - Network accessline 153
<div class="hint"> <strong>Want real conversations, not just a UI?</strong> The widget is a pure front-end artifact — wire the send handler to any backend you like. Easiest path: drop in <code><script src="https://cdn.knocket.io/widg - Network accessline 154
<strong>Want real conversations, not just a UI?</strong> The widget is a pure front-end artifact — wire the send handler to any backend you like. Easiest path: drop in <code><script src="https://cdn.knocket.io/widget.js" data-app-id="... - Network accessline 179
<div class="cw-actions"> <!-- Telegram --> <a href="https://t.me/demo" target="_blank" rel="noopener" class="cw-social-btn" aria-label="Telegram"> - Network accessline 180
<!-- Telegram --> <a href="https://t.me/demo" target="_blank" rel="noopener" class="cw-social-btn" aria-label="Telegram"> <svg viewBox="0 0 24 24" fill="#0088cc"><path d="M11.944 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 00 - Network accessline 181
<a href="https://t.me/demo" target="_blank" rel="noopener" class="cw-social-btn" aria-label="Telegram"> - Network accessline 183
</a> <!-- WhatsApp --> <a href="https://wa.me/15551234567" target="_blank" rel="noopener" class="cw-social-btn" aria-label="WhatsApp"> - Network accessline 184
<!-- WhatsApp --> <a href="https://wa.me/15551234567" target="_blank" rel="noopener" class="cw-social-btn" aria-label="WhatsApp"> <svg viewBox="0 0 24 24" fill="#25D366"><path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.5 - Network accessline 185
<a href="https://wa.me/15551234567" target="_blank" rel="noopener" class="cw-social-btn" aria-label="WhatsApp"> - Network accessline 187
</a> <!-- Book a meeting --> <a href="https://calendly.com/demo" target="_blank" rel="noopener" class="cw-meeting-btn"> - Network accessline 188
<!-- Book a meeting --> <a href="https://calendly.com/demo" target="_blank" rel="noopener" class="cw-meeting-btn"> <svg viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="2" stroke-linecap="round" stroke-linejo - Network accessline 189
<a href="https://calendly.com/demo" target="_blank" rel="noopener" class="cw-meeting-btn"> - Network accessline 233
if (!text) return; // Front-end only. Pick one of the following to make it real: // • Own backend: fetch('/api/contact', { method: 'POST', body: JSON.stringify({ text }) }); - Network accessline 234
// Front-end only. Pick one of the following to make it real: // • Own backend: fetch('/api/contact', { method: 'POST', body: JSON.stringify({ text }) }); // • Knocket: window.Knocket.sendMessage({ text }); // see htt - Network accessline 235
// • Own backend: fetch('/api/contact', { method: 'POST', body: JSON.stringify({ text }) }); - Network accessline 236
// • Knocket: window.Knocket.sendMessage({ text }); // see https://trtc.io/solutions/knocket
design-templates/critique/SKILL.md
design-templates/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">
design-templates/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" />
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`.
design-templates/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" />
design-templates/docs-page/example.html
design-templates/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" />
design-templates/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>
design-templates/github-dashboard/references/example-data.json
- Network accessline 3
"name": "open-design", "fullName": "nexu-io/open-design", "url": "https://github.com/nexu-io/open-design", - Network accessline 4
"fullName": "nexu-io/open-design", "url": "https://github.com/nexu-io/open-design", "description": "Local-first, open-source alternative to Anthropic's Claude Design. 19 Skills · 71 brand-grade Design Systems · Generate web/desktop/ - Network accessline 5
"url": "https://github.com/nexu-io/open-design", - Network accessline 57
{ "login": "pftom", "avatar": "https://avatars.githubusercontent.com/u/26423749?v=4", - Network accessline 58
"login": "pftom", "avatar": "https://avatars.githubusercontent.com/u/26423749?v=4", "contributions": 26 - Network accessline 59
"avatar": "https://avatars.githubusercontent.com/u/26423749?v=4", - Network accessline 62
{ "login": "lefarcen", "avatar": "https://avatars.githubusercontent.com/u/20859779?v=4", - Network accessline 63
"login": "lefarcen", "avatar": "https://avatars.githubusercontent.com/u/20859779?v=4", "contributions": 18 - Network accessline 64
"avatar": "https://avatars.githubusercontent.com/u/20859779?v=4", - Network accessline 67
{ "login": "Sid-Qin", "avatar": "https://avatars.githubusercontent.com/u/201593046?v=4", - Network accessline 68
"login": "Sid-Qin", "avatar": "https://avatars.githubusercontent.com/u/201593046?v=4", "contributions": 17 - Network accessline 69
"avatar": "https://avatars.githubusercontent.com/u/201593046?v=4", - Network accessline 72
{ "login": "nettee", "avatar": "https://avatars.githubusercontent.com/u/3953668?v=4", - Network accessline 73
"login": "nettee", "avatar": "https://avatars.githubusercontent.com/u/3953668?v=4", "contributions": 10 - Network accessline 74
"avatar": "https://avatars.githubusercontent.com/u/3953668?v=4", - Network accessline 77
{ "login": "alchemistklk", "avatar": "https://avatars.githubusercontent.com/u/56862773?v=4", - Network accessline 78
"login": "alchemistklk", "avatar": "https://avatars.githubusercontent.com/u/56862773?v=4", "contributions": 9 - Network accessline 79
"avatar": "https://avatars.githubusercontent.com/u/56862773?v=4", - Network accessline 89
"labelClass": "feature-pill", "author": "leilei926524-tech", "authorAvatar": "https://avatars.githubusercontent.com/u/238133142?v=4", - Network accessline 90
"author": "leilei926524-tech", "authorAvatar": "https://avatars.githubusercontent.com/u/238133142?v=4", "updated": "2 hours ago" - Network accessline 91
"authorAvatar": "https://avatars.githubusercontent.com/u/238133142?v=4", - Network accessline 99
"labelClass": "danger-pill", "author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", - Network accessline 100
"author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", "updated": "2 hours ago" - Network accessline 101
"authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", - Network accessline 109
"labelClass": "danger-pill", "author": "zlpawn", "authorAvatar": "https://avatars.githubusercontent.com/u/42241934?v=4", - Network accessline 110
"author": "zlpawn", "authorAvatar": "https://avatars.githubusercontent.com/u/42241934?v=4", "updated": "3 hours ago" - Network accessline 111
"authorAvatar": "https://avatars.githubusercontent.com/u/42241934?v=4", - Network accessline 119
"labelClass": "active-pill", "author": "1119302165", "authorAvatar": "https://avatars.githubusercontent.com/u/12208097?v=4", - Network accessline 120
"author": "1119302165", "authorAvatar": "https://avatars.githubusercontent.com/u/12208097?v=4", "updated": "4 hours ago" - Network accessline 121
"authorAvatar": "https://avatars.githubusercontent.com/u/12208097?v=4", - Network accessline 129
"labelClass": "danger-pill", "author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", - Network accessline 130
"author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", "updated": "5 hours ago" - Network accessline 131
"authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4",
design-templates/guizang-ppt/README.en.md
- Network accessline 3
A [Claude Code / Claude Agent Skills](https://agentskills.io/) skill that generates **single-file HTML horizontal-swipe decks** with an "**editorial magazine × electronic ink**" aesthetic — picture *Monocle* with code stitched in. - Network accessline 5
> Distilled by [Guizang](https://x.com/op7418) from offline talks like "One-Person Company: Organizations Folded by AI" and "A New Way of Working." Every pitfall hit during those decks is logged in `checklist.md`. - Network accessline 7
 - Network accessline 29
> > 1. Make sure `~/.claude/skills/` exists (create if not) > 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` - Network accessline 30
> 1. Make sure `~/.claude/skills/` exists (create if not) > 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` > 3. Verify: `ls ~/.claude/skills/magazine-web-ppt/` should show `SKILL.md`, `a - Network accessline 31
> 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` - Network accessline 40
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt - Network accessline 105
- [*Monocle*](https://monocle.com) magazine layouts - Network accessline 119
MIT © 2026 [op7418](https://github.com/op7418)
design-templates/guizang-ppt/README.md
- Network accessline 3
A [Claude Code / Claude Agent Skills](https://agentskills.io/) skill that generates **single-file HTML horizontal-swipe decks** with an "**editorial magazine × electronic ink**" aesthetic — picture *Monocle* with code stitched in. - Network accessline 5
> Distilled by [Guizang](https://x.com/op7418) from offline talks like "One-Person Company: Organizations Folded by AI" and "A New Way of Working." Every pitfall hit during those decks is logged in `checklist.md`. - Network accessline 7
 - Network accessline 29
> > 1. Make sure `~/.claude/skills/` exists (create if not) > 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` - Network accessline 30
> 1. Make sure `~/.claude/skills/` exists (create if not) > 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` > 3. Verify: `ls ~/.claude/skills/magazine-web-ppt/` should show `SKILL.md`, `a - Network accessline 31
> 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` - Network accessline 40
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt - Network accessline 104
- [*Monocle*](https://monocle.com) magazine layouts - Network accessline 118
MIT © 2026 [op7418](https://github.com/op7418)
design-templates/guizang-ppt/README.pt-BR.md
- Network accessline 6
Uma skill do [Claude Code / Claude Agent Skills](https://agentskills.io/) para gerar **PPTs HTML em arquivo único com swipe horizontal**. O tom visual é "**revista eletrônica × tinta digital**" — como se a *Monocle* tivesse colado código. - Network accessline 8
> Destilada por [歸藏](https://x.com/op7418) em palestras presenciais como "Empresa de uma pessoa só: a organização dobrada pela IA" e "Uma nova forma de trabalhar"; cada armadilha que ele já pisou virou linha em `checklist.md`. - Network accessline 10
 - Network accessline 32
> > 1. Garanta que o diretório `~/.claude/skills/` existe (crie se não existir) > 2. Rode `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` - Network accessline 33
> 1. Garanta que o diretório `~/.claude/skills/` existe (crie se não existir) > 2. Rode `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` > 3. Verifique: `ls ~/.claude/skills/magazine-web-ppt/` de - Network accessline 34
> 2. Rode `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt` - Network accessline 43
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt - Network accessline 107
- Diagramação da revista [*Monocle*](https://monocle.com) - Network accessline 121
MIT © 2026 [op7418](https://github.com/op7418)
design-templates/guizang-ppt/SKILL.md
design-templates/guizang-ppt/assets/template.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>[required] Replace with your deck title · Deck Title</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>[required] Replace with your deck title · Deck Title</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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400&family=IBM+Plex - Network accessline 642
go(0); </script> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> - Network accessline 643
</script> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <script>lucide.createIcons();</script> - Network accessline 644
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
design-templates/guizang-ppt/references/checklist.md
- Network accessline 30
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
design-templates/guizang-ppt/references/styles.md
- Network accessline 5
> Inspiration: the "20 design philosophies × 5 streams" of [alchaincyf/huashu-design](https://github.com/alchaincyf/huashu-design): we compressed it into 5 magazine-flavored directions, each mapped to one preset in `themes.md` + some combin
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
design-templates/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>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&d - Network accessline 6
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
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
design-templates/html-ppt-graphify-dark-graph/example.html
- Network accessline 6
<title>Write a Feature Business Case like a Principal PM - Product management</title> <style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 238
<div class="gd-ambient"><div class="gd-orb gd-orb-1"></div><div class="gd-orb gd-orb-2"></div><div class="gd-orb gd-orb-3"></div></div> <!-- live force-directed graph bg --> <svg viewBox="0 0 1600 900" style="position:absolute;inset - Network accessline 239
<!-- live force-directed graph bg --> <svg viewBox="0 0 1600 900" style="position:absolute;inset:0;width:100%;height:100%;opacity:.38;z-index:1" xmlns="http://www.w3.org/2000/svg"> <g stroke="#7eb8da" stroke-width="1" stroke-opaci - Network accessline 240
<svg viewBox="0 0 1600 900" style="position:absolute;inset:0;width:100%;height:100%;opacity:.38;z-index:1" xmlns="http://www.w3.org/2000/svg">
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
design-templates/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 :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap' - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 313
<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 314
<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 315
<svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg"> - Network accessline 376
<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 378
<span class="kw">$</span> git clone https://github.com/nexu-io/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
design-templates/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 */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&dis - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 311
<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 312
<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 313
<svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">
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
design-templates/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 :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display= - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
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
design-templates/html-ppt-pitch-deck/example.html
- Network accessline 5
<title>Write a Demo Day Pitch like a Top Accelerator Partner - Fundraising pitch</title> <style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap' - Network accessline 6
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
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
design-templates/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 */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 689
<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 691
<span class="cmd">open</span> <span class="flag">https://github.com/nexu-io/open-design</span>
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
design-templates/html-ppt-product-launch/example.html
- Network accessline 5
<title>Pitch a Team Rollout like a Strategic Account Executive - B2B sales</title> <style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 6
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
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
design-templates/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">
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 `
design-templates/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">
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
design-templates/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 :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swa - Network accessline 6
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
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
design-templates/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 */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;50 - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 321
<h2 class="ts-h2">一次监管处罚 = 治理项目 <span class="red">14 年</span> 的预算</h2> <p class="ts-sub">2025 年 OCR 对供应商失管事件的处罚中位数为 420 万美元；提议的数据治理办公室年运营预算仅 31 万美元。</p> <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" - Network accessline 322
<p class="ts-sub">2025 年 OCR 对供应商失管事件的处罚中位数为 420 万美元；提议的数据治理办公室年运营预算仅 31 万美元。</p> <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg"> <g font-family="Inter,sans-serif - Network accessline 323
<svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">
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
design-templates/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>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display - Network accessline 6
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
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
design-templates/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 */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&di - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
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
design-templates/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 */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&dis - Network accessline 7
<style>/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;50 - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 10
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 11
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 12
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 13
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 14
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 15
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); - Network accessline 337
</div> <h2 class="xw-title-md">范围扩大了多少，<span class="xw-focus-green">影响</span> 走了多深——<span class="xw-focus-pink">证据</span> 说了算</h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.o - Network accessline 338
<h2 class="xw-title-md">范围扩大了多少，<span class="xw-focus-green">影响</span> 走了多深——<span class="xw-focus-pink">证据</span> 说了算</h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg - Network accessline 339
<svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg">
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).
design-templates/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,300;0,400;0,500;0,600;0,700;1,400&family=Space+Mono:wght@400;700&family=Tektur:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> - Network accessline 84
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 85
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 86
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
design-templates/html-ppt-zhangzara-8-bit-orbit/template.json
- Network accessline 45
"slide_count": 10, "navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" - Network accessline 46
"navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit" } - Network accessline 47
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/8-bit-orbit"
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).
design-templates/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" />
design-templates/html-ppt-zhangzara-biennale-yellow/template.json
- Network accessline 46
"slide_count": 8, "navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" - Network accessline 47
"navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow" } - Network accessline 48
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/biennale-yellow"
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).
design-templates/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=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800; - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&display=swap'); - Network accessline 1165
</div> <div class="chart-body"> <svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg"> - Network accessline 1166
<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 1167
<svg class="chart-svg" viewBox="0 0 800 360" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt-zhangzara-block-frame/template.json
- Network accessline 44
"slide_count": 10, "navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" - Network accessline 45
"navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/block-frame"
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).
design-templates/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=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
design-templates/html-ppt-zhangzara-blue-professional/template.json
- Network accessline 41
"slide_count": 10, "navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" - Network accessline 42
"navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional" } - Network accessline 43
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/blue-professional"
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).
design-templates/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;0,700;1,400&family=Space+Grotesk:wght@400;50 - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Shrikhand&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 821
</div> <div class="close-links"> <a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> - Network accessline 822
<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 823
<a href="https://open-design.ai/" target="_blank" rel="noreferrer noopener">Data Room</a> - Network accessline 824
<a href="https://github.com/nexu-io/open-design" target="_blank" rel="noreferrer noopener">Star on GitHub</a> - Network accessline 825
<a href="https://discord.gg/mHAjSMV6gz" target="_blank" rel="noreferrer noopener">Book Time</a>
design-templates/html-ppt-zhangzara-bold-poster/template.json
- Network accessline 42
"slide_count": 10, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" - Network accessline 43
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster" } - Network accessline 44
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/bold-poster"
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).
design-templates/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@300;400;500&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@300;400;500&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@300;400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap"
design-templates/html-ppt-zhangzara-broadside/template.json
- Network accessline 46
"slide_count": 16, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" - Network accessline 47
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside" } - Network accessline 48
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside"
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).
design-templates/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,400..900;1,6..96,400..900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 49
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 50
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 51
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
design-templates/html-ppt-zhangzara-capsule/template.json
- Network accessline 48
"slide_count": 10, "navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" - Network accessline 49
"navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule" } - Network accessline 50
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/capsule"
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).
design-templates/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> <script src="https://cdn.jsdelivr.net/npm/chart.js - Network accessline 6
<title>Present a Senior Thesis Defense like a Distinction-Grade Economics Student - Student coursework</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script> <link href="https://fonts.googl - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
design-templates/html-ppt-zhangzara-cartesian/template.json
- Network accessline 44
"slide_count": 10, "navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" - Network accessline 45
"navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cartesian"
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).
design-templates/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,400;0,500;1,300;1,400;1,500&family=Hanken+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet" />
design-templates/html-ppt-zhangzara-cobalt-grid/template.json
- Network accessline 46
"slide_count": 8, "navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" - Network accessline 47
"navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid" } - Network accessline 48
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/cobalt-grid"
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).
design-templates/html-ppt-zhangzara-coral/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Plan a Community-Growth Campaign like a Head of Growth - Marketing & GTM</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.u - Network accessline 6
<title>Plan a Community-Growth Campaign like a Head of Growth - Marketing & GTM</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script> <style> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script> - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;600;700&display=swap');
design-templates/html-ppt-zhangzara-coral/template.json
- Network accessline 42
"slide_count": 10, "navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" - Network accessline 43
"navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral" } - Network accessline 44
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/coral"
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).
design-templates/html-ppt-zhangzara-creative-mode/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
design-templates/html-ppt-zhangzara-creative-mode/template.json
- Network accessline 44
"slide_count": 8, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" - Network accessline 45
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/creative-mode"
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).
design-templates/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 241
<!-- ====== 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 242
<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 243
<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 244
<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 245
<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 246
<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 247
<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 248
<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 249
<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 258
<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 259
<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 260
<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 261
<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 262
<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 278
<!-- ====== 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 279
<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 280
<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 281
<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 282
<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 283
<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 295
<!-- ====== 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 296
<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 297
<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 298
<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 299
<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 300
<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 312
<!-- ====== 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 313
<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 314
<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 315
<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 316
<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 317
<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 319
<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 320
<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 321
<svg class="chart-svg" viewBox="0 0 700 300" xmlns="http://www.w3.org/2000/svg"> - Network accessline 339
<!-- ====== 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 340
<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 341
<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 342
<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 343
<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 355
<!-- ====== 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 356
<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 357
<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 358
<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 359
<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 360
<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 361
<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 370
<!-- ====== 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 371
<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 372
<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 373
<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 374
<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 375
<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 386
<!-- ====== 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 387
<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 388
<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 389
<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 390
<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 391
<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 403
<!-- ====== 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 404
<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 405
<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 406
<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 407
<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 408
<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 410
<div class="donut-wrap"> <div class="donut-chart-box"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> - Network accessline 411
<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 412
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt-zhangzara-daisy-days/template.json
- Network accessline 51
"slide_count": 10, "navigation": "scroll-snap with on-page nav dots and slide counter, plus arrow-key fallback", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" - Network accessline 52
"navigation": "scroll-snap with on-page nav dots and slide counter, plus arrow-key fallback", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days" } - Network accessline 53
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/daisy-days"
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).
design-templates/html-ppt-zhangzara-editorial-tri-tone/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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@0;1&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
design-templates/html-ppt-zhangzara-editorial-tri-tone/template.json
- Network accessline 41
"slide_count": 8, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" - Network accessline 42
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone" } - Network accessline 43
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/editorial-tri-tone"
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).
design-templates/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@200;300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans - Network accessline 17
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans+SC:wght - Network accessline 18
href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=JetBrains+Mono:wght@300;400&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500
design-templates/html-ppt-zhangzara-grove/template.json
- Network accessline 48
"slide_count": 12, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" - Network accessline 49
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove" } - Network accessline 50
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove"
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).
design-templates/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,400;12..96,600;12..96,700;12..96,800&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;1,9..144,600&disp
design-templates/html-ppt-zhangzara-long-table/template.json
- Network accessline 47
"slide_count": 8, "navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" - Network accessline 48
"navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table" } - Network accessline 49
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table"
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).
design-templates/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@400;500;600;700;800&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@300;400&family=Noto+Sans+SC:wg - Network accessline 15
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@300;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@400;500;600;700;800&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@300;400&family=Noto+Sans+SC:wght@400;500;700&display=swap"
design-templates/html-ppt-zhangzara-mat/template.json
- Network accessline 46
"slide_count": 9, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" - Network accessline 47
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat" } - Network accessline 48
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/mat"
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).
design-templates/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;600&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Noto+Serif+SC:wght@300;400;500&family=N - Network accessline 18
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans - Network accessline 19
href="https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600&family=JetBrains+Mono:wght@300;400;500&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans+SC:wght@200
design-templates/html-ppt-zhangzara-monochrome/template.json
- Network accessline 47
"slide_count": 16, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" - Network accessline 48
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome" } - Network accessline 49
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/monochrome"
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).
design-templates/html-ppt-zhangzara-neo-grid-bold/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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" />
design-templates/html-ppt-zhangzara-neo-grid-bold/template.json
- Network accessline 44
"slide_count": 12, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" - Network accessline 45
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/neo-grid-bold"
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).
design-templates/html-ppt-zhangzara-peoples-platform/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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">
design-templates/html-ppt-zhangzara-peoples-platform/template.json
- Network accessline 45
"slide_count": 10, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" - Network accessline 46
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform" } - Network accessline 47
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/peoples-platform"
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).
design-templates/html-ppt-zhangzara-pin-and-paper/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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=
design-templates/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" />
design-templates/html-ppt-zhangzara-pin-and-paper/template.json
- Network accessline 43
"slide_count": 11, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" - Network accessline 44
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper" } - Network accessline 45
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper"
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).
design-templates/html-ppt-zhangzara-pink-script/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> - Network accessline 36
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 37
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 38
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=
design-templates/html-ppt-zhangzara-pink-script/template.json
- Network accessline 44
"slide_count": 9, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" - Network accessline 45
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pink-script"
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).
design-templates/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@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap" rel - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap" rel="stylesheet">
design-templates/html-ppt-zhangzara-playful/template.json
- Network accessline 40
"slide_count": 10, "navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" - Network accessline 41
"navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful" } - Network accessline 42
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/playful"
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).
design-templates/html-ppt-zhangzara-raw-grid/template.json
- Network accessline 43
"slide_count": 10, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" - Network accessline 44
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid" } - Network accessline 45
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/raw-grid"
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).
design-templates/html-ppt-zhangzara-retro-windows/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Deliver a Security-Awareness Training like a CISO Enablement Team - Professional training</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/ch - Network accessline 6
<title>Deliver a Security-Awareness Training like a CISO Enablement Team - Professional training</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script> <style> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script> - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap');
design-templates/html-ppt-zhangzara-retro-windows/template.json
- Network accessline 44
"slide_count": 10, "navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" - Network accessline 45
"navigation": "inline keyboard handler with on-page nav dots and slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-windows"
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).
design-templates/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;600;700&family=Space+Grotesk:wght@300;400;500; - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 43
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 44
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 45
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 773
<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 774
<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 775
<svg class="hero-illustration" viewBox="0 0 300 200" fill="none" xmlns="http://www.w3.org/2000/svg"> - Network accessline 845
<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 846
<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 847
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt-zhangzara-retro-zine/template.json
- Network accessline 44
"slide_count": 10, "navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" - Network accessline 45
"navigation": "inline keyboard handler with on-page slide counter", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/retro-zine"
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).
design-templates/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@500;700;800;900&family=Albert+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@500;700&display=swap" rel="stylesheet" />
design-templates/html-ppt-zhangzara-sakura-chroma/template.json
- Network accessline 51
"slide_count": 8, "navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" - Network accessline 52
"navigation": "vanilla JS (arrow keys, space, Home/End, touch swipe)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma" } - Network accessline 53
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/sakura-chroma"
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).
design-templates/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,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Caveat:wght@400;500;600;700&display=swap" rel="stylesheet"> - Network accessline 51
/* 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 52
.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 53
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 65
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 66
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 67
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 114
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 115
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 116
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
design-templates/html-ppt-zhangzara-scatterbrain/template.json
- Network accessline 47
"slide_count": 10, "navigation": "inline keyboard handler (arrows, space, PgUp/PgDn, Home/End) plus touch swipe and mouse-wheel", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" - Network accessline 48
"navigation": "inline keyboard handler (arrows, space, PgUp/PgDn, Home/End) plus touch swipe and mouse-wheel", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain" } - Network accessline 49
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/scatterbrain"
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).
design-templates/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
design-templates/html-ppt-zhangzara-signal/template.json
- Network accessline 47
"slide_count": 18, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" - Network accessline 48
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal" } - Network accessline 49
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal"
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).
design-templates/html-ppt-zhangzara-soft-editorial/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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;0,600;1,400;1,500&family=Work+Sans:wght@300;400;500;600&display=swap" rel="stylesheet" />
design-templates/html-ppt-zhangzara-soft-editorial/template.json
- Network accessline 44
"slide_count": 12, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" - Network accessline 45
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial" } - Network accessline 46
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/soft-editorial"
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).
design-templates/html-ppt-zhangzara-stencil-tablet/assets/deck-stage.js
- Executable scriptline 1
Executable file
design-templates/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=Bowlby+One&family=Stardos+Stencil:wght@400;700&family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
design-templates/html-ppt-zhangzara-stencil-tablet/template.json
- Network accessline 49
"slide_count": 11, "navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" - Network accessline 50
"navigation": "deck-stage runtime (arrow keys, space, PgUp/PgDn, Home/End)", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet" } - Network accessline 51
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet"
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).
design-templates/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;800;900&family=IBM+Plex+Mono:wght@300;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;800;900&family=IBM+Plex+Mono:wght@300;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;800;900&family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap"
design-templates/html-ppt-zhangzara-studio/template.json
- Network accessline 46
"slide_count": 12, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" - Network accessline 47
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio" } - Network accessline 48
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/studio"
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).
design-templates/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,400;0,500;0,600;1,300;1,400;1,500;1,600&family=DM+Sans:wght@300;400;500&family=Courier+Prime:wght@400;700&family=Noto+Serif+SC:wght@300;400;500&family - Network accessline 11
href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=DM+Sans:wght@300;400;500&family=Courier+Prime:wght@400;700&family=Noto+Serif+SC:wght@300;400;500&family=Noto+Sans+S
design-templates/html-ppt-zhangzara-vellum/template.json
- Network accessline 47
"slide_count": 9, "navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" - Network accessline 48
"navigation": "inline keyboard handler", "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum" } - Network accessline 49
"source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum"
design-templates/html-ppt/README.md
design-templates/html-ppt/README.pt-BR.md
design-templates/html-ppt/README.zh-CN.md
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
design-templates/html-ppt/assets/animations/fx-runtime.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/_util.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/chain-react.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/confetti-cannon.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/constellation.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/counter-explosion.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/data-stream.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/firework.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/galaxy-swirl.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/gradient-blob.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/knowledge-graph.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/letter-explode.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/magnetic-field.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/matrix-rain.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/neural-net.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/orbit-ring.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/particle-burst.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/shockwave.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/sparkle-trail.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/starfield.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/typewriter-multi.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/animations/fx/word-cascade.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/assets/fonts.css
- Network accessline 1
/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 2
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 3
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 4
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 5
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 6
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
design-templates/html-ppt/assets/runtime.js
- Executable scriptline 1
Executable file
design-templates/html-ppt/examples/demo-deck/index.html
- Executable scriptline 1
Executable file - Network accessline 9
<link rel="stylesheet" id="theme-link" href="../../assets/themes/aurora.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> - Network accessline 10
<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head> - Network accessline 11
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
design-templates/html-ppt/scripts/new-deck.sh
- Executable scriptline 1
#!/usr/bin/env bash
design-templates/html-ppt/scripts/render.sh
- Executable scriptline 1
#!/usr/bin/env bash
design-templates/html-ppt/templates/full-decks/graphify-dark-graph/index.html
- Network accessline 16
<div class="gd-ambient"><div class="gd-orb gd-orb-1"></div><div class="gd-orb gd-orb-2"></div><div class="gd-orb gd-orb-3"></div></div> <!-- live force-directed graph bg --> <svg viewBox="0 0 1600 900" style="position:absolute;inset - Network accessline 17
<!-- live force-directed graph bg --> <svg viewBox="0 0 1600 900" style="position:absolute;inset:0;width:100%;height:100%;opacity:.38;z-index:1" xmlns="http://www.w3.org/2000/svg"> <g stroke="#7eb8da" stroke-width="1" stroke-opaci - Network accessline 18
<svg viewBox="0 0 1600 900" style="position:absolute;inset:0;width:100%;height:100%;opacity:.38;z-index:1" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt/templates/full-decks/hermes-cyber-terminal/index.html
- Network accessline 93
<h2 class="hc-h2">72 小时对比</h2> <p class="hc-lede">同一组 48 个 GitHub issue，两个 agent 各跑一遍</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 94
<p class="hc-lede">同一组 48 个 GitHub issue，两个 agent 各跑一遍</p> <svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg"> <g font-family="JetBrains Mono, monospace" font-size="1 - Network accessline 95
<svg viewBox="0 0 1000 380" style="width:100%;max-width:1040px;margin-top:24px" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt/templates/full-decks/knowledge-arch-blueprint/index.html
- Network accessline 95
<div class="kb-kicker">System Diagram</div> <h1 class="kb-h1" style="font-size:44px">反馈回路全貌</h1> <svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg"> - Network accessline 96
<h1 class="kb-h1" style="font-size:44px">反馈回路全貌</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 97
<svg viewBox="0 0 1200 520" style="width:100%;max-width:1200px;margin-top:20px" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt/templates/full-decks/obsidian-claude-gradient/index.html
- Network accessline 89
<span class="cc">"env"</span>: { <span class="cc">"OBSIDIAN_API_KEY"</span>: <span class="cs">"xxxxxxxxxxxxxxxx"</span>, <span class="cc">"OBSIDIAN_HOST"</span>: <span class="cs">"http://127.0.0.1:27123"</span> - Network accessline 90
[Credential-related source omitted] - Access to secretsline 90
[Credential-related source omitted] - Network accessline 91
<span class="cc">"OBSIDIAN_HOST"</span>: <span class="cs">"http://127.0.0.1:27123"</span>
design-templates/html-ppt/templates/full-decks/presenter-mode-reveal/index.html
- Network accessline 151
<div class="code-block mt-m"> <span class="comment"># 安装 html-ppt skill</span> <span class="cmd">npx</span> skills add <span class="flag">https://github.com/lewislulu/html-ppt-skill</span> - Network accessline 153
<span class="cmd">npx</span> skills add <span class="flag">https://github.com/lewislulu/html-ppt-skill</span>
design-templates/html-ppt/templates/full-decks/testing-safety-alert/index.html
- Network accessline 90
<h2 class="ts-h2">我们 Q1 的 <span class="red">12 起 AI 事故</span></h2> <p class="ts-sub">幸好全部捕获在 staging。但每一起都能上生产。</p> <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg"> - Network accessline 91
<p class="ts-sub">幸好全部捕获在 staging。但每一起都能上生产。</p> <svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg"> <g font-family="Inter,sans-serif" font-size="14" fill="#4a4955"> - Network accessline 92
<svg viewBox="0 0 1040 360" style="width:100%;max-width:1040px;margin-top:18px" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt/templates/full-decks/xhs-white-editorial/index.html
- Network accessline 106
</div> <h2 class="xw-title-md">越来越 <span class="xw-focus-pink">便宜</span>，越来越 <span class="xw-focus-green">贵</span></h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg - Network accessline 107
<h2 class="xw-title-md">越来越 <span class="xw-focus-pink">便宜</span>，越来越 <span class="xw-focus-green">贵</span></h2> <svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg"> <g - Network accessline 108
<svg viewBox="0 0 960 380" style="width:100%;max-width:1000px;margin-top:30px" xmlns="http://www.w3.org/2000/svg">
design-templates/html-ppt/templates/single-page/chart-bar.html
- Network accessline 5
<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr - Network accessline 6
<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
design-templates/html-ppt/templates/single-page/chart-line.html
- Network accessline 5
<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr - Network accessline 6
<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
design-templates/html-ppt/templates/single-page/chart-pie.html
- Network accessline 5
<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr - Network accessline 6
<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
design-templates/html-ppt/templates/single-page/chart-radar.html
- Network accessline 5
<link rel="stylesheet" id="theme-link" href="../../assets/themes/minimal-white.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></scr - Network accessline 6
<link rel="stylesheet" href="../../assets/animations/animations.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script> </head><body class="single"> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js"></script>
design-templates/html-ppt/templates/single-page/code.html
- Network accessline 5
<link rel="stylesheet" id="theme-link" href="../../assets/themes/tokyo-night.css"> <link rel="stylesheet" href="../../assets/animations/animations.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/t - Network accessline 6
<link rel="stylesheet" href="../../assets/animations/animations.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/tokyo-night-dark.min.css"> <script src="https://cdn.jsdelivr.net/npm/highlight.js@11 - Network accessline 7
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/tokyo-night-dark.min.css"> - Network accessline 8
<script src="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/lib/core.min.js"></script> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/lib/languages/javascript.min.js"></script>
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>
design-templates/hyperframes/references/dynamic-techniques.md
- Network accessline 87
| **pretext** | Pure-arithmetic text measurement without DOM reflow. 0.0002ms per call. | `window.__hyperframes.pretext.prepare(text, font)` / `.layout(prepared, maxWidth, lineHeight)` | Per-frame text reflow, shrinkwrap container - Network accessline 88
| **fitTextFontSize** | Finds the largest font size that fits text on one line. Built on pretext. | `window.__hyperframes.fitTextFontSize(text, { maxWidth, fontFamily, fontWeight })` | Overflow prevention for long phrases, portr - Network accessline 89
| **audio data** | Pre-extracted per-frame RMS energy and frequency bands. | Extract with `extract-audio-data.py`, load inline or via `fetch("audio-data.json")` | Audio-reactive visuals — modulate intensity
design-templates/hyperframes/references/html-in-canvas.md
- Network accessline 136
Block reference pages live at `https://hyperframes.heygen.com/catalog/blocks/<name>`.
design-templates/hyperframes/references/transcript-guide.md
- Network accessline 118
# Generate with word timestamps, then import curl https://api.openai.com/v1/audio/transcriptions \ - Network accessline 119
[Credential-related source omitted] - Access to secretsline 119
[Credential-related source omitted] - Access to secretsline 120
[Credential-related source omitted] - Network accessline 132
[Credential-related source omitted] - Access to secretsline 132
[Credential-related source omitted] - Access to secretsline 133
[Credential-related source omitted]
design-templates/hyperframes/references/transitions/catalog.md
- Network accessline 40
<head> <meta charset="UTF-8" /> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 41
<meta charset="UTF-8" /> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> <style> - Network accessline 42
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
design-templates/hyperframes/references/typography.md
- Dangerous shell operationline 38
Save this script to `/tmp/fontquery.py` and run with `curl -s 'https://fonts.google.com/metadata/fonts' > /tmp/gfonts.json && python3 /tmp/fontquery.py /tmp/gfonts.json`: - Network accessline 38
Save this script to `/tmp/fontquery.py` and run with `curl -s 'https://fonts.google.com/metadata/fonts' > /tmp/gfonts.json && python3 /tmp/fontquery.py /tmp/gfonts.json`:
design-templates/hyperframes/scripts/animation-map.mjs
- Executable scriptline 1
#!/usr/bin/env node
design-templates/hyperframes/scripts/contrast-report.mjs
- Executable scriptline 1
#!/usr/bin/env node - Network accessline 252
}) .join(""); return `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}">${rects}</svg>`; - Network accessline 253
.join(""); return `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}">${rects}</svg>`; } - Network accessline 254
return `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}">${rects}</svg>`;
design-templates/hyperframes/scripts/package-loader.mjs
- Executable scriptline 1
Executable file
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),
design-templates/ib-pitch-book/references/attribution.md
- Network accessline 5
- Repository: [anthropics/financial-services](https://github.com/anthropics/financial-services)
design-templates/kami-deck/README.md
- Network accessline 69
- [`open-design-landing-deck`](../open-design-landing-deck/) — same swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 70
swipe nav model, different visual language (Atelier Zero). - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original Claude skill (MIT) the design system adapts. - Network accessline 71
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
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
design-templates/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;600&family=JetBrains+Mono:wght@400;500&display=swap' rel='stylesheet' />
design-templates/kami-landing/README.md
- Network accessline 66
- [`design-templates/kami-deck/`](../kami-deck/) — sibling skill that produces a slide deck in the same kami language. - Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original - Network accessline 67
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 68
- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original
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
design-templates/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>
design-templates/last30days/SKILL.md
design-templates/last30days/scripts/briefing.py
- Executable scriptline 1
#!/usr/bin/env python3
design-templates/last30days/scripts/last30days.py
- Executable scriptline 1
#!/usr/bin/env python3 - Access to secretsline 245
[Credential-related source omitted] - Access to secretsline 510
[Credential-related source omitted] - Access to secretsline 532
[Credential-related source omitted] - Access to secretsline 581
[Credential-related source omitted] - Access to secretsline 641
[Credential-related source omitted] - Access to secretsline 642
[Credential-related source omitted] - Access to secretsline 734
[Credential-related source omitted] - Access to secretsline 735
[Credential-related source omitted]
design-templates/last30days/scripts/lib/__init__.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/bird_x.py
- Executable scriptline 1
Executable file - Access to secretsline 38
[Credential-related source omitted] - Access to secretsline 42
[Credential-related source omitted] - Access to secretsline 43
[Credential-related source omitted] - Access to secretsline 44
[Credential-related source omitted] - Access to secretsline 45
[Credential-related source omitted] - Access to secretsline 52
[Credential-related source omitted] - Access to secretsline 56
[Credential-related source omitted] - Access to secretsline 57
[Credential-related source omitted] - Access to secretsline 62
[Credential-related source omitted] - Access to secretsline 64
[Credential-related source omitted] - Access to secretsline 65
[Credential-related source omitted] - Access to secretsline 106
[Credential-related source omitted] - Access to secretsline 108
[Credential-related source omitted] - Access to secretsline 146
[Credential-related source omitted] - Network accessline 387
screen_name = author.get("username") or author.get("screen_name", "") if screen_name: url = f"https://x.com/{screen_name}/status/{tweet['id']}" - Network accessline 389
url = f"https://x.com/{screen_name}/status/{tweet['id']}"
design-templates/last30days/scripts/lib/bluesky.py
- Executable scriptline 1
Executable file - Network accessline 16
BSKY_SESSION_URL = "https://bsky.social/xrpc/com.atproto.server.createSession" - Network accessline 17
BSKY_SEARCH_URL = "https://public.api.bsky.app/xrpc/app.bsky.feed.searchPosts" - Network accessline 217
uri = post.get("uri") or "" rkey = uri.rsplit("/", 1)[-1] if uri else "" url = f"https://bsky.app/profile/{handle}/post/{rkey}" if handle and rkey else "" - Network accessline 219
url = f"https://bsky.app/profile/{handle}/post/{rkey}" if handle and rkey else ""
design-templates/last30days/scripts/lib/categories.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/chrome_cookies.py
- Executable scriptline 1
Executable file - Access to secretsline 6
[Credential-related source omitted] - Access to secretsline 33
[Credential-related source omitted] - Access to secretsline 35
[Credential-related source omitted] - Access to secretsline 48
[Credential-related source omitted] - Access to secretsline 52
[Credential-related source omitted] - Access to secretsline 59
[Credential-related source omitted] - Access to secretsline 67
[Credential-related source omitted] - Access to secretsline 172
[Credential-related source omitted] - Access to secretsline 186
[Credential-related source omitted] - Access to secretsline 236
[Credential-related source omitted]
design-templates/last30days/scripts/lib/cluster.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/competitors.py
design-templates/last30days/scripts/lib/cookie_extract.py
- Executable scriptline 1
[Credential-related source omitted] - Access to secretsline 1
[Credential-related source omitted] - Access to secretsline 3
[Credential-related source omitted] - Access to secretsline 214
[Credential-related source omitted] - Access to secretsline 241
[Credential-related source omitted] - Access to secretsline 282
[Credential-related source omitted] - Access to secretsline 330
[Credential-related source omitted] - Access to secretsline 342
[Credential-related source omitted]
design-templates/last30days/scripts/lib/dates.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/dedupe.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/entity_extract.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/env.py
- Executable scriptline 1
Executable file - Access to secretsline 18
[Credential-related source omitted] - Access to secretsline 25
[Credential-related source omitted] - Access to secretsline 28
[Credential-related source omitted] - Access to secretsline 30
[Credential-related source omitted] - Access to secretsline 32
[Credential-related source omitted] - Access to secretsline 35
[Credential-related source omitted] - Access to secretsline 121
[Credential-related source omitted] - Access to secretsline 123
[Credential-related source omitted] - Network accessline 124
if not payload: return None auth_claim = payload.get("https://api.openai.com/auth", {}) - Network accessline 125
return None auth_claim = payload.get("https://api.openai.com/auth", {}) if isinstance(auth_claim, dict): - Network accessline 126
auth_claim = payload.get("https://api.openai.com/auth", {}) - Access to secretsline 147
[Credential-related source omitted] - Access to secretsline 158
[Credential-related source omitted] - Access to secretsline 160
[Credential-related source omitted] - Access to secretsline 170
[Credential-related source omitted] - Access to secretsline 171
[Credential-related source omitted] - Access to secretsline 173
[Credential-related source omitted] - Access to secretsline 174
[Credential-related source omitted] - Access to secretsline 182
[Credential-related source omitted] - Access to secretsline 194
[Credential-related source omitted] - Access to secretsline 214
[Credential-related source omitted] - Access to secretsline 216
[Credential-related source omitted] - Access to secretsline 230
[Credential-related source omitted] - Access to secretsline 232
[Credential-related source omitted] - Access to secretsline 240
[Credential-related source omitted] - Access to secretsline 241
[Credential-related source omitted] - Access to secretsline 242
[Credential-related source omitted] - Access to secretsline 243
[Credential-related source omitted] - Access to secretsline 252
[Credential-related source omitted] - Access to secretsline 254
[Credential-related source omitted] - Access to secretsline 259
[Credential-related source omitted] - Access to secretsline 260
[Credential-related source omitted] - Access to secretsline 261
[Credential-related source omitted] - Access to secretsline 262
[Credential-related source omitted] - Access to secretsline 263
[Credential-related source omitted] - Access to secretsline 264
[Credential-related source omitted] - Access to secretsline 271
[Credential-related source omitted] - Access to secretsline 292
[Credential-related source omitted] - Access to secretsline 298
[Credential-related source omitted] - Access to secretsline 299
[Credential-related source omitted] - Access to secretsline 314
[Credential-related source omitted] - Access to secretsline 315
[Credential-related source omitted] - Access to secretsline 333
[Credential-related source omitted] - Access to secretsline 337
[Credential-related source omitted] - Access to secretsline 341
[Credential-related source omitted] - Access to secretsline 354
[Credential-related source omitted] - Access to secretsline 356
[Credential-related source omitted] - Access to secretsline 380
[Credential-related source omitted] - Access to secretsline 390
[Credential-related source omitted] - Access to secretsline 392
[Credential-related source omitted] - Access to secretsline 399
[Credential-related source omitted] - Access to secretsline 407
[Credential-related source omitted] - Access to secretsline 409
[Credential-related source omitted] - Access to secretsline 412
[Credential-related source omitted] - Access to secretsline 416
[Credential-related source omitted] - Access to secretsline 438
[Credential-related source omitted] - Access to secretsline 440
[Credential-related source omitted] - Access to secretsline 449
[Credential-related source omitted] - Access to secretsline 452
[Credential-related source omitted] - Access to secretsline 463
[Credential-related source omitted] - Access to secretsline 501
[Credential-related source omitted] - Access to secretsline 503
[Credential-related source omitted] - Access to secretsline 508
[Credential-related source omitted] - Access to secretsline 520
[Credential-related source omitted] - Access to secretsline 523
[Credential-related source omitted] - Access to secretsline 531
[Credential-related source omitted] - Access to secretsline 534
[Credential-related source omitted] - Access to secretsline 539
[Credential-related source omitted] - Network accessline 547
return (config.get('XIAOHONGSHU_API_BASE') or "http://host.docker.internal:18060").rstrip("/") - Access to secretsline 596
[Credential-related source omitted] - Access to secretsline 597
[Credential-related source omitted] - Access to secretsline 599
[Credential-related source omitted] - Access to secretsline 627
[Credential-related source omitted] - Access to secretsline 631
[Credential-related source omitted] - Access to secretsline 636
[Credential-related source omitted] - Access to secretsline 643
[Credential-related source omitted] - Access to secretsline 645
[Credential-related source omitted] - Access to secretsline 650
[Credential-related source omitted]
design-templates/last30days/scripts/lib/fanout.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/fusion.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/github.py
- Executable scriptline 1
Executable file - Access to secretsline 5
[Credential-related source omitted] - Network accessline 24
SEARCH_URL = "https://api.github.com/search/issues" - Access to secretsline 49
[Credential-related source omitted] - Network accessline 78
req = urllib.request.Request(url, headers=headers) - Network accessline 79
try: with urllib.request.urlopen(req, timeout=timeout) as resp: body = resp.read().decode("utf-8") - Network accessline 80
with urllib.request.urlopen(req, timeout=timeout) as resp: - Network accessline 102
parts = html_url.replace("https://github.com/", "").split("/") - Network accessline 292
Args: issue_url: HTML URL like https://github.com/owner/repo/issues/123 - Network accessline 293
issue_url: HTML URL like https://github.com/owner/repo/issues/123 - Network accessline 300
path = issue_url.replace("https://github.com/", "") - Network accessline 302
api_url = f"https://api.github.com/repos/{path}/comments?per_page={max_comments}&sort=reactions&direction=desc" - Network accessline 338
url = f"https://api.github.com/repos/{repo}/readme" - Network accessline 346
req = urllib.request.Request(url, headers=headers) - Network accessline 347
try: with urllib.request.urlopen(req, timeout=10) as resp: raw = resp.read().decode("utf-8", errors="replace") - Network accessline 348
with urllib.request.urlopen(req, timeout=10) as resp: - Network accessline 369
url = f"https://api.github.com/repos/{repo}/releases?per_page={count}" - Network accessline 431
url = f"https://api.github.com/repos/{repo}" - Network accessline 506
own_repos_url = f"https://api.github.com/users/{username}/repos?sort=stars&per_page={limits['own_repos']}&direction=desc" - Network accessline 545
"id": f"GH{idx}", "title": f"@{username}: {merged_count} PRs merged across {num_repos} repos ({merge_rate}% merge rate)", "url": f"https://github.com/{username}", - Network accessline 546
"title": f"@{username}: {merged_count} PRs merged across {num_repos} repos ({merge_rate}% merge rate)", "url": f"https://github.com/{username}", "date": to_date, - Network accessline 547
"url": f"https://github.com/{username}", - Network accessline 606
"id": f"GH{idx}", "title": f"{repo} ({stars_str} stars) - {pr_count} PRs merged", "url": f"https://github.com/{repo}", - Network accessline 607
"title": f"{repo} ({stars_str} stars) - {pr_count} PRs merged", "url": f"https://github.com/{repo}", "date": releases[0]["date"] if releases and releases[0].get("date") else to_date, - Network accessline 608
"url": f"https://github.com/{repo}", - Network accessline 664
"id": f"GH{idx}", "title": f"{repo_name} ({stars_str} stars) - own project, {open_issues} open issues", "url": f"https://github.com/{repo_name}", - Network accessline 665
"title": f"{repo_name} ({stars_str} stars) - own project, {open_issues} open issues", "url": f"https://github.com/{repo_name}", "date": releases[0]["date"] if releases and releases[0].get("date") else to_date - Network accessline 666
"url": f"https://github.com/{repo_name}", - Network accessline 784
"id": f"GH{idx + 1}", "title": f"{repo} ({stars_str} stars) - {open_issues} open issues", "url": f"https://github.com/{repo}", - Network accessline 785
"title": f"{repo} ({stars_str} stars) - {open_issues} open issues", "url": f"https://github.com/{repo}", "date": releases[0]["date"] if releases and releases[0].get("date") else to_date, - Network accessline 786
"url": f"https://github.com/{repo}",
design-templates/last30days/scripts/lib/grounding.py
- Executable scriptline 1
Executable file - Access to secretsline 17
[Credential-related source omitted] - Network accessline 18
) -> tuple[list[dict], dict]: url = ( "https://api.search.brave.com/res/v1/web/search?" - Network accessline 19
url = ( "https://api.search.brave.com/res/v1/web/search?" + urllib.parse.urlencode( - Network accessline 20
"https://api.search.brave.com/res/v1/web/search?" + urllib.parse.urlencode( { - Access to secretsline 29
[Credential-related source omitted] - Access to secretsline 55
[Credential-related source omitted] - Network accessline 56
) -> tuple[list[dict], dict]: data = http.request( "POST", "https://api.exa.ai/search", - Network accessline 57
[Credential-related source omitted] - Network accessline 58
"POST", "https://api.exa.ai/search", - Access to secretsline 59
[Credential-related source omitted] - Access to secretsline 100
[Credential-related source omitted] - Network accessline 101
) -> tuple[list[dict], dict]: data = http.request( "POST", "https://google.serper.dev/search", - Network accessline 102
[Credential-related source omitted] - Network accessline 103
"POST", "https://google.serper.dev/search", - Access to secretsline 104
[Credential-related source omitted] - Access to secretsline 137
[Credential-related source omitted] - Network accessline 138
) -> tuple[list[dict], dict]: data = http.request( "POST", "https://api.parallel.ai/v1/search", - Network accessline 139
[Credential-related source omitted] - Network accessline 140
"POST", "https://api.parallel.ai/v1/search", - Access to secretsline 141
[Credential-related source omitted] - Access to secretsline 198
[Credential-related source omitted] - Access to secretsline 200
[Credential-related source omitted] - Access to secretsline 202
[Credential-related source omitted] - Access to secretsline 204
[Credential-related source omitted] - Access to secretsline 209
[Credential-related source omitted] - Access to secretsline 211
[Credential-related source omitted] - Access to secretsline 214
[Credential-related source omitted] - Access to secretsline 216
[Credential-related source omitted] - Access to secretsline 219
[Credential-related source omitted] - Access to secretsline 221
[Credential-related source omitted] - Access to secretsline 224
[Credential-related source omitted] - Access to secretsline 226
[Credential-related source omitted]
design-templates/last30days/scripts/lib/hackernews.py
- Executable scriptline 1
Executable file - Network accessline 24
ALGOLIA_SEARCH_URL = "https://hn.algolia.com/api/v1/search" - Network accessline 25
ALGOLIA_SEARCH_BY_DATE_URL = "https://hn.algolia.com/api/v1/search_by_date" - Network accessline 26
ALGOLIA_ITEM_URL = "https://hn.algolia.com/api/v1/items" - Network accessline 178
article_url = hit.get("url") or "" hn_url = f"https://news.ycombinator.com/item?id={object_id}" - Network accessline 179
hn_url = f"https://news.ycombinator.com/item?id={object_id}"
design-templates/last30days/scripts/lib/html_render.py
- Executable scriptline 1
Executable file - Network accessline 329
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>last30days · __TITLE__</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 330
<title>last30days · __TITLE__</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 331
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 332
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - Network accessline 333
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
design-templates/last30days/scripts/lib/http.py
- Executable scriptline 1
Executable file - Network accessline 81
req = urllib.request.Request(url, data=data, headers=headers, method=method) - Access to secretsline 83
[Credential-related source omitted] - Network accessline 88
for attempt in range(retries): try: with urllib.request.urlopen(req, timeout=timeout) as response: - Network accessline 89
try: with urllib.request.urlopen(req, timeout=timeout) as response: body = response.read().decode('utf-8') - Network accessline 90
with urllib.request.urlopen(req, timeout=timeout) as response: - Network accessline 197
url = f"https://www.reddit.com{path}?raw_json=1"
design-templates/last30days/scripts/lib/instagram.py
- Executable scriptline 1
Executable file - Network accessline 6
[Credential-related source omitted] - Access to secretsline 6
[Credential-related source omitted] - Network accessline 7
API docs: https://scrapecreators.com/docs - Network accessline 22
SCRAPECREATORS_BASE = "https://api.scrapecreators.com" - Network accessline 200
url = raw.get("url", "") if not url and shortcode: url = f"https://www.instagram.com/reel/{shortcode}" - Network accessline 202
url = f"https://www.instagram.com/reel/{shortcode}" - Access to secretsline 289
[Credential-related source omitted]
design-templates/last30days/scripts/lib/log.py
design-templates/last30days/scripts/lib/normalize.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/perplexity.py
- Executable scriptline 1
Executable file - Network accessline 16
OPENROUTER_URL = "https://openrouter.ai/api/v1/chat/completions" - Access to secretsline 41
[Credential-related source omitted] - Access to secretsline 47
[Credential-related source omitted] - Access to secretsline 48
[Credential-related source omitted] - Access to secretsline 49
[Credential-related source omitted] - Access to secretsline 65
[Credential-related source omitted]
design-templates/last30days/scripts/lib/pinterest.py
- Executable scriptline 1
Executable file - Network accessline 6
[Credential-related source omitted] - Access to secretsline 6
[Credential-related source omitted] - Network accessline 7
API docs: https://scrapecreators.com/docs - Network accessline 21
SCRAPECREATORS_BASE = "https://api.scrapecreators.com/v1/pinterest" - Network accessline 80
url = raw.get("link") or raw.get("url") or "" if not url and pin_id: url = f"https://www.pinterest.com/pin/{pin_id}/" - Network accessline 82
url = f"https://www.pinterest.com/pin/{pin_id}/" - Access to secretsline 136
[Credential-related source omitted]
design-templates/last30days/scripts/lib/pipeline.py
- Executable scriptline 1
Executable file - Access to secretsline 100
[Credential-related source omitted] - Access to secretsline 113
[Credential-related source omitted] - Access to secretsline 117
[Credential-related source omitted] - Access to secretsline 135
[Credential-related source omitted] - Access to secretsline 137
[Credential-related source omitted] - Access to secretsline 139
[Credential-related source omitted] - Access to secretsline 141
[Credential-related source omitted] - Access to secretsline 145
[Credential-related source omitted] - Access to secretsline 146
[Credential-related source omitted] - Access to secretsline 147
[Credential-related source omitted] - Access to secretsline 158
[Credential-related source omitted] - Access to secretsline 871
[Credential-related source omitted] - Access to secretsline 876
[Credential-related source omitted] - Access to secretsline 883
[Credential-related source omitted] - Access to secretsline 901
[Credential-related source omitted] - Access to secretsline 925
[Credential-related source omitted] - Access to secretsline 932
[Credential-related source omitted] - Access to secretsline 944
[Credential-related source omitted] - Access to secretsline 950
[Credential-related source omitted] - Access to secretsline 962
[Credential-related source omitted] - Access to secretsline 976
[Credential-related source omitted] - Access to secretsline 992
[Credential-related source omitted] - Access to secretsline 1009
[Credential-related source omitted] - Access to secretsline 1016
[Credential-related source omitted] - Network accessline 1025
"id": "R1", "title": f"{subquery.search_query} discussion thread", "url": "https://reddit.com/r/example/comments/1", - Network accessline 1026
"title": f"{subquery.search_query} discussion thread", "url": "https://reddit.com/r/example/comments/1", "subreddit": "example", - Network accessline 1027
"url": "https://reddit.com/r/example/comments/1", - Network accessline 1039
"id": "X1", "text": f"People on X are discussing {subquery.search_query} right now.", "url": "https://x.com/example/status/1", - Network accessline 1040
"text": f"People on X are discussing {subquery.search_query} right now.", "url": "https://x.com/example/status/1", "author_handle": "example", - Network accessline 1041
"url": "https://x.com/example/status/1", - Network accessline 1051
"id": "WB1", "title": f"{subquery.search_query} article", "url": "https://example.com/article", - Network accessline 1052
"title": f"{subquery.search_query} article", "url": "https://example.com/article", "source_domain": "example.com", - Network accessline 1053
"url": "https://example.com/article",
design-templates/last30days/scripts/lib/planner.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/polymarket.py
design-templates/last30days/scripts/lib/preflight.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/providers.py
- Executable scriptline 1
Executable file - Network accessline 17
[Credential-related source omitted] - Access to secretsline 17
[Credential-related source omitted] - Network accessline 18
OPENAI_RESPONSES_URL = "https://api.openai.com/v1/responses" - Network accessline 19
CODEX_RESPONSES_URL = "https://chatgpt.com/backend-api/codex/responses" - Network accessline 20
XAI_RESPONSES_URL = "https://api.x.ai/v1/responses" - Network accessline 21
OPENROUTER_URL = "https://openrouter.ai/api/v1/chat/completions" - Access to secretsline 54
[Credential-related source omitted] - Access to secretsline 55
[Credential-related source omitted] - Access to secretsline 74
[Credential-related source omitted] - Access to secretsline 157
[Credential-related source omitted] - Access to secretsline 158
[Credential-related source omitted] - Access to secretsline 177
[Credential-related source omitted] - Access to secretsline 188
[Credential-related source omitted] - Access to secretsline 189
[Credential-related source omitted] - Access to secretsline 209
[Credential-related source omitted] - Access to secretsline 262
[Credential-related source omitted] - Access to secretsline 263
[Credential-related source omitted] - Access to secretsline 264
[Credential-related source omitted] - Access to secretsline 273
[Credential-related source omitted] - Access to secretsline 309
[Credential-related source omitted] - Access to secretsline 315
[Credential-related source omitted] - Access to secretsline 326
[Credential-related source omitted] - Access to secretsline 328
[Credential-related source omitted]
design-templates/last30days/scripts/lib/quality_nudge.py
- Executable scriptline 1
Executable file - Access to secretsline 25
[Credential-related source omitted] - Access to secretsline 75
[Credential-related source omitted] - Access to secretsline 100
[Credential-related source omitted] - Access to secretsline 147
[Credential-related source omitted] - Access to secretsline 148
[Credential-related source omitted] - Access to secretsline 172
[Credential-related source omitted]
design-templates/last30days/scripts/lib/query.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/reddit.py
- Executable scriptline 1
Executable file - Network accessline 6
[Credential-related source omitted] - Access to secretsline 6
[Credential-related source omitted] - Network accessline 7
API docs: https://scrapecreators.com/docs - Network accessline 26
SCRAPECREATORS_BASE = "https://api.scrapecreators.com/v1/reddit" - Network accessline 262
permalink = post.get("permalink", "") url = f"https://www.reddit.com{permalink}" if permalink else post.get("url", "") - Network accessline 263
url = f"https://www.reddit.com{permalink}" if permalink else post.get("url", "") - Access to secretsline 455
[Credential-related source omitted] - Network accessline 625
author = c.get("author", "[deleted]") permalink = c.get("permalink", "") comment_url = f"https://reddit.com{permalink}" if permalink else "" - Network accessline 627
comment_url = f"https://reddit.com{permalink}" if permalink else ""
design-templates/last30days/scripts/lib/reddit_enrich.py
- Executable scriptline 1
Executable file - Network accessline 244
for c in top_comments: permalink = c.get("permalink", "") comment_url = f"https://reddit.com{permalink}" if permalink else "" - Network accessline 245
permalink = c.get("permalink", "") comment_url = f"https://reddit.com{permalink}" if permalink else "" item["top_comments"].append({ - Network accessline 246
comment_url = f"https://reddit.com{permalink}" if permalink else "" - Network accessline 295
author = c.get("author", "[deleted]") permalink = c.get("permalink", "") comment_url = f"https://reddit.com{permalink}" if permalink else "" - Network accessline 297
comment_url = f"https://reddit.com{permalink}" if permalink else ""
design-templates/last30days/scripts/lib/reddit_public.py
- Executable scriptline 1
Executable file - Network accessline 6
Endpoints: - Global: https://www.reddit.com/search.json?q={query}&sort=relevance&t=month&limit={limit} - Network accessline 7
- Global: https://www.reddit.com/search.json?q={query}&sort=relevance&t=month&limit={limit} - Network accessline 8
- Subreddit: https://www.reddit.com/r/{sub}/search.json?q={query}&restrict_sr=on&sort=relevance&t=month - Network accessline 62
"Accept": "application/json", } req = urllib.request.Request(url, headers=headers) - Network accessline 64
req = urllib.request.Request(url, headers=headers) - Network accessline 66
for attempt in range(MAX_RETRIES): try: with urllib.request.urlopen(req, timeout=timeout) as resp: - Network accessline 67
try: with urllib.request.urlopen(req, timeout=timeout) as resp: content_type = resp.headers.get("Content-Type", "") - Network accessline 68
with urllib.request.urlopen(req, timeout=timeout) as resp: - Network accessline 149
"id": "", # Will be assigned after dedup "title": str(post.get("title", "")).strip(), "url": f"https://www.reddit.com{permalink}", - Network accessline 150
"title": str(post.get("title", "")).strip(), "url": f"https://www.reddit.com{permalink}", "score": score, - Network accessline 151
"url": f"https://www.reddit.com{permalink}", - Network accessline 201
sub = subreddit.lstrip("r/").strip() url = ( f"https://www.reddit.com/r/{sub}/search.json" - Network accessline 202
url = ( f"https://www.reddit.com/r/{sub}/search.json" f"?q={encoded_query}&restrict_sr=on&sort=relevance&t=month&limit={limit}&raw_json=1" - Network accessline 203
f"https://www.reddit.com/r/{sub}/search.json" - Network accessline 206
else: url = ( f"https://www.reddit.com/search.json" - Network accessline 207
url = ( f"https://www.reddit.com/search.json" f"?q={encoded_query}&sort=relevance&t=month&limit={limit}&raw_json=1" - Network accessline 208
f"https://www.reddit.com/search.json"
design-templates/last30days/scripts/lib/relevance.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/render.py
design-templates/last30days/scripts/lib/rerank.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/resolve.py
- Executable scriptline 1
Executable file - Access to secretsline 75
[Credential-related source omitted] - Access to secretsline 76
[Credential-related source omitted] - Access to secretsline 77
[Credential-related source omitted] - Access to secretsline 78
[Credential-related source omitted] - Access to secretsline 79
[Credential-related source omitted] - Access to secretsline 184
[Credential-related source omitted]
design-templates/last30days/scripts/lib/safari_cookies.py
design-templates/last30days/scripts/lib/schema.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/setup_wizard.py
- Executable scriptline 1
Executable file - Access to secretsline 38
[Credential-related source omitted] - Access to secretsline 43
[Credential-related source omitted] - Access to secretsline 102
[Credential-related source omitted] - Access to secretsline 108
[Credential-related source omitted] - Access to secretsline 167
[Credential-related source omitted] - Access to secretsline 169
[Credential-related source omitted] - Access to secretsline 198
[Credential-related source omitted] - Access to secretsline 199
[Credential-related source omitted] - Access to secretsline 200
[Credential-related source omitted] - Access to secretsline 201
[Credential-related source omitted] - Access to secretsline 202
[Credential-related source omitted] - Access to secretsline 203
[Credential-related source omitted] - Access to secretsline 204
[Credential-related source omitted] - Access to secretsline 221
[Credential-related source omitted] - Access to secretsline 225
[Credential-related source omitted] - Access to secretsline 227
[Credential-related source omitted] - Network accessline 245
_PAT_BASE = "https://api.scrapecreators.com/v1/github/pat" - Access to secretsline 255
[Credential-related source omitted] - Access to secretsline 272
[Credential-related source omitted] - Access to secretsline 273
[Credential-related source omitted] - Network accessline 283
_DEVICE_BASE = "https://api.scrapecreators.com/v1/github/device" - Access to secretsline 334
[Credential-related source omitted] - Access to secretsline 376
[Credential-related source omitted] - Access to secretsline 377
[Credential-related source omitted] - Access to secretsline 392
[Credential-related source omitted] - Access to secretsline 398
[Credential-related source omitted] - Access to secretsline 402
[Credential-related source omitted] - Access to secretsline 409
[Credential-related source omitted] - Access to secretsline 420
[Credential-related source omitted] - Access to secretsline 467
[Credential-related source omitted] - Access to secretsline 471
[Credential-related source omitted] - Access to secretsline 475
[Credential-related source omitted] - Access to secretsline 476
[Credential-related source omitted] - Access to secretsline 483
[Credential-related source omitted] - Access to secretsline 495
[Credential-related source omitted] - Access to secretsline 499
[Credential-related source omitted] - Access to secretsline 515
[Credential-related source omitted] - Access to secretsline 519
[Credential-related source omitted] - Access to secretsline 529
[Credential-related source omitted]
design-templates/last30days/scripts/lib/signals.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/snippet.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/subproc.py
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/threads.py
- Executable scriptline 1
Executable file - Network accessline 6
[Credential-related source omitted] - Access to secretsline 6
[Credential-related source omitted] - Network accessline 7
API docs: https://scrapecreators.com/docs - Network accessline 17
SCRAPECREATORS_BASE = "https://api.scrapecreators.com/v1/threads" - Network accessline 96
url = raw.get("url") or raw.get("share_url") or "" if not url and code: url = f"https://www.threads.net/post/{code}" - Network accessline 97
if not url and code: url = f"https://www.threads.net/post/{code}" elif not url and handle and post_id: - Network accessline 98
url = f"https://www.threads.net/post/{code}" - Network accessline 100
url = f"https://www.threads.net/@{handle}/post/{post_id}" - Access to secretsline 147
[Credential-related source omitted]
design-templates/last30days/scripts/lib/tiktok.py
- Executable scriptline 1
Executable file - Network accessline 6
[Credential-related source omitted] - Access to secretsline 6
[Credential-related source omitted] - Network accessline 7
API docs: https://scrapecreators.com/docs - Network accessline 21
SCRAPECREATORS_BASE = "https://api.scrapecreators.com/v1/tiktok" - Network accessline 178
url = share_url.split("?")[0] if share_url else "" if not url and author_name and video_id: url = f"https://www.tiktok.com/@{author_name}/video/{video_id}" - Network accessline 180
url = f"https://www.tiktok.com/@{author_name}/video/{video_id}" - Network accessline 262
_log(f"Profile videos: @{handle}") profile_url = "https://api.scrapecreators.com/v3/tiktok/profile/videos" - Network accessline 263
profile_url = "https://api.scrapecreators.com/v3/tiktok/profile/videos" - Access to secretsline 314
[Credential-related source omitted]
design-templates/last30days/scripts/lib/truthsocial.py
design-templates/last30days/scripts/lib/ui.py
- Executable scriptline 1
Executable file - Access to secretsline 199
[Credential-related source omitted] - Access to secretsline 200
[Credential-related source omitted] - Access to secretsline 201
[Credential-related source omitted] - Access to secretsline 209
[Credential-related source omitted] - Access to secretsline 210
[Credential-related source omitted] - Access to secretsline 217
[Credential-related source omitted] - Access to secretsline 218
[Credential-related source omitted] - Access to secretsline 529
[Credential-related source omitted] - Access to secretsline 549
[Credential-related source omitted] - Access to secretsline 572
[Credential-related source omitted] - Access to secretsline 589
[Credential-related source omitted] - Access to secretsline 592
[Credential-related source omitted]
design-templates/last30days/scripts/lib/vendor/bird-search/LICENSE
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/vendor/bird-search/bird-search.mjs
design-templates/last30days/scripts/lib/vendor/bird-search/lib/cookies.js
- Executable scriptline 1
Executable file - Access to secretsline 2
[Credential-related source omitted] - Network accessline 4
*/ const TWITTER_COOKIE_NAMES = ['auth_token', 'ct0']; const TWITTER_URL = 'https://x.com/'; - Network accessline 5
[Credential-related source omitted] - Access to secretsline 5
[Credential-related source omitted] - Network accessline 6
const TWITTER_URL = 'https://x.com/'; - Network accessline 7
const TWITTER_ORIGINS = ['https://x.com/', 'https://twitter.com/']; - Access to secretsline 27
[Credential-related source omitted] - Access to secretsline 96
[Credential-related source omitted] - Access to secretsline 162
[Credential-related source omitted] - Access to secretsline 170
[Credential-related source omitted] - Access to secretsline 173
[Credential-related source omitted] - Access to secretsline 187
[Credential-related source omitted] - Access to secretsline 189
[Credential-related source omitted] - Access to secretsline 210
[Credential-related source omitted]
design-templates/last30days/scripts/lib/vendor/bird-search/lib/paginate-cursor.js
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/vendor/bird-search/lib/runtime-features.js
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/vendor/bird-search/lib/runtime-query-ids.js
- Executable scriptline 1
Executable file - Network accessline 5
const DEFAULT_TTL_MS = 24 * 60 * 60 * 1000; const DISCOVERY_PAGES = [ 'https://x.com/?lang=en', - Network accessline 6
const DISCOVERY_PAGES = [ 'https://x.com/?lang=en', 'https://x.com/explore', - Network accessline 7
'https://x.com/?lang=en', - Network accessline 8
'https://x.com/explore', - Network accessline 9
'https://x.com/notifications', - Network accessline 10
'https://x.com/settings/profile',
design-templates/last30days/scripts/lib/vendor/bird-search/lib/twitter-client-base.js
- Executable scriptline 1
Executable file - Access to secretsline 21
[Credential-related source omitted] - Network accessline 65
async fetchWithTimeout(url, init) { if (!this.timeoutMs || this.timeoutMs <= 0) { return fetch(url, init); - Network accessline 66
if (!this.timeoutMs || this.timeoutMs <= 0) { return fetch(url, init); } - Network accessline 67
return fetch(url, init); - Network accessline 70
const timeoutId = setTimeout(() => controller.abort(), this.timeoutMs); try { return await fetch(url, { ...init, signal: controller.signal }); - Network accessline 71
try { return await fetch(url, { ...init, signal: controller.signal }); } - Network accessline 72
return await fetch(url, { ...init, signal: controller.signal }); - Network accessline 96
cookie: this.cookieHeader, 'user-agent': this.userAgent, origin: 'https://x.com', - Network accessline 97
'user-agent': this.userAgent, origin: 'https://x.com', referer: 'https://x.com/', - Network accessline 98
origin: 'https://x.com', - Network accessline 99
referer: 'https://x.com/',
design-templates/last30days/scripts/lib/vendor/bird-search/lib/twitter-client-constants.js
- Executable scriptline 1
Executable file - Network accessline 2
import queryIds from './query-ids.json' with { type: 'json' }; export const TWITTER_API_BASE = 'https://x.com/i/api/graphql'; - Network accessline 3
export const TWITTER_API_BASE = 'https://x.com/i/api/graphql'; - Network accessline 4
export const TWITTER_GRAPHQL_POST_URL = 'https://x.com/i/api/graphql'; - Network accessline 5
export const TWITTER_UPLOAD_URL = 'https://upload.twitter.com/i/media/upload.json'; - Network accessline 6
export const TWITTER_MEDIA_METADATA_URL = 'https://x.com/i/api/1.1/media/metadata/create.json'; - Network accessline 7
export const TWITTER_STATUS_UPDATE_URL = 'https://x.com/i/api/1.1/statuses/update.json';
design-templates/last30days/scripts/lib/vendor/bird-search/lib/twitter-client-features.js
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/vendor/bird-search/lib/twitter-client-search.js
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/vendor/bird-search/lib/twitter-client-types.js
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/vendor/bird-search/lib/twitter-client-utils.js
- Executable scriptline 1
Executable file - Network accessline 211
case 'TWEET': if (entity.data.tweetId) { return `[Embedded Tweet: https://x.com/i/status/${entity.data.tweetId}]`; - Network accessline 212
if (entity.data.tweetId) { return `[Embedded Tweet: https://x.com/i/status/${entity.data.tweetId}]`; } - Network accessline 213
return `[Embedded Tweet: https://x.com/i/status/${entity.data.tweetId}]`;
design-templates/last30days/scripts/lib/vendor/bird-search/package.json
- Executable scriptline 1
Executable file
design-templates/last30days/scripts/lib/xai_x.py
- Executable scriptline 1
Executable file - Network accessline 28
XAI_RESPONSES_URL = "https://api.x.ai/v1/responses" - Network accessline 44
{{ "text": "Post text content (truncated if long)", "url": "https://x.com/user/status/...", - Network accessline 45
"text": "Post text content (truncated if long)", "url": "https://x.com/user/status/...", "author_handle": "username", - Network accessline 46
"url": "https://x.com/user/status/...", - Access to secretsline 70
[Credential-related source omitted] - Access to secretsline 81
[Credential-related source omitted] - Access to secretsline 98
[Credential-related source omitted]
design-templates/last30days/scripts/lib/xiaohongshu_api.py
design-templates/last30days/scripts/lib/xquik.py
- Executable scriptline 1
Executable file - Network accessline 3
Uses the Xquik REST API (https://xquik.com/api/v1) to search X/Twitter - Network accessline 23
_BASE_URL = "https://xquik.com/api/v1" - Access to secretsline 85
[Credential-related source omitted] - Network accessline 171
url = "" if username and tweet_id: url = f"https://x.com/{username}/status/{tweet_id}" - Network accessline 172
if username and tweet_id: url = f"https://x.com/{username}/status/{tweet_id}" if not url: - Network accessline 173
url = f"https://x.com/{username}/status/{tweet_id}"
design-templates/last30days/scripts/lib/xurl_x.py
- Executable scriptline 1
Executable file - Network accessline 3
xurl is an open-source CLI for the X API (https://github.com/openclaw/xurl). - Access to secretsline 5
[Credential-related source omitted] - Network accessline 134
tweet_id = tweet.get("id", "") url = f"https://x.com/{username}/status/{tweet_id}" if username else "" - Network accessline 135
url = f"https://x.com/{username}/status/{tweet_id}" if username else ""
design-templates/last30days/scripts/lib/youtube_yt.py
- Executable scriptline 1
Executable file - Network accessline 3
Uses yt-dlp (https://github.com/yt-dlp/yt-dlp) for both YouTube search and - Access to secretsline 220
[Credential-related source omitted] - Network accessline 264
"video_id": video_id, "title": video.get("title", ""), "url": f"https://www.youtube.com/watch?v={video_id}", - Network accessline 265
"title": video.get("title", ""), "url": f"https://www.youtube.com/watch?v={video_id}", "channel_name": video.get("channel", video.get("uploader", "")), - Network accessline 266
"url": f"https://www.youtube.com/watch?v={video_id}", - Network accessline 332
watch_url = f"https://www.youtube.com/watch?v={video_id}" - Network accessline 339
req = urllib.request.Request(watch_url, headers=headers) - Network accessline 340
try: with urllib.request.urlopen(req, timeout=timeout) as resp: html = resp.read().decode("utf-8", errors="replace") - Network accessline 341
with urllib.request.urlopen(req, timeout=timeout) as resp: - Network accessline 399
sep = "&" if "?" in base_url else "?" vtt_url = f"{base_url}{sep}fmt=vtt" vtt_req = urllib.request.Request(vtt_url, headers=headers) - Network accessline 400
vtt_url = f"{base_url}{sep}fmt=vtt" vtt_req = urllib.request.Request(vtt_url, headers=headers) try: - Network accessline 401
vtt_req = urllib.request.Request(vtt_url, headers=headers) - Network accessline 402
try: with urllib.request.urlopen(vtt_req, timeout=timeout) as resp: vtt_text = resp.read().decode("utf-8", errors="replace") - Network accessline 403
with urllib.request.urlopen(vtt_req, timeout=timeout) as resp: - Access to secretsline 428
[Credential-related source omitted] - Network accessline 433
"--no-warnings", "-o", f"{temp_dir}/%(id)s", f"https://www.youtube.com/watch?v={video_id}", - Network accessline 434
"-o", f"{temp_dir}/%(id)s", f"https://www.youtube.com/watch?v={video_id}", ] - Network accessline 435
f"https://www.youtube.com/watch?v={video_id}", - Network accessline 618
SCRAPECREATORS_YT_BASE = "https://api.scrapecreators.com/v1/youtube" - Network accessline 703
video_url = f"https://www.youtube.com/watch?v={video_id}" - Access to secretsline 789
[Credential-related source omitted] - Network accessline 821
url = raw.get("url", "") if not url and video_id: url = f"https://www.youtube.com/watch?v={video_id}" - Network accessline 823
url = f"https://www.youtube.com/watch?v={video_id}" - Network accessline 924
video_url = f"https://www.youtube.com/watch?v={video_id}"
design-templates/last30days/scripts/store.py
- Executable scriptline 1
#!/usr/bin/env python3
design-templates/last30days/scripts/watchlist.py
design-templates/live-artifact/examples/baby-health-live.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Mira's First Month · A quiet panel</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Mira's First Month · A quiet panel</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&family=Caveat:wght@500;600&display=swap" rel="stylesheet">
design-templates/live-artifact/examples/competitor-radar-live.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Quiver · Competitor Radar</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quiver · Competitor Radar</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=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
design-templates/live-artifact/examples/crm-table-live.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Quiver · Q2 Pipeline (CRM)</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quiver · Q2 Pipeline (CRM)</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=Geist+Mono:wght@400;500;600&family=Instrument+Serif&display=swap" rel="stylesheet">
design-templates/live-artifact/examples/crypto-dashboard.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Quiver · Crypto Live Portfolio</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quiver · Crypto Live Portfolio</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=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&family=Instrument+Serif&display=swap" rel="stylesheet"> - Network accessline 64
background: /* Hex grid SVG overlay — DeFi/web3 aesthetic */ url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='48' viewBox='0 0 56 48'><path d='M28 0 L52 14 L52 38 L28 52 L4 38 L4 14 Z' fill - Network accessline 65
/* Hex grid SVG overlay — DeFi/web3 aesthetic */ url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='48' viewBox='0 0 56 48'><path d='M28 0 L52 14 L52 38 L28 52 L4 38 L4 14 Z' fill='none' stroke='%2 - Network accessline 66
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='48' viewBox='0 0 56 48'><path d='M28 0 L52 14 L52 38 L28 52 L4 38 L4 14 Z' fill='none' stroke='%23ff00aa' stroke-opacity='0.04' stroke-width='0.7'/></sv - Network accessline 968
<div class="sym-row"> <span class="sym" id="tkSym">BTC</span> <a class="ext" id="tkLinkExch" href="https://www.coinbase.com/price/bitcoin" target="_blank" rel="noopener">Coinbase <span class="ico">↗</span></a> - Network accessline 969
<span class="sym" id="tkSym">BTC</span> <a class="ext" id="tkLinkExch" href="https://www.coinbase.com/price/bitcoin" target="_blank" rel="noopener">Coinbase <span class="ico">↗</span></a> <a class="ext" id="tkLin - Network accessline 970
<a class="ext" id="tkLinkExch" href="https://www.coinbase.com/price/bitcoin" target="_blank" rel="noopener">Coinbase <span class="ico">↗</span></a> - Network accessline 971
<a class="ext" id="tkLinkYahoo" href="https://www.binance.com/en/price/bitcoin" target="_blank" rel="noopener">Binance <span class="ico">↗</span></a> - Network accessline 972
<a class="ext" id="tkLinkTV" href="https://coinmarketcap.com/currencies/bitcoin/" target="_blank" rel="noopener">CoinMarketCap <span class="ico">↗</span></a> - Network accessline 1307
<span class="sym-mark" style="background:linear-gradient(135deg,#f7931a,#a35e00);color:#1a0e00;">₿</span> <span class="name-block"> <span class="sym-name">BTC <a class="ext-mini" href="https://www.coinbase.com/ - Network accessline 1308
<span class="name-block"> <span class="sym-name">BTC <a class="ext-mini" href="https://www.coinbase.com/price/bitcoin" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> <s - Network accessline 1309
<span class="sym-name">BTC <a class="ext-mini" href="https://www.coinbase.com/price/bitcoin" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1327
<span class="sym-mark" style="background:linear-gradient(135deg,#14f195,#9945ff);color:#0a0020;">◎</span> <span class="name-block"> <span class="sym-name">SOL <a class="ext-mini" href="https://www.coinbase.com/ - Network accessline 1328
<span class="name-block"> <span class="sym-name">SOL <a class="ext-mini" href="https://www.coinbase.com/price/solana" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> <sp - Network accessline 1329
<span class="sym-name">SOL <a class="ext-mini" href="https://www.coinbase.com/price/solana" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1347
<span class="sym-mark" style="background:linear-gradient(135deg,#627eea,#3c5ed7);color:#fff;">Ξ</span> <span class="name-block"> <span class="sym-name">ETH <a class="ext-mini" href="https://www.coinbase.com/pri - Network accessline 1348
<span class="name-block"> <span class="sym-name">ETH <a class="ext-mini" href="https://www.coinbase.com/price/ethereum" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> < - Network accessline 1349
<span class="sym-name">ETH <a class="ext-mini" href="https://www.coinbase.com/price/ethereum" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1367
<span class="sym-mark" style="background:linear-gradient(135deg,#2a5ada,#1d3ea0);color:#fff;">L</span> <span class="name-block"> <span class="sym-name">LINK <a class="ext-mini" href="https://www.coinbase.com/pr - Network accessline 1368
<span class="name-block"> <span class="sym-name">LINK <a class="ext-mini" href="https://www.coinbase.com/price/chainlink" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1369
<span class="sym-name">LINK <a class="ext-mini" href="https://www.coinbase.com/price/chainlink" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1387
<span class="sym-mark" style="background:linear-gradient(135deg,#e84142,#7a0d0e);color:#fff;">A</span> <span class="name-block"> <span class="sym-name">AVAX <a class="ext-mini" href="https://www.coinbase.com/pr - Network accessline 1388
<span class="name-block"> <span class="sym-name">AVAX <a class="ext-mini" href="https://www.coinbase.com/price/avalanche" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1389
<span class="sym-name">AVAX <a class="ext-mini" href="https://www.coinbase.com/price/avalanche" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1407
<span class="sym-mark" style="background:linear-gradient(135deg,#e6007a,#860146);color:#fff;">●</span> <span class="name-block"> <span class="sym-name">DOT <a class="ext-mini" href="https://www.coinbase.com/pri - Network accessline 1408
<span class="name-block"> <span class="sym-name">DOT <a class="ext-mini" href="https://www.coinbase.com/price/polkadot" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> < - Network accessline 1409
<span class="sym-name">DOT <a class="ext-mini" href="https://www.coinbase.com/price/polkadot" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1427
<span class="sym-mark" style="background:linear-gradient(135deg,#c2a633,#8a7321);color:#1a1100;">Ð</span> <span class="name-block"> <span class="sym-name">DOGE <a class="ext-mini" href="https://www.coinbase.com - Network accessline 1428
<span class="name-block"> <span class="sym-name">DOGE <a class="ext-mini" href="https://www.coinbase.com/price/dogecoin" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1429
<span class="sym-name">DOGE <a class="ext-mini" href="https://www.coinbase.com/price/dogecoin" target="_blank" rel="noopener" onclick="event.stopPropagation()">Coinbase ↗</a></span> - Network accessline 1505
<div class="watch-foot"> <span>Vol $812M</span> <a href="https://www.coinbase.com/price/sui" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1506
<span>Vol $812M</span> <a href="https://www.coinbase.com/price/sui" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1507
<a href="https://www.coinbase.com/price/sui" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1523
<div class="watch-foot"> <span>Vol $1.4B</span> <a href="https://www.coinbase.com/price/dogecoin" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1524
<span>Vol $1.4B</span> <a href="https://www.coinbase.com/price/dogecoin" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1525
<a href="https://www.coinbase.com/price/dogecoin" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1541
<div class="watch-foot"> <span>Vol $640M</span> <a href="https://www.coinbase.com/price/avalanche" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1542
<span>Vol $640M</span> <a href="https://www.coinbase.com/price/avalanche" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1543
<a href="https://www.coinbase.com/price/avalanche" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1559
<div class="watch-foot"> <span>Vol $312M</span> <a href="https://www.coinbase.com/price/near-protocol" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1560
<span>Vol $312M</span> <a href="https://www.coinbase.com/price/near-protocol" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1561
<a href="https://www.coinbase.com/price/near-protocol" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1578
<div class="watch-foot"> <span>Vol $84M</span> <a href="https://www.coinbase.com/price/celestia" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1579
<span>Vol $84M</span> <a href="https://www.coinbase.com/price/celestia" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1580
<a href="https://www.coinbase.com/price/celestia" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1596
<div class="watch-foot"> <span>Vol $186M</span> <a href="https://www.coinbase.com/price/arbitrum" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1597
<span>Vol $186M</span> <a href="https://www.coinbase.com/price/arbitrum" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1598
<a href="https://www.coinbase.com/price/arbitrum" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1614
<div class="watch-foot"> <span>Vol $920M</span> <a href="https://www.coinbase.com/price/bnb" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1615
<span>Vol $920M</span> <a href="https://www.coinbase.com/price/bnb" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1616
<a href="https://www.coinbase.com/price/bnb" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1632
<div class="watch-foot"> <span>Vol $1.2B</span> <a href="https://www.coinbase.com/price/xrp" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1633
<span>Vol $1.2B</span> <a href="https://www.coinbase.com/price/xrp" target="_blank" rel="noopener">Coinbase ↗</a> </div> - Network accessline 1634
<a href="https://www.coinbase.com/price/xrp" target="_blank" rel="noopener">Coinbase ↗</a> - Network accessline 1730
icon: '₿', bg: 'linear-gradient(135deg,#f7931a,#a35e00)', fg: '#1a0e00', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/bitcoin', - Network accessline 1731
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/bitcoin', yahoo: 'https://www.binance.com/en/price/bitcoin', - Network accessline 1732
links: { exch: 'https://www.coinbase.com/price/bitcoin', - Network accessline 1733
yahoo: 'https://www.binance.com/en/price/bitcoin', - Network accessline 1734
tv: 'https://coinmarketcap.com/currencies/bitcoin/' }, - Network accessline 1741
icon: 'Ξ', bg: 'linear-gradient(135deg,#627eea,#3c5ed7)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/ethereum', - Network accessline 1742
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/ethereum', yahoo: 'https://www.binance.com/en/price/ethereum', - Network accessline 1743
links: { exch: 'https://www.coinbase.com/price/ethereum', - Network accessline 1744
yahoo: 'https://www.binance.com/en/price/ethereum', - Network accessline 1745
tv: 'https://coinmarketcap.com/currencies/ethereum/' }, - Network accessline 1752
icon: '◎', bg: 'linear-gradient(135deg,#14f195,#9945ff)', fg: '#0a0020', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/solana', - Network accessline 1753
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/solana', yahoo: 'https://www.binance.com/en/price/solana', - Network accessline 1754
links: { exch: 'https://www.coinbase.com/price/solana', - Network accessline 1755
yahoo: 'https://www.binance.com/en/price/solana', - Network accessline 1756
tv: 'https://coinmarketcap.com/currencies/solana/' }, - Network accessline 1763
icon: 'B', bg: 'linear-gradient(135deg,#f3ba2f,#a17500)', fg: '#1a0f00', exch: 'Binance', links: { exch: 'https://www.binance.com/en/price/bnb', - Network accessline 1764
exch: 'Binance', links: { exch: 'https://www.binance.com/en/price/bnb', yahoo: 'https://www.coinbase.com/price/bnb', - Network accessline 1765
links: { exch: 'https://www.binance.com/en/price/bnb', - Network accessline 1766
yahoo: 'https://www.coinbase.com/price/bnb', - Network accessline 1767
tv: 'https://coinmarketcap.com/currencies/bnb/' }, - Network accessline 1774
icon: 'X', bg: 'linear-gradient(135deg,#23292f,#000)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/xrp', - Network accessline 1775
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/xrp', yahoo: 'https://www.binance.com/en/price/xrp', - Network accessline 1776
links: { exch: 'https://www.coinbase.com/price/xrp', - Network accessline 1777
yahoo: 'https://www.binance.com/en/price/xrp', - Network accessline 1778
tv: 'https://coinmarketcap.com/currencies/xrp/' }, - Network accessline 1785
icon: 'A', bg: 'linear-gradient(135deg,#0033ad,#001a5e)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/cardano', - Network accessline 1786
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/cardano', yahoo: 'https://www.binance.com/en/price/cardano', - Network accessline 1787
links: { exch: 'https://www.coinbase.com/price/cardano', - Network accessline 1788
yahoo: 'https://www.binance.com/en/price/cardano', - Network accessline 1789
tv: 'https://coinmarketcap.com/currencies/cardano/' }, - Network accessline 1796
icon: 'Ð', bg: 'linear-gradient(135deg,#c2a633,#8a7321)', fg: '#1a1100', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/dogecoin', - Network accessline 1797
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/dogecoin', yahoo: 'https://www.binance.com/en/price/dogecoin', - Network accessline 1798
links: { exch: 'https://www.coinbase.com/price/dogecoin', - Network accessline 1799
yahoo: 'https://www.binance.com/en/price/dogecoin', - Network accessline 1800
tv: 'https://coinmarketcap.com/currencies/dogecoin/' }, - Network accessline 1807
icon: 'A', bg: 'linear-gradient(135deg,#e84142,#7a0d0e)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/avalanche', - Network accessline 1808
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/avalanche', yahoo: 'https://www.binance.com/en/price/avalanche', - Network accessline 1809
links: { exch: 'https://www.coinbase.com/price/avalanche', - Network accessline 1810
yahoo: 'https://www.binance.com/en/price/avalanche', - Network accessline 1811
tv: 'https://coinmarketcap.com/currencies/avalanche/' }, - Network accessline 1818
icon: 'L', bg: 'linear-gradient(135deg,#2a5ada,#1d3ea0)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/chainlink', - Network accessline 1819
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/chainlink', yahoo: 'https://www.binance.com/en/price/chainlink', - Network accessline 1820
links: { exch: 'https://www.coinbase.com/price/chainlink', - Network accessline 1821
yahoo: 'https://www.binance.com/en/price/chainlink', - Network accessline 1822
tv: 'https://coinmarketcap.com/currencies/chainlink/' }, - Network accessline 1829
icon: '●', bg: 'linear-gradient(135deg,#e6007a,#860146)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/polkadot', - Network accessline 1830
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/polkadot', yahoo: 'https://www.binance.com/en/price/polkadot', - Network accessline 1831
links: { exch: 'https://www.coinbase.com/price/polkadot', - Network accessline 1832
yahoo: 'https://www.binance.com/en/price/polkadot', - Network accessline 1833
tv: 'https://coinmarketcap.com/currencies/polkadot/' }, - Network accessline 1840
icon: 'S', bg: 'linear-gradient(135deg,#4ca3df,#1a4f8a)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/sui', - Network accessline 1841
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/sui', yahoo: 'https://www.binance.com/en/price/sui', - Network accessline 1842
links: { exch: 'https://www.coinbase.com/price/sui', - Network accessline 1843
yahoo: 'https://www.binance.com/en/price/sui', - Network accessline 1844
tv: 'https://coinmarketcap.com/currencies/sui/' }, - Network accessline 1851
icon: 'N', bg: 'linear-gradient(135deg,#000,#5f6368)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/near-protocol', - Network accessline 1852
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/near-protocol', yahoo: 'https://www.binance.com/en/price/near-protocol', - Network accessline 1853
links: { exch: 'https://www.coinbase.com/price/near-protocol', - Network accessline 1854
yahoo: 'https://www.binance.com/en/price/near-protocol', - Network accessline 1855
tv: 'https://coinmarketcap.com/currencies/near-protocol/' }, - Network accessline 1862
icon: 'T', bg: 'linear-gradient(135deg,#7b2bf9,#3d0e8c)', fg: '#ffffff', exch: 'Binance', links: { exch: 'https://www.binance.com/en/price/celestia', - Network accessline 1863
exch: 'Binance', links: { exch: 'https://www.binance.com/en/price/celestia', yahoo: 'https://www.coinbase.com/price/celestia', - Network accessline 1864
links: { exch: 'https://www.binance.com/en/price/celestia', - Network accessline 1865
yahoo: 'https://www.coinbase.com/price/celestia', - Network accessline 1866
tv: 'https://coinmarketcap.com/currencies/celestia/' }, - Network accessline 1873
icon: 'A', bg: 'linear-gradient(135deg,#28a0f0,#1565a8)', fg: '#ffffff', exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/arbitrum', - Network accessline 1874
exch: 'Coinbase', links: { exch: 'https://www.coinbase.com/price/arbitrum', yahoo: 'https://www.binance.com/en/price/arbitrum', - Network accessline 1875
links: { exch: 'https://www.coinbase.com/price/arbitrum', - Network accessline 1876
yahoo: 'https://www.binance.com/en/price/arbitrum', - Network accessline 1877
tv: 'https://coinmarketcap.com/currencies/arbitrum/' },
design-templates/live-artifact/examples/monday-operator-live.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Monday morning briefing · Quiver</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Monday morning briefing · Quiver</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=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet"> - Network accessline 50
background: /* paper grain — barely-there noise via SVG */ url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' base - Network accessline 51
/* paper grain — barely-there noise via SVG */ url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' n - Network accessline 52
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix va
design-templates/live-artifact/examples/stock-dashboard.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Quiver · Live Portfolio</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>Quiver · Live Portfolio</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=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Instrument+Serif&display=swap" rel="stylesheet"> - Network accessline 897
<div class="sym-row"> <span class="sym" id="tkSym">NVDA</span> <a class="ext" id="tkLinkExch" href="https://www.nasdaq.com/market-activity/stocks/nvda" target="_blank" rel="noopener">NASDAQ <span class="ico">↗</s - Network accessline 898
<span class="sym" id="tkSym">NVDA</span> <a class="ext" id="tkLinkExch" href="https://www.nasdaq.com/market-activity/stocks/nvda" target="_blank" rel="noopener">NASDAQ <span class="ico">↗</span></a> <a class="ext - Network accessline 899
<a class="ext" id="tkLinkExch" href="https://www.nasdaq.com/market-activity/stocks/nvda" target="_blank" rel="noopener">NASDAQ <span class="ico">↗</span></a> - Network accessline 900
<a class="ext" id="tkLinkYahoo" href="https://finance.yahoo.com/quote/NVDA" target="_blank" rel="noopener">Yahoo <span class="ico">↗</span></a> - Network accessline 901
<a class="ext" id="tkLinkTV" href="https://www.tradingview.com/symbols/NASDAQ-NVDA/" target="_blank" rel="noopener">TradingView <span class="ico">↗</span></a> - Network accessline 1237
<span class="sym-mark" style="background:linear-gradient(135deg,#76b900,#3d6800);color:#0a1502;">N</span> <span class="name-block"> <span class="sym-name">NVDA <a class="ext-mini" href="https://www.nasdaq.com/m - Network accessline 1238
<span class="name-block"> <span class="sym-name">NVDA <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/nvda" target="_blank" rel="noopener" onclick="event.stopPropagation()">NASDAQ ↗</a></span> - Network accessline 1239
<span class="sym-name">NVDA <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/nvda" target="_blank" rel="noopener" onclick="event.stopPropagation()">NASDAQ ↗</a></span> - Network accessline 1257
<span class="sym-mark" style="background:linear-gradient(135deg,#0c0c0c,#3a3a3a);color:#fff;">A</span> <span class="name-block"> <span class="sym-name">AAPL <a class="ext-mini" href="https://www.nasdaq.com/mark - Network accessline 1258
<span class="name-block"> <span class="sym-name">AAPL <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/aapl" target="_blank" rel="noopener">NASDAQ ↗</a></span> <span class="sym-co">Appl - Network accessline 1259
<span class="sym-name">AAPL <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/aapl" target="_blank" rel="noopener">NASDAQ ↗</a></span> - Network accessline 1277
<span class="sym-mark" style="background:linear-gradient(135deg,#0078d4,#005a9e);color:#fff;">M</span> <span class="name-block"> <span class="sym-name">MSFT <a class="ext-mini" href="https://www.nasdaq.com/mark - Network accessline 1278
<span class="name-block"> <span class="sym-name">MSFT <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/msft" target="_blank" rel="noopener">NASDAQ ↗</a></span> <span class="sym-co">Micr - Network accessline 1279
<span class="sym-name">MSFT <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/msft" target="_blank" rel="noopener">NASDAQ ↗</a></span> - Network accessline 1297
<span class="sym-mark" style="background:linear-gradient(135deg,#1877f2,#0c5fc3);color:#fff;">M</span> <span class="name-block"> <span class="sym-name">META <a class="ext-mini" href="https://www.nasdaq.com/mark - Network accessline 1298
<span class="name-block"> <span class="sym-name">META <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/meta" target="_blank" rel="noopener">NASDAQ ↗</a></span> <span class="sym-co">Meta - Network accessline 1299
<span class="sym-name">META <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/meta" target="_blank" rel="noopener">NASDAQ ↗</a></span> - Network accessline 1317
<span class="sym-mark" style="background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;">G</span> <span class="name-block"> <span class="sym-name">GOOGL <a class="ext-mini" href="https://www.nasdaq.com/mar - Network accessline 1318
<span class="name-block"> <span class="sym-name">GOOGL <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/googl" target="_blank" rel="noopener">NASDAQ ↗</a></span> <span class="sym-co">Al - Network accessline 1319
<span class="sym-name">GOOGL <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/googl" target="_blank" rel="noopener">NASDAQ ↗</a></span> - Network accessline 1337
<span class="sym-mark" style="background:linear-gradient(135deg,#ff9900,#cc7a00);color:#1a0e00;">A</span> <span class="name-block"> <span class="sym-name">AMZN <a class="ext-mini" href="https://www.nasdaq.com/m - Network accessline 1338
<span class="name-block"> <span class="sym-name">AMZN <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/amzn" target="_blank" rel="noopener">NASDAQ ↗</a></span> <span class="sym-co">Amaz - Network accessline 1339
<span class="sym-name">AMZN <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/amzn" target="_blank" rel="noopener">NASDAQ ↗</a></span> - Network accessline 1357
<span class="sym-mark" style="background:linear-gradient(135deg,#cc0000,#660000);color:#fff;">T</span> <span class="name-block"> <span class="sym-name">TSLA <a class="ext-mini" href="https://www.nasdaq.com/mark - Network accessline 1358
<span class="name-block"> <span class="sym-name">TSLA <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/tsla" target="_blank" rel="noopener">NASDAQ ↗</a></span> <span class="sym-co">Tesl - Network accessline 1359
<span class="sym-name">TSLA <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/tsla" target="_blank" rel="noopener">NASDAQ ↗</a></span> - Network accessline 1377
<span class="sym-mark" style="background:linear-gradient(135deg,#ed1c24,#7a0000);color:#fff;">A</span> <span class="name-block"> <span class="sym-name">AMD <a class="ext-mini" href="https://www.nasdaq.com/marke - Network accessline 1378
<span class="name-block"> <span class="sym-name">AMD <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/amd" target="_blank" rel="noopener">NASDAQ ↗</a></span> <span class="sym-co">Advanc - Network accessline 1379
<span class="sym-name">AMD <a class="ext-mini" href="https://www.nasdaq.com/market-activity/stocks/amd" target="_blank" rel="noopener">NASDAQ ↗</a></span> - Network accessline 1437
<div class="watch-foot"> <span>Vol 4.21M</span> <a href="https://www.nasdaq.com/market-activity/stocks/pltr" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1438
<span>Vol 4.21M</span> <a href="https://www.nasdaq.com/market-activity/stocks/pltr" target="_blank" rel="noopener">NASDAQ ↗</a> </div> - Network accessline 1439
<a href="https://www.nasdaq.com/market-activity/stocks/pltr" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1455
<div class="watch-foot"> <span>Vol 6.84M</span> <a href="https://www.nyse.com/quote/XNYS:SHOP" target="_blank" rel="noopener">NYSE ↗</a> - Network accessline 1456
<span>Vol 6.84M</span> <a href="https://www.nyse.com/quote/XNYS:SHOP" target="_blank" rel="noopener">NYSE ↗</a> </div> - Network accessline 1457
<a href="https://www.nyse.com/quote/XNYS:SHOP" target="_blank" rel="noopener">NYSE ↗</a> - Network accessline 1473
<div class="watch-foot"> <span>Vol 12.4M</span> <a href="https://www.nyse.com/quote/XNYS:TSM" target="_blank" rel="noopener">NYSE ↗</a> - Network accessline 1474
<span>Vol 12.4M</span> <a href="https://www.nyse.com/quote/XNYS:TSM" target="_blank" rel="noopener">NYSE ↗</a> </div> - Network accessline 1475
<a href="https://www.nyse.com/quote/XNYS:TSM" target="_blank" rel="noopener">NYSE ↗</a> - Network accessline 1491
<div class="watch-foot"> <span>Vol 8.92M</span> <a href="https://www.nasdaq.com/market-activity/stocks/coin" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1492
<span>Vol 8.92M</span> <a href="https://www.nasdaq.com/market-activity/stocks/coin" target="_blank" rel="noopener">NASDAQ ↗</a> </div> - Network accessline 1493
<a href="https://www.nasdaq.com/market-activity/stocks/coin" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1510
<div class="watch-foot"> <span>Vol 3.24M</span> <a href="https://www.nasdaq.com/market-activity/stocks/crwd" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1511
<span>Vol 3.24M</span> <a href="https://www.nasdaq.com/market-activity/stocks/crwd" target="_blank" rel="noopener">NASDAQ ↗</a> </div> - Network accessline 1512
<a href="https://www.nasdaq.com/market-activity/stocks/crwd" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1528
<div class="watch-foot"> <span>Vol 18.2M</span> <a href="https://www.nasdaq.com/market-activity/stocks/smci" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1529
<span>Vol 18.2M</span> <a href="https://www.nasdaq.com/market-activity/stocks/smci" target="_blank" rel="noopener">NASDAQ ↗</a> </div> - Network accessline 1530
<a href="https://www.nasdaq.com/market-activity/stocks/smci" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1546
<div class="watch-foot"> <span>Vol 7.42M</span> <a href="https://www.nyse.com/quote/XNYS:UBER" target="_blank" rel="noopener">NYSE ↗</a> - Network accessline 1547
<span>Vol 7.42M</span> <a href="https://www.nyse.com/quote/XNYS:UBER" target="_blank" rel="noopener">NYSE ↗</a> </div> - Network accessline 1548
<a href="https://www.nyse.com/quote/XNYS:UBER" target="_blank" rel="noopener">NYSE ↗</a> - Network accessline 1564
<div class="watch-foot"> <span>Vol 2.86M</span> <a href="https://www.nasdaq.com/market-activity/stocks/nflx" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1565
<span>Vol 2.86M</span> <a href="https://www.nasdaq.com/market-activity/stocks/nflx" target="_blank" rel="noopener">NASDAQ ↗</a> </div> - Network accessline 1566
<a href="https://www.nasdaq.com/market-activity/stocks/nflx" target="_blank" rel="noopener">NASDAQ ↗</a> - Network accessline 1663
icon: 'N', bg: 'linear-gradient(135deg,#76b900,#4d8400)', fg: '#0a1502', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/nvda', - Network accessline 1664
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/nvda', yahoo: 'https://finance.yahoo.com/quote/NVDA', - Network accessline 1665
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/nvda', - Network accessline 1666
yahoo: 'https://finance.yahoo.com/quote/NVDA', - Network accessline 1667
tv: 'https://www.tradingview.com/symbols/NASDAQ-NVDA/' }, - Network accessline 1674
icon: 'A', bg: 'linear-gradient(135deg,#0c0c0c,#3a3a3a)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/aapl', - Network accessline 1675
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/aapl', yahoo: 'https://finance.yahoo.com/quote/AAPL', - Network accessline 1676
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/aapl', - Network accessline 1677
yahoo: 'https://finance.yahoo.com/quote/AAPL', - Network accessline 1678
tv: 'https://www.tradingview.com/symbols/NASDAQ-AAPL/' }, - Network accessline 1685
icon: 'M', bg: 'linear-gradient(135deg,#0078d4,#005a9e)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/msft', - Network accessline 1686
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/msft', yahoo: 'https://finance.yahoo.com/quote/MSFT', - Network accessline 1687
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/msft', - Network accessline 1688
yahoo: 'https://finance.yahoo.com/quote/MSFT', - Network accessline 1689
tv: 'https://www.tradingview.com/symbols/NASDAQ-MSFT/' }, - Network accessline 1696
icon: 'M', bg: 'linear-gradient(135deg,#1877f2,#0c5fc3)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/meta', - Network accessline 1697
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/meta', yahoo: 'https://finance.yahoo.com/quote/META', - Network accessline 1698
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/meta', - Network accessline 1699
yahoo: 'https://finance.yahoo.com/quote/META', - Network accessline 1700
tv: 'https://www.tradingview.com/symbols/NASDAQ-META/' }, - Network accessline 1707
icon: 'G', bg: 'linear-gradient(135deg,#4285f4,#34a853)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/googl', - Network accessline 1708
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/googl', yahoo: 'https://finance.yahoo.com/quote/GOOGL', - Network accessline 1709
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/googl', - Network accessline 1710
yahoo: 'https://finance.yahoo.com/quote/GOOGL', - Network accessline 1711
tv: 'https://www.tradingview.com/symbols/NASDAQ-GOOGL/' }, - Network accessline 1718
icon: 'A', bg: 'linear-gradient(135deg,#ff9900,#cc7a00)', fg: '#1a0e00', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/amzn', - Network accessline 1719
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/amzn', yahoo: 'https://finance.yahoo.com/quote/AMZN', - Network accessline 1720
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/amzn', - Network accessline 1721
yahoo: 'https://finance.yahoo.com/quote/AMZN', - Network accessline 1722
tv: 'https://www.tradingview.com/symbols/NASDAQ-AMZN/' }, - Network accessline 1729
icon: 'T', bg: 'linear-gradient(135deg,#cc0000,#660000)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/tsla', - Network accessline 1730
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/tsla', yahoo: 'https://finance.yahoo.com/quote/TSLA', - Network accessline 1731
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/tsla', - Network accessline 1732
yahoo: 'https://finance.yahoo.com/quote/TSLA', - Network accessline 1733
tv: 'https://www.tradingview.com/symbols/NASDAQ-TSLA/' }, - Network accessline 1740
icon: 'A', bg: 'linear-gradient(135deg,#ed1c24,#7a0000)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/amd', - Network accessline 1741
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/amd', yahoo: 'https://finance.yahoo.com/quote/AMD', - Network accessline 1742
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/amd', - Network accessline 1743
yahoo: 'https://finance.yahoo.com/quote/AMD', - Network accessline 1744
tv: 'https://www.tradingview.com/symbols/NASDAQ-AMD/' }, - Network accessline 1751
icon: 'P', bg: 'linear-gradient(135deg,#1c1c1c,#444)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/pltr', - Network accessline 1752
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/pltr', yahoo: 'https://finance.yahoo.com/quote/PLTR', - Network accessline 1753
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/pltr', - Network accessline 1754
yahoo: 'https://finance.yahoo.com/quote/PLTR', - Network accessline 1755
tv: 'https://www.tradingview.com/symbols/NASDAQ-PLTR/' }, - Network accessline 1762
icon: 'S', bg: 'linear-gradient(135deg,#95bf47,#5e8e2e)', fg: '#0a1500', exch: 'NYSE', links: { exch: 'https://www.nyse.com/quote/XNYS:SHOP', - Network accessline 1763
exch: 'NYSE', links: { exch: 'https://www.nyse.com/quote/XNYS:SHOP', yahoo: 'https://finance.yahoo.com/quote/SHOP', - Network accessline 1764
links: { exch: 'https://www.nyse.com/quote/XNYS:SHOP', - Network accessline 1765
yahoo: 'https://finance.yahoo.com/quote/SHOP', - Network accessline 1766
tv: 'https://www.tradingview.com/symbols/NYSE-SHOP/' }, - Network accessline 1773
icon: 'T', bg: 'linear-gradient(135deg,#bb002a,#660018)', fg: '#ffffff', exch: 'NYSE', links: { exch: 'https://www.nyse.com/quote/XNYS:TSM', - Network accessline 1774
exch: 'NYSE', links: { exch: 'https://www.nyse.com/quote/XNYS:TSM', yahoo: 'https://finance.yahoo.com/quote/TSM', - Network accessline 1775
links: { exch: 'https://www.nyse.com/quote/XNYS:TSM', - Network accessline 1776
yahoo: 'https://finance.yahoo.com/quote/TSM', - Network accessline 1777
tv: 'https://www.tradingview.com/symbols/NYSE-TSM/' }, - Network accessline 1784
icon: 'C', bg: 'linear-gradient(135deg,#0052ff,#003fcc)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/coin', - Network accessline 1785
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/coin', yahoo: 'https://finance.yahoo.com/quote/COIN', - Network accessline 1786
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/coin', - Network accessline 1787
yahoo: 'https://finance.yahoo.com/quote/COIN', - Network accessline 1788
tv: 'https://www.tradingview.com/symbols/NASDAQ-COIN/' }, - Network accessline 1795
icon: 'C', bg: 'linear-gradient(135deg,#fc0000,#7a0000)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/crwd', - Network accessline 1796
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/crwd', yahoo: 'https://finance.yahoo.com/quote/CRWD', - Network accessline 1797
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/crwd', - Network accessline 1798
yahoo: 'https://finance.yahoo.com/quote/CRWD', - Network accessline 1799
tv: 'https://www.tradingview.com/symbols/NASDAQ-CRWD/' }, - Network accessline 1806
icon: 'S', bg: 'linear-gradient(135deg,#10b981,#065f46)', fg: '#031a13', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/smci', - Network accessline 1807
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/smci', yahoo: 'https://finance.yahoo.com/quote/SMCI', - Network accessline 1808
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/smci', - Network accessline 1809
yahoo: 'https://finance.yahoo.com/quote/SMCI', - Network accessline 1810
tv: 'https://www.tradingview.com/symbols/NASDAQ-SMCI/' }, - Network accessline 1817
icon: 'U', bg: 'linear-gradient(135deg,#000,#444)', fg: '#ffffff', exch: 'NYSE', links: { exch: 'https://www.nyse.com/quote/XNYS:UBER', - Network accessline 1818
exch: 'NYSE', links: { exch: 'https://www.nyse.com/quote/XNYS:UBER', yahoo: 'https://finance.yahoo.com/quote/UBER', - Network accessline 1819
links: { exch: 'https://www.nyse.com/quote/XNYS:UBER', - Network accessline 1820
yahoo: 'https://finance.yahoo.com/quote/UBER', - Network accessline 1821
tv: 'https://www.tradingview.com/symbols/NYSE-UBER/' }, - Network accessline 1828
icon: 'N', bg: 'linear-gradient(135deg,#e50914,#7a0306)', fg: '#ffffff', exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/nflx', - Network accessline 1829
exch: 'NASDAQ', links: { exch: 'https://www.nasdaq.com/market-activity/stocks/nflx', yahoo: 'https://finance.yahoo.com/quote/NFLX', - Network accessline 1830
links: { exch: 'https://www.nasdaq.com/market-activity/stocks/nflx', - Network accessline 1831
yahoo: 'https://finance.yahoo.com/quote/NFLX', - Network accessline 1832
tv: 'https://www.tradingview.com/symbols/NASDAQ-NFLX/' },
design-templates/live-artifact/examples/stock-portfolio-live/data.json
- Network accessline 72
"sector": "Semiconductors · Mkt cap $2.27T", "exchangeName": "NASDAQ", "exchangeUrl": "https://www.nasdaq.com/market-activity/stocks/nvda", - Network accessline 73
"exchangeName": "NASDAQ", "exchangeUrl": "https://www.nasdaq.com/market-activity/stocks/nvda", "yahooUrl": "https://finance.yahoo.com/quote/NVDA", - Network accessline 74
"exchangeUrl": "https://www.nasdaq.com/market-activity/stocks/nvda", - Network accessline 75
"yahooUrl": "https://finance.yahoo.com/quote/NVDA", - Network accessline 76
"tradingViewUrl": "https://www.tradingview.com/symbols/NASDAQ-NVDA/", - Network accessline 137
"iconFg": "#0a1502", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/nvda", - Network accessline 138
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/nvda", "shares": "100", - Network accessline 139
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/nvda", - Network accessline 155
"iconFg": "#ffffff", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/aapl", - Network accessline 156
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/aapl", "shares": "220", - Network accessline 157
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/aapl", - Network accessline 173
"iconFg": "#ffffff", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/msft", - Network accessline 174
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/msft", "shares": "85", - Network accessline 175
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/msft", - Network accessline 191
"iconFg": "#ffffff", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/meta", - Network accessline 192
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/meta", "shares": "55", - Network accessline 193
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/meta", - Network accessline 209
"iconFg": "#ffffff", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/googl", - Network accessline 210
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/googl", "shares": "160", - Network accessline 211
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/googl", - Network accessline 227
"iconFg": "#1a0e00", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/amzn", - Network accessline 228
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/amzn", "shares": "90", - Network accessline 229
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/amzn", - Network accessline 245
"iconFg": "#ffffff", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/tsla", - Network accessline 246
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/tsla", "shares": "42", - Network accessline 247
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/tsla", - Network accessline 263
"iconFg": "#ffffff", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/amd", - Network accessline 264
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/amd", "shares": "52", - Network accessline 265
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/amd", - Network accessline 309
"volume": "4.21M", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/pltr" - Network accessline 310
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/pltr" }, - Network accessline 311
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/pltr" - Network accessline 321
"volume": "6.84M", "exchName": "NYSE", "exchUrl": "https://www.nyse.com/quote/XNYS:SHOP" - Network accessline 322
"exchName": "NYSE", "exchUrl": "https://www.nyse.com/quote/XNYS:SHOP" }, - Network accessline 323
"exchUrl": "https://www.nyse.com/quote/XNYS:SHOP" - Network accessline 333
"volume": "12.4M", "exchName": "NYSE", "exchUrl": "https://www.nyse.com/quote/XNYS:TSM" - Network accessline 334
"exchName": "NYSE", "exchUrl": "https://www.nyse.com/quote/XNYS:TSM" }, - Network accessline 335
"exchUrl": "https://www.nyse.com/quote/XNYS:TSM" - Network accessline 345
"volume": "8.92M", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/coin" - Network accessline 346
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/coin" }, - Network accessline 347
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/coin" - Network accessline 357
"volume": "3.24M", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/crwd" - Network accessline 358
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/crwd" }, - Network accessline 359
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/crwd" - Network accessline 369
"volume": "18.2M", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/smci" - Network accessline 370
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/smci" }, - Network accessline 371
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/smci" - Network accessline 381
"volume": "7.42M", "exchName": "NYSE", "exchUrl": "https://www.nyse.com/quote/XNYS:UBER" - Network accessline 382
"exchName": "NYSE", "exchUrl": "https://www.nyse.com/quote/XNYS:UBER" }, - Network accessline 383
"exchUrl": "https://www.nyse.com/quote/XNYS:UBER" - Network accessline 393
"volume": "2.86M", "exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/nflx" - Network accessline 394
"exchName": "NASDAQ", "exchUrl": "https://www.nasdaq.com/market-activity/stocks/nflx" } - Network accessline 395
"exchUrl": "https://www.nasdaq.com/market-activity/stocks/nflx"
design-templates/live-artifact/examples/stock-portfolio-live/template.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>{{data.summary.brand}} · Live Portfolio</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>{{data.summary.brand}} · Live Portfolio</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=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Instrument+Serif&display=swap" rel="stylesheet">
design-templates/live-dashboard/references/checklist.md
- Network accessline 37
- [ ] **P0 — `connectors.json` exists** at the project root. See `connectors.md` for the schema. - [ ] **P0 — Endpoints documented**. Every `fetch()` call inside - Network accessline 38
`connectors.md` for the schema. - [ ] **P0 — Endpoints documented**. Every `fetch()` call inside `index.html` corresponds to one entry in `connectors.json`. - Network accessline 39
- [ ] **P0 — Endpoints documented**. Every `fetch()` call inside
design-templates/live-dashboard/references/connectors.md
design-templates/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@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&display - Network accessline 26
* typefaces here; either extend the design system first. */ @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,40 - Network accessline 28
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&displa - Network accessline 73
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 74
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 75
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 1253
pointer-events: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='s - Network accessline 1254
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix v - Network accessline 1255
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 - Network accessline 2683
<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 2684
<div class='actions'> <a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> View the GitHub repo - Network accessline 2685
<a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> - Network accessline 2687
<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/issues' target='_blank' rel='noreferrer noopener'> - Network accessline 2688
</a> <a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'> Open an issue - Network accessline 2689
<a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'>
design-templates/open-design-landing-deck/inputs.example.json
- Network accessline 14
"version": "v0.3.0", "license": "Apache-2.0", "primary_url": "https://github.com/nexu-io/open-design", - Network accessline 15
"license": "Apache-2.0", "primary_url": "https://github.com/nexu-io/open-design", "primary_url_label": "Star · 0K", - Network accessline 16
"primary_url": "https://github.com/nexu-io/open-design", - Network accessline 17
"primary_url_label": "Star · 0K", "contact_email": "https://github.com/nexu-io/open-design/issues", "location": "Berlin / Open / Earth", - Network accessline 18
"contact_email": "https://github.com/nexu-io/open-design/issues", - Network accessline 188
], "body": "Star us on GitHub, drop into the issues, or run pnpm tools-dev tonight. Three commands and the loop is yours.", "primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 189
"body": "Star us on GitHub, drop into the issues, or run pnpm tools-dev tonight. Three commands and the loop is yours.", "primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-design" }, "secondary": - Network accessline 190
"primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 191
"secondary": { "label": "Open an issue", "href": "https://github.com/nexu-io/open-design/issues" }
design-templates/open-design-landing-deck/schema.ts
- Executable scriptline 1
Executable file
design-templates/open-design-landing-deck/scripts/compose.ts
- Executable scriptline 1
#!/usr/bin/env -S npx -y tsx - Executable scriptline 1
#!/usr/bin/env -S npx -y tsx - Network accessline 1005
`<title>${inputs.deck_title}</title>`, `<meta name='description' content='${inputs.brand.description}' />`, `<link rel='preconnect' href='https://fonts.googleapis.com' />`, - Network accessline 1005
`<title>${inputs.deck_title}</title>`, `<meta name='description' content='${inputs.brand.description}' />`, `<link rel='preconnect' href='https://fonts.googleapis.com' />`, - Network accessline 1006
`<meta name='description' content='${inputs.brand.description}' />`, `<link rel='preconnect' href='https://fonts.googleapis.com' />`, `<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />`, - Network accessline 1006
`<meta name='description' content='${inputs.brand.description}' />`, `<link rel='preconnect' href='https://fonts.googleapis.com' />`, `<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />`, - Network accessline 1007
`<link rel='preconnect' href='https://fonts.googleapis.com' />`, - Network accessline 1007
`<link rel='preconnect' href='https://fonts.googleapis.com' />`, - Network accessline 1008
`<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />`, - Network accessline 1008
`<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />`, - Network accessline 1009
`<link href='https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&displa - Network accessline 1009
`<link href='https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&displa
design-templates/open-design-landing/SKILL.md
design-templates/open-design-landing/assets/agents/anthropic.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Anthropic"><path fill="currentColor" d="M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363
design-templates/open-design-landing/assets/agents/deepseek.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="DeepSeek"><path fill="currentColor" d="M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.
design-templates/open-design-landing/assets/agents/gemini.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Google Gemini"><path fill="currentColor" d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3
design-templates/open-design-landing/assets/agents/minimax.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="MiniMax"><g fill="currentColor"><rect x="2" y="10" width="1.7" height="4" rx="0.85"/><rect x="6" y="6.5" width="1.7" height="11" rx="0.85"/><rect x="10" y="3
design-templates/open-design-landing/assets/agents/moonshot.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Moonshot Kimi"><path fill="currentColor" d="M12 1.6A10.4 10.4 0 1 0 22.4 12 10.41 10.41 0 0 0 12 1.6Zm-3.2 5.1h2.05v4.07L14.6 6.7h2.45l-3.83 4.78 3.98 5.82H1
design-templates/open-design-landing/assets/agents/openai.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="OpenAI"><path fill="currentColor" d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847
design-templates/open-design-landing/assets/agents/qwen.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Qwen"><path fill="currentColor" d="M23.919 14.545 20.817 9.17l1.47-2.544a.56.56 0 0 0 0-.566l-1.633-2.83a.57.57 0 0 0-.49-.283h-6.207L12.487.402a.57.57 0 0 0
design-templates/open-design-landing/assets/agents/xai.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="xAI"><path fill="currentColor" d="M6.469 8.776 16.512 23h-4.464L2.005 8.776H6.47Zm-.004 7.9 2.233 3.164L6.467 23H2l4.465-6.324ZM22 2l-9.726 13.776-2.232-3.16
design-templates/open-design-landing/assets/agents/xiaomi.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Xiaomi MiMo"><path fill="currentColor" d="M3 6.4h6.7c1.55 0 2.5.42 3.1 1.05.6.62.95 1.55.95 2.95v7.2h-2.5v-7c0-.75-.15-1.2-.45-1.5-.3-.3-.78-.45-1.55-.45H5.5
design-templates/open-design-landing/assets/agents/zhipu.svg
- Network accessline 1
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Zhipu GLM"><path fill="currentColor" d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm3.4 4.1v1.95h5.04L7.05 15.1v1.8h9.55v-1.95h-5
design-templates/open-design-landing/assets/image-manifest.json
design-templates/open-design-landing/example.html
- Network accessline 6
<title>OpenDesign — Designing intelligence with skills, taste, and your own agent.</title> <meta name='description' content='OpenDesign is the open-source alternative to Claude Design. 12 coding-agent CLIs · 31 composable skills · 72 brand- - Network accessline 7
<meta name='description' content='OpenDesign is the open-source alternative to Claude Design. 12 coding-agent CLIs · 31 composable skills · 72 brand-grade design systems. Local-first, web-deployable, BYOK at every layer.' /> <link rel='prec - 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@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&display - Network accessline 26
* typefaces here; either extend the design system first. */ @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,40 - Network accessline 28
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&displa - Network accessline 73
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 74
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 75
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 1309
pointer-events: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='s - Network accessline 1310
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix v - Network accessline 1311
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 - Network accessline 2209
</span> <span class='right'> <a class='topbar-link' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'><span class='pulse'></span>Live · v0.3.0</a> - Network accessline 2210
<span class='right'> <a class='topbar-link' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'><span class='pulse'></span>Live · v0.3.0</a> <span><b>EN</b> · DE · 中文 · 日本語</span> - Network accessline 2211
<a class='topbar-link' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'><span class='pulse'></span>Live · v0.3.0</a> - Network accessline 2224
<nav> <ul class='nav-links'> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>Skills<span class='num'>31</span></a></li> - Network accessline 2225
<ul class='nav-links'> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>Skills<span class='num'>31</span></a></li> <li><a href='https://github.com/nexu-io/op - Network accessline 2226
<li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>Skills<span class='num'>31</span></a></li> - Network accessline 2227
<li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener'>Systems<span class='num'>72</span></a></li> - Network accessline 2232
</nav> <div class='nav-side'> <a class='nav-cta ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download</a> - Network accessline 2233
<div class='nav-side'> <a class='nav-cta ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download</a> <a class='nav-cta' href='https://github.com/nexu-io/open-design' targe - Network accessline 2234
<a class='nav-cta ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download</a> - Network accessline 2235
<a class='nav-cta' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>Star · 0K</a> - Network accessline 2257
<p class='lead' data-reveal>The open-source alternative to Anthropic’s Claude Design. 12 coding agents — Claude, Codex, Cursor, Gemini and friends — drive 31 composable skills and 72 brand-grade design systems. Generate web pages, sli - Network accessline 2258
<div class='hero-actions' data-reveal> <a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> Star us on GitHub - Network accessline 2259
<a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> - Network accessline 2261
<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/releases' target='_blank' rel='noreferrer noopener'> - Network accessline 2262
</a> <a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'> Download desktop - Network accessline 2263
<a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'> Download desktop <span class='arrow'><svg viewBox='0 0 24 24'><circle cx='12' cy='12' r='9'/><pat - Network accessline 2367
<div class='wire-row reverse'> <div class='marquee-track'> <a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</sp - Network accessline 2368
<div class='marquee-track'> <a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@tw93</spa - Network accessline 2369
<a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@tw93</span><span class='wire-role'>kami</span>< - Network accessline 2370
<a class='wire-item is-link' href='https://github.com/op7418' target='_blank' rel='noreferrer noopener' aria-label='Open op7418 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@op7418</span><span class='wire-role'>guizan - Network accessline 2371
<a class='wire-item is-link' href='https://github.com/alchaincyf' target='_blank' rel='noreferrer noopener' aria-label='Open alchaincyf on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@alchaincyf</span><span class='wire- - Network accessline 2372
<a class='wire-item is-link' href='https://github.com/multica-ai' target='_blank' rel='noreferrer noopener' aria-label='Open multica-ai on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@multica-ai</span><span class='wire- - Network accessline 2373
<a class='wire-item is-link' href='https://github.com/OpenCoworkAI' target='_blank' rel='noreferrer noopener' aria-label='Open OpenCoworkAI on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@OpenCoworkAI</span><span class= - Network accessline 2374
<a class='wire-item is-link' href='https://github.com/nexu-io' target='_blank' rel='noreferrer noopener' aria-label='Open nexu-io on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@nexu-io</span><span class='wire-role'>stu - Network accessline 2375
<a class='wire-item is-link' href='https://github.com/nexu-io/open-design/graphs/contributors' target='_blank' rel='noreferrer noopener' aria-label='Open you on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@you</span><sp - Network accessline 2376
<a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@tw93</span><span class='wire-role'>kami</span>< - Network accessline 2377
<a class='wire-item is-link' href='https://github.com/op7418' target='_blank' rel='noreferrer noopener' aria-label='Open op7418 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@op7418</span><span class='wire-role'>guizan - Network accessline 2378
<a class='wire-item is-link' href='https://github.com/alchaincyf' target='_blank' rel='noreferrer noopener' aria-label='Open alchaincyf on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@alchaincyf</span><span class='wire- - Network accessline 2379
<a class='wire-item is-link' href='https://github.com/multica-ai' target='_blank' rel='noreferrer noopener' aria-label='Open multica-ai on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@multica-ai</span><span class='wire- - Network accessline 2380
<a class='wire-item is-link' href='https://github.com/OpenCoworkAI' target='_blank' rel='noreferrer noopener' aria-label='Open OpenCoworkAI on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@OpenCoworkAI</span><span class= - Network accessline 2381
<a class='wire-item is-link' href='https://github.com/nexu-io' target='_blank' rel='noreferrer noopener' aria-label='Open nexu-io on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@nexu-io</span><span class='wire-role'>stu - Network accessline 2382
<a class='wire-item is-link' href='https://github.com/nexu-io/open-design/graphs/contributors' target='_blank' rel='noreferrer noopener' aria-label='Open you on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@you</span><sp - Network accessline 2403
<h2 class='display'>We treat <em>your agent</em> as a creative <em>collaborator,</em> not a black box<span class='dot'>.</span></h2> <p class='lead'>The strongest coding agents already live on your laptop. We don't ship one — we wir - Network accessline 2404
<p class='lead'>The strongest coding agents already live on your laptop. We don't ship one — we wire them into a skill-driven design workflow that runs locally with <code class='code-inline'>pnpm tools-dev</code>, deploys the web layer to V - Network accessline 2405
<a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'> - Network accessline 2461
<h3>Skills,<br/>not plugins</h3> <p>31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/ma - Network accessline 2462
<p>31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noref - Network accessline 2463
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' aria-label='Learn more about Skills'> - Network accessline 2472
<h3>Design Systems<br/>as Markdown</h3> <p>72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree - Network accessline 2473
<p>72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='n - Network accessline 2474
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener' aria-label='Learn more about Systems'> - Network accessline 2483
<h3>12 Agent<br/>Adapters</h3> <p>Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree - Network accessline 2484
<p>Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' - Network accessline 2485
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener' aria-label='Learn more about Adapters'> - Network accessline 2494
<h3>BYOK<br/>at every layer</h3> <p>OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design' target='_blank' re - Network accessline 2495
<p>OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener' aria-label='L - Network accessline 2496
<a class='arrow-mark' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener' aria-label='Learn more about BYOK'> - Network accessline 2541
<h4>Magazine Decks</h4> <p>Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/guizan - Network accessline 2542
<p>Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/guizang-ppt' target='_blank' rel=' - Network accessline 2543
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/guizang-ppt' target='_blank' rel='noreferrer noopener' aria-label='Open Magazine Decks'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg> - Network accessline 2548
<h4>Synthetic Matter</h4> <p>Gpt-image-2 + Seedance + HyperFrames. Image, video, audio — same chat surface as code.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' - Network accessline 2549
<p>Gpt-image-2 + Seedance + HyperFrames. Image, video, audio — same chat surface as code.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' rel='noreferrer noopener' ari - Network accessline 2550
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' rel='noreferrer noopener' aria-label='Open Synthetic Matter'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></sv - Network accessline 2555
<h4>Prompt Choreography</h4> <p>When unresolved choices would materially change the result, a focused question form keeps the next iteration on track.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/ - Network accessline 2556
<p>When unresolved choices would materially change the result, a focused question form keeps the next iteration on track.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/design-brief' target='_bla - Network accessline 2557
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/design-brief' target='_blank' rel='noreferrer noopener' aria-label='Open Prompt Choreography'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/> - Network accessline 2562
<h4>Visual Reasoning</h4> <p>5-dim self-critique gates every artifact: philosophy · hierarchy · execution · specificity · restraint.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/critique' t - Network accessline 2563
<p>5-dim self-critique gates every artifact: philosophy · hierarchy · execution · specificity · restraint.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/critique' target='_blank' rel='noreferrer - Network accessline 2564
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/critique' target='_blank' rel='noreferrer noopener' aria-label='Open Visual Reasoning'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg>< - Network accessline 2569
<h4>Soft Systems</h4> <p>Sandboxed iframe preview. Streaming todos. Real-cwd filesystem. Adaptive loops between human and machine.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target= - Network accessline 2570
<p>Sandboxed iframe preview. Streaming todos. Real-cwd filesystem. Adaptive loops between human and machine.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer n - Network accessline 2571
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener' aria-label='Open Soft Systems'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></a> - Network accessline 2576
<span class='on'></span><span class='on'></span><span class='on'></span><span class='on'></span><span class='on'></span><span></span><span></span><span></span> </div> <span class='meta'>05 / 31 SKILLS · <a class='lib - Network accessline 2577
</div> <span class='meta'>05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'>VIEW FULL LIBRARY →</a - Network accessline 2578
<span class='meta'>05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'>VIEW FULL LIBRARY →</a></span> - Network accessline 2633
<span>Skills inform everything. Files make it real.</span> </div> <div class='right'><a class='method-repo-link' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'><b>github.com/nexu-io/open- - Network accessline 2634
</div> <div class='right'><a class='method-repo-link' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'><b>github.com/nexu-io/open-design</b></a> · Apache-2.0</div> </div> - Network accessline 2635
<div class='right'><a class='method-repo-link' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'><b>github.com/nexu-io/open-design</b></a> · Apache-2.0</div> - Network accessline 2653
<span class='label'>Selected work</span> <h2>Skills that turn briefs into <em>memorable</em> shippable <em>artifacts</em><span class='dot'>.</span></h2> <a class='work-link' href='https://github.com/nexu-io/open-design/tree/ - Network accessline 2654
<h2>Skills that turn briefs into <em>memorable</em> shippable <em>artifacts</em><span class='dot'>.</span></h2> <a class='work-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noop - Network accessline 2655
<a class='work-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>View all 31 skills</a> - Network accessline 2656
</div> <a class='work-card' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> <div class='label-row'> - Network accessline 2657
<a class='work-card' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> - Network accessline 2668
</div> </a> <a class='work-card alt' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> - Network accessline 2669
</a> <a class='work-card alt' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> <div class='label-row'> - Network accessline 2670
<a class='work-card alt' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> - Network accessline 2711
<p class='partners-text'>Standing on the shoulders of teams shipping open-source design culture.</p> <div class='partners'> <a class='partner' data-reveal href='https://github.com/alchaincyf/huashu-design' target='_blank' re - Network accessline 2712
<div class='partners'> <a class='partner' data-reveal href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2713
<a class='partner' data-reveal href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'> - Network accessline 2720
<small>Philosophy</small> </a> <a class='partner' data-reveal href='https://github.com/op7418/guizang-ppt-skill' target='_blank' rel='noreferrer noopener'> - Network accessline 2721
</a> <a class='partner' data-reveal href='https://github.com/op7418/guizang-ppt-skill' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2722
<a class='partner' data-reveal href='https://github.com/op7418/guizang-ppt-skill' target='_blank' rel='noreferrer noopener'> - Network accessline 2729
<small>Decks</small> </a> <a class='partner' data-reveal href='https://github.com/multica-ai/multica' target='_blank' rel='noreferrer noopener'> - Network accessline 2730
</a> <a class='partner' data-reveal href='https://github.com/multica-ai/multica' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2731
<a class='partner' data-reveal href='https://github.com/multica-ai/multica' target='_blank' rel='noreferrer noopener'> - Network accessline 2738
<small>Daemon</small> </a> <a class='partner' data-reveal href='https://github.com/OpenCoworkAI/open-codesign' target='_blank' rel='noreferrer noopener'> - Network accessline 2739
</a> <a class='partner' data-reveal href='https://github.com/OpenCoworkAI/open-codesign' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2740
<a class='partner' data-reveal href='https://github.com/OpenCoworkAI/open-codesign' target='_blank' rel='noreferrer noopener'> - Network accessline 2747
<small>UX</small> </a> <a class='partner' data-reveal href='https://devin.ai/terminal' target='_blank' rel='noreferrer noopener'> - Network accessline 2748
</a> <a class='partner' data-reveal href='https://devin.ai/terminal' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2749
<a class='partner' data-reveal href='https://devin.ai/terminal' target='_blank' rel='noreferrer noopener'> - Network accessline 2756
<small>Terminal</small> </a> <a class='partner' data-reveal href='https://github.com/heygen-com/hyperframes' target='_blank' rel='noreferrer noopener'> - Network accessline 2757
</a> <a class='partner' data-reveal href='https://github.com/heygen-com/hyperframes' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2758
<a class='partner' data-reveal href='https://github.com/heygen-com/hyperframes' target='_blank' rel='noreferrer noopener'> - Network accessline 2803
</ul> <div class='amr-band-actions'> <a class='nav-cta amr-band-cta' href='https://open-design.ai/amr/'>Explore AMR</a> - Network accessline 2804
<div class='amr-band-actions'> <a class='nav-cta amr-band-cta' href='https://open-design.ai/amr/'>Explore AMR</a> </div> - Network accessline 2805
<a class='nav-cta amr-band-cta' href='https://open-design.ai/amr/'>Explore AMR</a> - Network accessline 2826
<p class='lead'>Star us on GitHub, drop into the issues, or run <code class='code-inline'>pnpm tools-dev</code> tonight. Three commands and the loop is yours.</p> <div class='cta-actions'> <a class='btn btn-primary' href=' - Network accessline 2827
<div class='cta-actions'> <a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> Star on GitHub - Network accessline 2828
<a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> - Network accessline 2830
<span class='arrow'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></span> </a> <a class='email-pill' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'> - Network accessline 2831
</a> <a class='email-pill' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'> Open an issue - Network accessline 2832
<a class='email-pill' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'> - Network accessline 2889
<span>OpenDesign</span> </a> <p style='margin-top:18px;'>The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel=' - Network accessline 2890
</a> <p style='margin-top:18px;'>The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-desi - Network accessline 2891
<p style='margin-top:18px;'>The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-design</a>, <a cl - Network accessline 2892
<a class='foot-cta' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download desktop<span class='meta'>macOS · v0.3.0</span></a> - Network accessline 2897
<li><a href='#agents'>Capabilities</a></li> <li><a href='#labs'>Labs</a></li> <li><a href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'>Method</a></li> - Network accessline 2898
<li><a href='#labs'>Labs</a></li> <li><a href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'>Method</a></li> <li><a href='https://github.com/nexu-io/open-design' targ - Network accessline 2899
<li><a href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'>Method</a></li> - Network accessline 2900
<li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>Manifesto</a></li> - Network accessline 2904
<h5>Library</h5> <ul> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>31 Skills</a></li> - Network accessline 2905
<ul> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>31 Skills</a></li> <li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_b - Network accessline 2906
<li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>31 Skills</a></li> - Network accessline 2907
<li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener'>72 Systems</a></li> - Network accessline 2908
<li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener'>5 Directions</a></li> - Network accessline 2909
<li><a href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' rel='noreferrer noopener'>5 Frames</a></li> - Network accessline 2913
<h5>Connect</h5> <ul> <li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>GitHub</a></li> - Network accessline 2914
<ul> <li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>GitHub</a></li> <li><a href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'>Issues - Network accessline 2915
<li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>GitHub</a></li> - Network accessline 2916
<li><a href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'>Issues</a></li> - Network accessline 2917
<li><a href='https://github.com/nexu-io/open-design/graphs/contributors' target='_blank' rel='noreferrer noopener'>Contributors</a></li> - Network accessline 2918
<li><a href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Releases</a></li> - Network accessline 2922
<h5>Docs</h5> <ul> <li><a href='https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md' target='_blank' rel='noreferrer noopener'>Quickstart</a></li> - Network accessline 2923
<ul> <li><a href='https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md' target='_blank' rel='noreferrer noopener'>Quickstart</a></li> <li><a href='https://github.com/nexu-io/open-design/blob/main/docs/architecture. - Network accessline 2924
<li><a href='https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md' target='_blank' rel='noreferrer noopener'>Quickstart</a></li> - Network accessline 2925
<li><a href='https://github.com/nexu-io/open-design/blob/main/docs/architecture.md' target='_blank' rel='noreferrer noopener'>Architecture</a></li> - Network accessline 2926
<li><a href='https://github.com/nexu-io/open-design/blob/main/docs/skills-protocol.md' target='_blank' rel='noreferrer noopener'>Skill Protocol</a></li> - Network accessline 2927
<li><a href='https://github.com/nexu-io/open-design/blob/main/docs/roadmap.md' target='_blank' rel='noreferrer noopener'>Roadmap</a></li> - Network accessline 3016
return k + 'K'; } fetch('https://api.github.com/repos/nexu-io/open-design', { - Network accessline 3017
} fetch('https://api.github.com/repos/nexu-io/open-design', { headers: { Accept: 'application/vnd.github+json' } - Network accessline 3018
fetch('https://api.github.com/repos/nexu-io/open-design', { - Network accessline 3069
if (submit) submit.disabled = true; if (msg) msg.textContent = ''; fetch('/subscribe', { - Network accessline 3070
if (msg) msg.textContent = ''; fetch('/subscribe', { method: 'POST', - Network accessline 3071
fetch('/subscribe', {
design-templates/open-design-landing/inputs.example.json
- Network accessline 14
"version": "v0.3.0", "license": "Apache-2.0", "primary_url": "https://github.com/nexu-io/open-design", - Network accessline 14
"version": "v0.3.0", "license": "Apache-2.0", "primary_url": "https://github.com/nexu-io/open-design", - Network accessline 15
"license": "Apache-2.0", "primary_url": "https://github.com/nexu-io/open-design", "primary_url_label": "Star · 0K", - Network accessline 15
"license": "Apache-2.0", "primary_url": "https://github.com/nexu-io/open-design", "primary_url_label": "Star · 0K", - Network accessline 16
"primary_url": "https://github.com/nexu-io/open-design", - Network accessline 16
"primary_url": "https://github.com/nexu-io/open-design", - Network accessline 17
"primary_url_label": "Star · 0K", "download_url": "https://github.com/nexu-io/open-design/releases", "download_url_label": "Download", - Network accessline 17
"primary_url_label": "Star · 0K", "download_url": "https://github.com/nexu-io/open-design/releases", "download_url_label": "Download", - Network accessline 18
"download_url": "https://github.com/nexu-io/open-design/releases", "download_url_label": "Download", "contact_email": "https://github.com/nexu-io/open-design/issues", - Network accessline 18
"download_url": "https://github.com/nexu-io/open-design/releases", "download_url_label": "Download", "contact_email": "https://github.com/nexu-io/open-design/issues", - Network accessline 19
"download_url_label": "Download", "contact_email": "https://github.com/nexu-io/open-design/issues", "location": "Berlin / Open / Earth", - Network accessline 19
"download_url_label": "Download", "contact_email": "https://github.com/nexu-io/open-design/issues", "location": "Berlin / Open / Earth", - Network accessline 20
"contact_email": "https://github.com/nexu-io/open-design/issues", - Network accessline 20
"contact_email": "https://github.com/nexu-io/open-design/issues", - Network accessline 34
"nav": [ { "label": "Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills", "count": "31" }, - Network accessline 34
"nav": [ { "label": "Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills", "count": "31" }, - Network accessline 35
{ "label": "Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills", "count": "31" }, - Network accessline 35
{ "label": "Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills", "count": "31" }, - Network accessline 36
{ "label": "Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems", "count": "72" }, - Network accessline 36
{ "label": "Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems", "count": "72" }, - Network accessline 63
], "lead": "The open-source alternative to Anthropic’s Claude Design. 12 coding agents — Claude, Codex, Cursor, Gemini and friends — drive 31 composable skills and 72 brand-grade design systems. Generate web pages, slide decks, mo - Network accessline 63
], "lead": "The open-source alternative to Anthropic’s Claude Design. 12 coding agents — Claude, Codex, Cursor, Gemini and friends — drive 31 composable skills and 72 brand-grade design systems. Generate web pages, slide decks, mo - Network accessline 64
"lead": "The open-source alternative to Anthropic’s Claude Design. 12 coding agents — Claude, Codex, Cursor, Gemini and friends — drive 31 composable skills and 72 brand-grade design systems. Generate web pages, slide decks, mobile pr - Network accessline 64
"lead": "The open-source alternative to Anthropic’s Claude Design. 12 coding agents — Claude, Codex, Cursor, Gemini and friends — drive 31 composable skills and 72 brand-grade design systems. Generate web pages, slide decks, mobile pr - Network accessline 65
"primary": { "label": "Star us on GitHub", "href": "https://github.com/nexu-io/open-design" }, "secondary": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases" }, "stats": [ - Network accessline 65
"primary": { "label": "Star us on GitHub", "href": "https://github.com/nexu-io/open-design" }, "secondary": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases" }, "stats": [ - Network accessline 66
"secondary": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases" }, - Network accessline 66
"secondary": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases" }, - Network accessline 98
"lead": "The strongest coding agents already live on your laptop. We don't ship one — we wire them into a skill-driven design workflow that runs locally with <code class='code-inline'>pnpm tools-dev</code>, deploys the web layer to Vercel, - Network accessline 98
"lead": "The strongest coding agents already live on your laptop. We don't ship one — we wire them into a skill-driven design workflow that runs locally with <code class='code-inline'>pnpm tools-dev</code>, deploys the web layer to Vercel, - Network accessline 99
"cta_label": "Read our approach", "cta_href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon", "footer_text": "Research · Design · Engineering · Repeat", - Network accessline 99
"cta_label": "Read our approach", "cta_href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon", "footer_text": "Research · Design · Engineering · Repeat", - Network accessline 100
"cta_href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon", - Network accessline 100
"cta_href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon", - Network accessline 127
"title": "Skills,\nnot plugins", "body": "31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.", "href": "https://github.com/nexu-io/open-design/tree/main/skil - Network accessline 127
"title": "Skills,\nnot plugins", "body": "31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.", "href": "https://github.com/nexu-io/open-design/tree/main/skil - Network accessline 128
"body": "31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, - Network accessline 128
"body": "31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, - Network accessline 129
"href": "https://github.com/nexu-io/open-design/tree/main/skills" - Network accessline 129
"href": "https://github.com/nexu-io/open-design/tree/main/skills" - Network accessline 135
"title": "Design Systems\nas Markdown", "body": "72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…", "href": "https://github.com/nexu-io/open-design/tree/main/d - Network accessline 135
"title": "Design Systems\nas Markdown", "body": "72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…", "href": "https://github.com/nexu-io/open-design/tree/main/d - Network accessline 136
"body": "72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, - Network accessline 136
"body": "72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, - Network accessline 137
"href": "https://github.com/nexu-io/open-design/tree/main/design-systems" - Network accessline 137
"href": "https://github.com/nexu-io/open-design/tree/main/design-systems" - Network accessline 143
"title": "12 Agent\nAdapters", "body": "Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.", "href": "https://github.com/nexu-io/open-design/tree/main/a - Network accessline 143
"title": "12 Agent\nAdapters", "body": "Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.", "href": "https://github.com/nexu-io/open-design/tree/main/a - Network accessline 144
"body": "Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, - Network accessline 144
"body": "Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, - Network accessline 145
"href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" - Network accessline 145
"href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" - Network accessline 151
"title": "BYOK\nat every layer", "body": "OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.", "href": "https://github.com/nexu-io/open-design" - Network accessline 151
"title": "BYOK\nat every layer", "body": "OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.", "href": "https://github.com/nexu-io/open-design" - Network accessline 152
"body": "OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.", "href": "https://github.com/nexu-io/open-design" } - Network accessline 152
"body": "OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.", "href": "https://github.com/nexu-io/open-design" } - Network accessline 153
"href": "https://github.com/nexu-io/open-design" - Network accessline 153
"href": "https://github.com/nexu-io/open-design" - Network accessline 178
}, "cards": [ { "badge": "Deck", "num": "Nº 01", "year": "2026", "title": "Magazine Decks", "body": "Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.", "href": - Network accessline 178
}, "cards": [ { "badge": "Deck", "num": "Nº 01", "year": "2026", "title": "Magazine Decks", "body": "Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.", "href": - Network accessline 179
"cards": [ { "badge": "Deck", "num": "Nº 01", "year": "2026", "title": "Magazine Decks", "body": "Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.", "href": "https: - Network accessline 179
"cards": [ { "badge": "Deck", "num": "Nº 01", "year": "2026", "title": "Magazine Decks", "body": "Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.", "href": "https: - Network accessline 180
{ "badge": "Deck", "num": "Nº 01", "year": "2026", "title": "Magazine Decks", "body": "Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.", "href": "https://github.com/nexu - Network accessline 180
{ "badge": "Deck", "num": "Nº 01", "year": "2026", "title": "Magazine Decks", "body": "Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.", "href": "https://github.com/nexu - Network accessline 181
{ "badge": "Media", "num": "Nº 02", "year": "2026", "title": "Synthetic Matter", "body": "Gpt-image-2 + Seedance + HyperFrames. Image, video, audio — same chat surface as code.", "href": "https://github.com/nexu-i - Network accessline 181
{ "badge": "Media", "num": "Nº 02", "year": "2026", "title": "Synthetic Matter", "body": "Gpt-image-2 + Seedance + HyperFrames. Image, video, audio — same chat surface as code.", "href": "https://github.com/nexu-i - Network accessline 182
{ "badge": "Loop", "num": "Nº 03", "year": "2026", "title": "Prompt Choreography","body": "When unresolved choices would materially change the result, a focused question form keeps the next iteration on track.","href": "https://github.c - Network accessline 182
{ "badge": "Loop", "num": "Nº 03", "year": "2026", "title": "Prompt Choreography","body": "When unresolved choices would materially change the result, a focused question form keeps the next iteration on track.","href": "https://github.c - Network accessline 183
{ "badge": "Critique", "num": "Nº 04", "year": "2026", "title": "Visual Reasoning", "body": "5-dim self-critique gates every artifact: philosophy · hierarchy · execution · specificity · restraint.", "href": "https://github.com/nexu- - Network accessline 183
{ "badge": "Critique", "num": "Nº 04", "year": "2026", "title": "Visual Reasoning", "body": "5-dim self-critique gates every artifact: philosophy · hierarchy · execution · specificity · restraint.", "href": "https://github.com/nexu- - Network accessline 184
{ "badge": "Runtime", "num": "Nº 05", "year": "2026", "title": "Soft Systems", "body": "Sandboxed iframe preview. Streaming todos. Real-cwd filesystem. Adaptive loops between human and machine.", "href": "https://github.com/nexu - Network accessline 184
{ "badge": "Runtime", "num": "Nº 05", "year": "2026", "title": "Soft Systems", "body": "Sandboxed iframe preview. Streaming todos. Real-cwd filesystem. Adaptive loops between human and machine.", "href": "https://github.com/nexu - Network accessline 185
], "progress": { "total": 8, "filled": 5 }, "foot": "05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--co - Network accessline 185
], "progress": { "total": 8, "filled": 5 }, "foot": "05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--co - Network accessline 186
"progress": { "total": 8, "filled": 5 }, "foot": "05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'> - Network accessline 186
"progress": { "total": 8, "filled": 5 }, "foot": "05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'> - Network accessline 187
"foot": "05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'>VIEW FULL LIBRARY →</a>" - Network accessline 187
"foot": "05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'>VIEW FULL LIBRARY →</a>" - Network accessline 219
], "link_label": "View all 31 skills", "link_href": "https://github.com/nexu-io/open-design/tree/main/skills", - Network accessline 219
], "link_label": "View all 31 skills", "link_href": "https://github.com/nexu-io/open-design/tree/main/skills", - Network accessline 220
"link_label": "View all 31 skills", "link_href": "https://github.com/nexu-io/open-design/tree/main/skills", "cards": [ - Network accessline 220
"link_label": "View all 31 skills", "link_href": "https://github.com/nexu-io/open-design/tree/main/skills", "cards": [ - Network accessline 221
"link_href": "https://github.com/nexu-io/open-design/tree/main/skills", - Network accessline 221
"link_href": "https://github.com/nexu-io/open-design/tree/main/skills", - Network accessline 253
"partners_text": "Standing on the shoulders of teams shipping open-source design culture.", "partners": [ { "glyph_svg": "<path d='M5 24L20 6L35 24M12 18h16'/>", "name": "huashu-design", "role": "Philo - Network accessline 253
"partners_text": "Standing on the shoulders of teams shipping open-source design culture.", "partners": [ { "glyph_svg": "<path d='M5 24L20 6L35 24M12 18h16'/>", "name": "huashu-design", "role": "Philo - Network accessline 254
"partners": [ { "glyph_svg": "<path d='M5 24L20 6L35 24M12 18h16'/>", "name": "huashu-design", "role": "Philosophy", "href": "https://github.com/alchaincyf/huashu-design" }, { "glyph_svg": "<path d=' - Network accessline 254
"partners": [ { "glyph_svg": "<path d='M5 24L20 6L35 24M12 18h16'/>", "name": "huashu-design", "role": "Philosophy", "href": "https://github.com/alchaincyf/huashu-design" }, { "glyph_svg": "<path d=' - Network accessline 255
{ "glyph_svg": "<path d='M5 24L20 6L35 24M12 18h16'/>", "name": "huashu-design", "role": "Philosophy", "href": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 255
{ "glyph_svg": "<path d='M5 24L20 6L35 24M12 18h16'/>", "name": "huashu-design", "role": "Philosophy", "href": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 256
{ "glyph_svg": "<path d='M8 24L20 6L24 22L36 4'/>", "name": "guizang-ppt", "role": "Decks", "href": "https://github.com/op7418/guizang-ppt-skill" }, - Network accessline 256
{ "glyph_svg": "<path d='M8 24L20 6L24 22L36 4'/>", "name": "guizang-ppt", "role": "Decks", "href": "https://github.com/op7418/guizang-ppt-skill" }, - Network accessline 257
{ "glyph_svg": "<rect x='6' y='6' width='4' height='18'/><rect x='14' y='6' width='4' height='18'/><rect x='22' y='6' width='4' height='18'/><rect x='30' y='6' width='4' height='18'/>", "name": "multica-ai", "role": "Daemon", "href": - Network accessline 257
{ "glyph_svg": "<rect x='6' y='6' width='4' height='18'/><rect x='14' y='6' width='4' height='18'/><rect x='22' y='6' width='4' height='18'/><rect x='30' y='6' width='4' height='18'/>", "name": "multica-ai", "role": "Daemon", "href": - Network accessline 258
{ "glyph_svg": "<circle cx='15' cy='15' r='9'/><path d='M15 6v18M6 15h18'/>", "name": "open-codesign", "role": "UX", "href": "https://github.com/OpenCoworkAI/open-codesign" }, - Network accessline 258
{ "glyph_svg": "<circle cx='15' cy='15' r='9'/><path d='M15 6v18M6 15h18'/>", "name": "open-codesign", "role": "UX", "href": "https://github.com/OpenCoworkAI/open-codesign" }, - Network accessline 259
{ "glyph_svg": "<path d='M5 8l9 7-9 7M20 24h18'/>", "name": "Devin CLI", "role": "Terminal", "href": "https://devin.ai/terminal" }, - Network accessline 259
{ "glyph_svg": "<path d='M5 8l9 7-9 7M20 24h18'/>", "name": "Devin CLI", "role": "Terminal", "href": "https://devin.ai/terminal" }, - Network accessline 260
{ "glyph_svg": "<rect x='4' y='5' width='22' height='18'/><rect x='14' y='9' width='22' height='18'/>", "name": "hyperframes", "role": "Frames", "href": "https://github.com/heygen-com/hyperframes" } - Network accessline 260
{ "glyph_svg": "<rect x='4' y='5' width='22' height='18'/><rect x='14' y='9' width='22' height='18'/>", "name": "hyperframes", "role": "Frames", "href": "https://github.com/heygen-com/hyperframes" } - Network accessline 261
], "read_more_label": "Read more stories", "read_more_href": "https://github.com/nexu-io/open-design" - Network accessline 261
], "read_more_label": "Read more stories", "read_more_href": "https://github.com/nexu-io/open-design" - Network accessline 262
"read_more_label": "Read more stories", "read_more_href": "https://github.com/nexu-io/open-design" }, - Network accessline 262
"read_more_label": "Read more stories", "read_more_href": "https://github.com/nexu-io/open-design" }, - Network accessline 263
"read_more_href": "https://github.com/nexu-io/open-design" - Network accessline 263
"read_more_href": "https://github.com/nexu-io/open-design" - Network accessline 276
], "lead": "Star us on GitHub, drop into the issues, or run <code class='code-inline'>pnpm tools-dev</code> tonight. Three commands and the loop is yours.", "primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io - Network accessline 276
], "lead": "Star us on GitHub, drop into the issues, or run <code class='code-inline'>pnpm tools-dev</code> tonight. Three commands and the loop is yours.", "primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io - Network accessline 277
"lead": "Star us on GitHub, drop into the issues, or run <code class='code-inline'>pnpm tools-dev</code> tonight. Three commands and the loop is yours.", "primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-d - Network accessline 277
"lead": "Star us on GitHub, drop into the issues, or run <code class='code-inline'>pnpm tools-dev</code> tonight. Three commands and the loop is yours.", "primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-d - Network accessline 278
"primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 278
"primary": { "label": "Star on GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 308
], "contributors": [ { "handle": "tw93", "role": "kami", "href": "https://github.com/tw93" }, - Network accessline 308
], "contributors": [ { "handle": "tw93", "role": "kami", "href": "https://github.com/tw93" }, - Network accessline 309
"contributors": [ { "handle": "tw93", "role": "kami", "href": "https://github.com/tw93" }, { "handle": "op7418", "role": "guizang", "href": "https://github.com/op7418" }, - Network accessline 309
"contributors": [ { "handle": "tw93", "role": "kami", "href": "https://github.com/tw93" }, { "handle": "op7418", "role": "guizang", "href": "https://github.com/op7418" }, - Network accessline 310
{ "handle": "tw93", "role": "kami", "href": "https://github.com/tw93" }, - Network accessline 310
{ "handle": "tw93", "role": "kami", "href": "https://github.com/tw93" }, - Network accessline 311
{ "handle": "op7418", "role": "guizang", "href": "https://github.com/op7418" }, - Network accessline 311
{ "handle": "op7418", "role": "guizang", "href": "https://github.com/op7418" }, - Network accessline 312
{ "handle": "alchaincyf", "role": "huashu", "href": "https://github.com/alchaincyf" }, - Network accessline 312
{ "handle": "alchaincyf", "role": "huashu", "href": "https://github.com/alchaincyf" }, - Network accessline 313
{ "handle": "multica-ai", "role": "daemon", "href": "https://github.com/multica-ai" }, - Network accessline 313
{ "handle": "multica-ai", "role": "daemon", "href": "https://github.com/multica-ai" }, - Network accessline 314
{ "handle": "OpenCoworkAI", "role": "codesign", "href": "https://github.com/OpenCoworkAI" }, - Network accessline 314
{ "handle": "OpenCoworkAI", "role": "codesign", "href": "https://github.com/OpenCoworkAI" }, - Network accessline 315
{ "handle": "nexu-io", "role": "studio", "href": "https://github.com/nexu-io" }, - Network accessline 315
{ "handle": "nexu-io", "role": "studio", "href": "https://github.com/nexu-io" }, - Network accessline 316
{ "handle": "you", "role": "be next", "href": "https://github.com/nexu-io/open-design/graphs/contributors" } - Network accessline 316
{ "handle": "you", "role": "be next", "href": "https://github.com/nexu-io/open-design/graphs/contributors" } - Network accessline 320
"footer": { "brand_description": "The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-design< - Network accessline 320
"footer": { "brand_description": "The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-design< - Network accessline 321
"brand_description": "The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-design</a>, <a class='i - Network accessline 321
"brand_description": "The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-design</a>, <a class='i - Network accessline 322
"brand_cta": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases", - Network accessline 322
"brand_cta": { "label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases", - Network accessline 323
"label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases", "meta": "macOS · v0.3.0" - Network accessline 323
"label": "Download desktop", "href": "https://github.com/nexu-io/open-design/releases", "meta": "macOS · v0.3.0" - Network accessline 324
"href": "https://github.com/nexu-io/open-design/releases", - Network accessline 324
"href": "https://github.com/nexu-io/open-design/releases", - Network accessline 329
{ "label": "Capabilities", "href": "#agents" }, { "label": "Labs", "href": "#labs" }, { "label": "Method", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, - Network accessline 329
{ "label": "Capabilities", "href": "#agents" }, { "label": "Labs", "href": "#labs" }, { "label": "Method", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, - Network accessline 330
{ "label": "Labs", "href": "#labs" }, { "label": "Method", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, { "label": "Manifesto", "href": "https://github.com/nexu-io/open-design" } - Network accessline 330
{ "label": "Labs", "href": "#labs" }, { "label": "Method", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, { "label": "Manifesto", "href": "https://github.com/nexu-io/open-design" } - Network accessline 331
{ "label": "Method", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, - Network accessline 331
{ "label": "Method", "href": "https://github.com/nexu-io/open-design/tree/main/apps/daemon" }, - Network accessline 332
{ "label": "Manifesto", "href": "https://github.com/nexu-io/open-design" } - Network accessline 332
{ "label": "Manifesto", "href": "https://github.com/nexu-io/open-design" } - Network accessline 333
]}, { "title": "Library", "links": [ { "label": "31 Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, - Network accessline 333
]}, { "title": "Library", "links": [ { "label": "31 Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, - Network accessline 334
{ "title": "Library", "links": [ { "label": "31 Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, { "label": "72 Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-sys - Network accessline 334
{ "title": "Library", "links": [ { "label": "31 Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, { "label": "72 Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-sys - Network accessline 335
{ "label": "31 Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, - Network accessline 335
{ "label": "31 Skills", "href": "https://github.com/nexu-io/open-design/tree/main/skills" }, - Network accessline 336
{ "label": "72 Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, - Network accessline 336
{ "label": "72 Systems", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, - Network accessline 337
{ "label": "5 Directions", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, - Network accessline 337
{ "label": "5 Directions", "href": "https://github.com/nexu-io/open-design/tree/main/design-systems" }, - Network accessline 338
{ "label": "5 Frames", "href": "https://github.com/nexu-io/open-design/tree/main/skills/hyperframes" } - Network accessline 338
{ "label": "5 Frames", "href": "https://github.com/nexu-io/open-design/tree/main/skills/hyperframes" } - Network accessline 339
]}, { "title": "Connect", "links": [ { "label": "GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 339
]}, { "title": "Connect", "links": [ { "label": "GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 340
{ "title": "Connect", "links": [ { "label": "GitHub", "href": "https://github.com/nexu-io/open-design" }, { "label": "Issues", "href": "https://github.com/nexu-io/open-design/issues" }, - Network accessline 340
{ "title": "Connect", "links": [ { "label": "GitHub", "href": "https://github.com/nexu-io/open-design" }, { "label": "Issues", "href": "https://github.com/nexu-io/open-design/issues" }, - Network accessline 341
{ "label": "GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 341
{ "label": "GitHub", "href": "https://github.com/nexu-io/open-design" }, - Network accessline 342
{ "label": "Issues", "href": "https://github.com/nexu-io/open-design/issues" }, - Network accessline 342
{ "label": "Issues", "href": "https://github.com/nexu-io/open-design/issues" }, - Network accessline 343
{ "label": "Contributors", "href": "https://github.com/nexu-io/open-design/graphs/contributors" }, - Network accessline 343
{ "label": "Contributors", "href": "https://github.com/nexu-io/open-design/graphs/contributors" }, - Network accessline 344
{ "label": "Releases", "href": "https://github.com/nexu-io/open-design/releases" } - Network accessline 344
{ "label": "Releases", "href": "https://github.com/nexu-io/open-design/releases" } - Network accessline 345
]}, { "title": "Docs", "links": [ { "label": "Quickstart", "href": "https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md" }, - Network accessline 345
]}, { "title": "Docs", "links": [ { "label": "Quickstart", "href": "https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md" }, - Network accessline 346
{ "title": "Docs", "links": [ { "label": "Quickstart", "href": "https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md" }, { "label": "Architecture", "href": "https://github.com/nexu-io/open-design/blob/main - Network accessline 346
{ "title": "Docs", "links": [ { "label": "Quickstart", "href": "https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md" }, { "label": "Architecture", "href": "https://github.com/nexu-io/open-design/blob/main - Network accessline 347
{ "label": "Quickstart", "href": "https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md" }, - Network accessline 347
{ "label": "Quickstart", "href": "https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md" }, - Network accessline 348
{ "label": "Architecture", "href": "https://github.com/nexu-io/open-design/blob/main/docs/architecture.md" }, - Network accessline 348
{ "label": "Architecture", "href": "https://github.com/nexu-io/open-design/blob/main/docs/architecture.md" }, - Network accessline 349
{ "label": "Skill Protocol", "href": "https://github.com/nexu-io/open-design/blob/main/docs/skills-protocol.md" }, - Network accessline 349
{ "label": "Skill Protocol", "href": "https://github.com/nexu-io/open-design/blob/main/docs/skills-protocol.md" }, - Network accessline 350
{ "label": "Roadmap", "href": "https://github.com/nexu-io/open-design/blob/main/docs/roadmap.md" } - Network accessline 350
{ "label": "Roadmap", "href": "https://github.com/nexu-io/open-design/blob/main/docs/roadmap.md" }
design-templates/open-design-landing/schema.ts
- Executable scriptline 1
Executable file - Network accessline 367
/** * Optional CTA rendered under the brand description in the footer * (e.g. `{ label: 'Download desktop', href: 'https://.../releases', - Network accessline 368
* Optional CTA rendered under the brand description in the footer * (e.g. `{ label: 'Download desktop', href: 'https://.../releases', * meta: 'macOS · v0.3.0' }`). When `brand.download_url` is set this is - Network accessline 369
* (e.g. `{ label: 'Download desktop', href: 'https://.../releases',
design-templates/open-design-landing/scripts/compose.ts
- Executable scriptline 1
#!/usr/bin/env -S npx -y tsx - Network accessline 88
<title>${i.brand.name} — ${i.brand.tagline}</title> <meta name='description' content='${i.brand.description}' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 89
<meta name='description' content='${i.brand.description}' /> <link rel='preconnect' href='https://fonts.googleapis.com' /> <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 90
<link rel='preconnect' href='https://fonts.googleapis.com' /> - Network accessline 91
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin /> - Network accessline 92
<link href='https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&display - Network accessline 418
<span>${i.method.foot_left}</span> </div> <div class='right'><a class='method-repo-link' href='https://${i.method.foot_right_bold}'${ext('https://x')}><b>${i.method.foot_right_bold}</b></a> · ${i.method.foot_right_re - Network accessline 419
</div> <div class='right'><a class='method-repo-link' href='https://${i.method.foot_right_bold}'${ext('https://x')}><b>${i.method.foot_right_bold}</b></a> · ${i.method.foot_right_rest}</div> </div> - Network accessline 420
<div class='right'><a class='method-repo-link' href='https://${i.method.foot_right_bold}'${ext('https://x')}><b>${i.method.foot_right_bold}</b></a> · ${i.method.foot_right_rest}</div> - Network accessline 745
return k + 'K'; } fetch('https://api.github.com/repos/${repo}', { - Network accessline 746
} fetch('https://api.github.com/repos/${repo}', { headers: { Accept: 'application/vnd.github+json' } - Network accessline 747
fetch('https://api.github.com/repos/${repo}', {
design-templates/open-design-landing/scripts/imagegen.ts
- Executable scriptline 1
#!/usr/bin/env -S npx -y tsx - Executable scriptline 1
#!/usr/bin/env -S npx -y tsx - Network accessline 200
const endpoint = 'https://fal.run/openai/gpt-image-2'; const res = await fetch(endpoint, { - Network accessline 200
const endpoint = 'https://fal.run/openai/gpt-image-2'; const res = await fetch(endpoint, { - Network accessline 201
const res = await fetch(endpoint, { - Network accessline 201
const res = await fetch(endpoint, { - Network accessline 221
const url = json.images?.[0]?.url; if (!url) throw new Error('fal.ai response missing images[0].url'); const dl = await fetch(url); - Network accessline 221
const url = json.images?.[0]?.url; if (!url) throw new Error('fal.ai response missing images[0].url'); const dl = await fetch(url); - Network accessline 222
if (!url) throw new Error('fal.ai response missing images[0].url'); const dl = await fetch(url); if (!dl.ok) throw new Error(`download ${url} failed: ${dl.status}`); - Network accessline 222
if (!url) throw new Error('fal.ai response missing images[0].url'); const dl = await fetch(url); if (!dl.ok) throw new Error(`download ${url} failed: ${dl.status}`); - Network accessline 223
const dl = await fetch(url); - Network accessline 223
const dl = await fetch(url); - Access to secretsline 273
[Credential-related source omitted] - Access to secretsline 273
[Credential-related source omitted]
design-templates/open-design-landing/scripts/placeholder.ts
- Executable scriptline 1
#!/usr/bin/env -S npx -y tsx - Executable scriptline 1
#!/usr/bin/env -S npx -y tsx - Network accessline 84
return `<?xml version='1.0' encoding='UTF-8'?> <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${w} ${h}' width='${w}' height='${h}'> - Network accessline 84
return `<?xml version='1.0' encoding='UTF-8'?> <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${w} ${h}' width='${w}' height='${h}'> - Network accessline 85
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${w} ${h}' width='${w}' height='${h}'> - Network accessline 85
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${w} ${h}' width='${w}' height='${h}'>
design-templates/open-design-landing/styles.css
- Network accessline 16
* typefaces here; either extend the design system first. */ @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,40 - Network accessline 16
* typefaces here; either extend the design system first. */ @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,40 - Network accessline 18
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&displa - Network accessline 18
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&displa - Network accessline 63
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 63
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 64
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 64
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 65
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 65
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 1253
pointer-events: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='s - Network accessline 1253
pointer-events: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='s - Network accessline 1254
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix v - Network accessline 1254
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix v - Network accessline 1255
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 - Network accessline 1255
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0
design-templates/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'
design-templates/orbit-github/example.html
- Network accessline 416
<header class="gh-header"> <!-- Octocat Logo --> <a class="gh-header-logo" href="https://github.com/nexu-io/open-design" target="_blank" rel="noopener noreferrer"> - Network accessline 417
<!-- Octocat Logo --> <a class="gh-header-logo" href="https://github.com/nexu-io/open-design" target="_blank" rel="noopener noreferrer"> <svg viewBox="0 0 16 16" width="32" height="32"> - Network accessline 418
<a class="gh-header-logo" href="https://github.com/nexu-io/open-design" target="_blank" rel="noopener noreferrer"> - Network accessline 496
Open </span> <span class="event-title-text"><a href="https://github.com/nexu-io/open-design/pull/2371" target="_blank" rel="noopener noreferrer">feat: orbit briefing card</a></span> - Network accessline 497
</span> <span class="event-title-text"><a href="https://github.com/nexu-io/open-design/pull/2371" target="_blank" rel="noopener noreferrer">feat: orbit briefing card</a></span> <span class="event-timestamp">opene - Network accessline 498
<span class="event-title-text"><a href="https://github.com/nexu-io/open-design/pull/2371" target="_blank" rel="noopener noreferrer">feat: orbit briefing card</a></span> - Network accessline 550
Open </span> <span class="event-title-text"><a href="https://github.com/nexu-io/open-design/pull/2389" target="_blank" rel="noopener noreferrer">refactor: skill loader</a></span> - Network accessline 551
</span> <span class="event-title-text"><a href="https://github.com/nexu-io/open-design/pull/2389" target="_blank" rel="noopener noreferrer">refactor: skill loader</a></span> <span class="event-timestamp">1d ago</ - Network accessline 552
<span class="event-title-text"><a href="https://github.com/nexu-io/open-design/pull/2389" target="_blank" rel="noopener noreferrer">refactor: skill loader</a></span> - Network accessline 618
Open </span> <span class="event-title-text"><a href="https://github.com/nexu-io/open-design/issues?q=ENG-148" target="_blank" rel="noopener noreferrer">Auth middleware refactor</a></span> - Network accessline 619
</span> <span class="event-title-text"><a href="https://github.com/nexu-io/open-design/issues?q=ENG-148" target="_blank" rel="noopener noreferrer">Auth middleware refactor</a></span> <span class="event-timestamp" - Network accessline 620
<span class="event-title-text"><a href="https://github.com/nexu-io/open-design/issues?q=ENG-148" target="_blank" rel="noopener noreferrer">Auth middleware refactor</a></span>
design-templates/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');
design-templates/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}`;
design-templates/orbit-notion/example.html
design-templates/replit-deck/SKILL.md
design-templates/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" />
design-templates/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');
design-templates/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">
design-templates/trading-analysis-dashboard-template/assets/template.html
design-templates/tweaks/SKILL.md
design-templates/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">
design-templates/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">
design-templates/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">
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/`.
design-templates/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">
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
design-templates/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">
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
design-templates/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">
design-templates/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" />
design-templates/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" />
design-templates/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" />
design-templates/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" />
design-templates/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.
design-templates/x-research/SKILL.md
- Network accessline 116
This workflow is adapted from `https://github.com/virattt/dexter`.
docs/skills-protocol.md
- Network accessline 49
Body is free-form Markdown that describes the workflow the agent should follow — typically a numbered step list plus principles. This is what [guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill) does. - Network accessline 49
Body is free-form Markdown that describes the workflow the agent should follow — typically a numbered step list plus principles. This is what [guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill) does. - Network accessline 276
od skill install github:owner/repo od skill install https://example.com/my-skill.tar.gz - Network accessline 276
od skill install github:owner/repo od skill install https://example.com/my-skill.tar.gz - Network accessline 277
od skill install https://example.com/my-skill.tar.gz - Network accessline 277
od skill install https://example.com/my-skill.tar.gz
plugins/_official/atoms/build-test/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/build-test", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/build-test",
plugins/_official/atoms/code-import/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/code-import", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/code-import",
plugins/_official/atoms/critique-theater/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/critique-theater", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/critique-theater",
plugins/_official/atoms/design-extract/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/design-extract", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/design-extract",
plugins/_official/atoms/diff-review/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/diff-review", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/diff-review",
plugins/_official/atoms/direction-picker/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/direction-picker", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/direction-picker",
plugins/_official/atoms/discovery-question-form/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/discovery-question-form", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/discovery-question-form",
plugins/_official/atoms/figma-extract/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/figma-extract", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/figma-extract",
plugins/_official/atoms/handoff/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/handoff", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/handoff",
plugins/_official/atoms/patch-edit/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/patch-edit", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/patch-edit",
plugins/_official/atoms/rewrite-plan/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/rewrite-plan", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/rewrite-plan",
plugins/_official/atoms/todo-write/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/todo-write", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/todo-write",
plugins/_official/atoms/token-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 10
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io" - Network accessline 13
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/token-map", "tags": [ - Network accessline 14
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/atoms/token-map",
plugins/_official/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
plugins/_official/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"
plugins/_official/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>
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/card-twitter/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/examples/card-xiaohongshu/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/critique/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/data-report/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/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" />
plugins/_official/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",
plugins/_official/examples/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`.
plugins/_official/examples/dcf-valuation/open-design.json
- Network accessline 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/dcf-valuation", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/dcf-valuation",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/examples/design-brief/open-design.json
- Network accessline 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/design-brief", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/design-brief",
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/examples/docs-page/example.html
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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
plugins/_official/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",
plugins/_official/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"
plugins/_official/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
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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"
plugins/_official/examples/frontend-slides/references/html-template.md
plugins/_official/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
plugins/_official/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">
plugins/_official/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"
plugins/_official/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
plugins/_official/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" />
plugins/_official/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"
plugins/_official/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
plugins/_official/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">
plugins/_official/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"
plugins/_official/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
plugins/_official/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">
plugins/_official/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"
plugins/_official/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
plugins/_official/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');
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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>
plugins/_official/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",
plugins/_official/examples/github-dashboard/references/example-data.json
- Network accessline 3
"name": "open-design", "fullName": "nexu-io/open-design", "url": "https://github.com/nexu-io/open-design", - Network accessline 4
"fullName": "nexu-io/open-design", "url": "https://github.com/nexu-io/open-design", "description": "Local-first, open-source alternative to Anthropic's Claude Design. 19 Skills · 71 brand-grade Design Systems · Generate web/desktop/ - Network accessline 5
"url": "https://github.com/nexu-io/open-design", - Network accessline 57
{ "login": "pftom", "avatar": "https://avatars.githubusercontent.com/u/26423749?v=4", - Network accessline 58
"login": "pftom", "avatar": "https://avatars.githubusercontent.com/u/26423749?v=4", "contributions": 26 - Network accessline 59
"avatar": "https://avatars.githubusercontent.com/u/26423749?v=4", - Network accessline 62
{ "login": "lefarcen", "avatar": "https://avatars.githubusercontent.com/u/20859779?v=4", - Network accessline 63
"login": "lefarcen", "avatar": "https://avatars.githubusercontent.com/u/20859779?v=4", "contributions": 18 - Network accessline 64
"avatar": "https://avatars.githubusercontent.com/u/20859779?v=4", - Network accessline 67
{ "login": "Sid-Qin", "avatar": "https://avatars.githubusercontent.com/u/201593046?v=4", - Network accessline 68
"login": "Sid-Qin", "avatar": "https://avatars.githubusercontent.com/u/201593046?v=4", "contributions": 17 - Network accessline 69
"avatar": "https://avatars.githubusercontent.com/u/201593046?v=4", - Network accessline 72
{ "login": "nettee", "avatar": "https://avatars.githubusercontent.com/u/3953668?v=4", - Network accessline 73
"login": "nettee", "avatar": "https://avatars.githubusercontent.com/u/3953668?v=4", "contributions": 10 - Network accessline 74
"avatar": "https://avatars.githubusercontent.com/u/3953668?v=4", - Network accessline 77
{ "login": "alchemistklk", "avatar": "https://avatars.githubusercontent.com/u/56862773?v=4", - Network accessline 78
"login": "alchemistklk", "avatar": "https://avatars.githubusercontent.com/u/56862773?v=4", "contributions": 9 - Network accessline 79
"avatar": "https://avatars.githubusercontent.com/u/56862773?v=4", - Network accessline 89
"labelClass": "feature-pill", "author": "leilei926524-tech", "authorAvatar": "https://avatars.githubusercontent.com/u/238133142?v=4", - Network accessline 90
"author": "leilei926524-tech", "authorAvatar": "https://avatars.githubusercontent.com/u/238133142?v=4", "updated": "2 hours ago" - Network accessline 91
"authorAvatar": "https://avatars.githubusercontent.com/u/238133142?v=4", - Network accessline 99
"labelClass": "danger-pill", "author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", - Network accessline 100
"author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", "updated": "2 hours ago" - Network accessline 101
"authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", - Network accessline 109
"labelClass": "danger-pill", "author": "zlpawn", "authorAvatar": "https://avatars.githubusercontent.com/u/42241934?v=4", - Network accessline 110
"author": "zlpawn", "authorAvatar": "https://avatars.githubusercontent.com/u/42241934?v=4", "updated": "3 hours ago" - Network accessline 111
"authorAvatar": "https://avatars.githubusercontent.com/u/42241934?v=4", - Network accessline 119
"labelClass": "active-pill", "author": "1119302165", "authorAvatar": "https://avatars.githubusercontent.com/u/12208097?v=4", - Network accessline 120
"author": "1119302165", "authorAvatar": "https://avatars.githubusercontent.com/u/12208097?v=4", "updated": "4 hours ago" - Network accessline 121
"authorAvatar": "https://avatars.githubusercontent.com/u/12208097?v=4", - Network accessline 129
"labelClass": "danger-pill", "author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", - Network accessline 130
"author": "shangxinyu1", "authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4", "updated": "5 hours ago" - Network accessline 131
"authorAvatar": "https://avatars.githubusercontent.com/u/237175303?v=4",
plugins/_official/examples/guizang-ppt/SKILL.md
plugins/_official/examples/guizang-ppt/assets/template.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>[required] Replace with your deck title · Deck Title</title> <link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 6
<title>[required] Replace with your deck title · Deck Title</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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400&family=IBM+Plex - Network accessline 642
go(0); </script> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> - Network accessline 643
</script> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <script>lucide.createIcons();</script> - Network accessline 644
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
plugins/_official/examples/guizang-ppt/open-design.json
- Network accessline 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/guizang-ppt", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/guizang-ppt",
plugins/_official/examples/guizang-ppt/references/checklist.md
- Network accessline 30
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
plugins/_official/examples/guizang-ppt/references/styles.md
- Network accessline 5
> Inspiration: the "20 design philosophies × 5 streams" of [alchaincyf/huashu-design](https://github.com/alchaincyf/huashu-design): we compressed it into 5 magazine-flavored directions, each mapped to one preset in `themes.md` + some combin
plugins/_official/examples/hatch-pet/SKILL.md
- Network accessline 27
- 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 28
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 29
upstream: "https://github.com/openai/skills/tree/main/skills/.curated/hatch-pet" - Access to secretsline 325
[Credential-related source omitted]
plugins/_official/examples/hatch-pet/open-design.json
- Network accessline 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/hatch-pet", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hatch-pet",
plugins/_official/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)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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",
plugins/_official/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
plugins/_official/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');
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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
plugins/_official/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
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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
plugins/_official/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');
plugins/_official/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",
plugins/_official/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
plugins/_official/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>
plugins/_official/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",
plugins/_official/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
plugins/_official/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>
plugins/_official/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",
plugins/_official/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
plugins/_official/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>
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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
plugins/_official/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');
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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
plugins/_official/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');
plugins/_official/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",
plugins/_official/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
plugins/_official/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');
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/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
plugins/_official/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",
plugins/_official/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).
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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).
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/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>
plugins/_official/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",
plugins/_official/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).
plugins/_official/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"
plugins/_official/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",
plugins/_official/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).
plugins/_official/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
plugins/_official/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",
plugins/_official/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).
plugins/_official/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
plugins/_official/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",
plugins/_official/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).
plugins/_official/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>
plugins/_official/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",
plugins/_official/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).
plugins/_official/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>
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-creative-mode/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-editorial-tri-tone/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/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"
plugins/_official/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",
plugins/_official/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).
plugins/_official/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>
plugins/_official/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",
plugins/_official/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).
plugins/_official/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"
plugins/_official/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",
plugins/_official/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).
plugins/_official/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"
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-neo-grid-bold/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-peoples-platform/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-pin-and-paper/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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=
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-pink-script/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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=
plugins/_official/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",
plugins/_official/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).
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/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');
plugins/_official/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",
plugins/_official/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).
plugins/_official/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');
plugins/_official/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",
plugins/_official/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).
plugins/_official/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">
plugins/_official/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",
plugins/_official/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).
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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).
plugins/_official/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
plugins/_official/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",
plugins/_official/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).
plugins/_official/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
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-soft-editorial/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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).
plugins/_official/examples/html-ppt-zhangzara-stencil-tablet/assets/deck-stage.js
- Executable scriptline 1
Executable file
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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).
plugins/_official/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"
plugins/_official/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",
plugins/_official/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).
plugins/_official/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"
plugins/_official/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",
plugins/_official/examples/html-ppt/SKILL.md
- Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 31
mode: deck featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 32
featured: 19 upstream: "https://github.com/lewislulu/html-ppt-skill" preview: - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 33
upstream: "https://github.com/lewislulu/html-ppt-skill" - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill - Network accessline 54
npx skills add https://github.com/lewislulu/html-ppt-skill
plugins/_official/examples/html-ppt/assets/fonts.css
- Network accessline 1
/* html-ppt :: shared webfonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 2
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap'); - Network accessline 3
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;600;700;900&display=swap'); - Network accessline 4
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&display=swap'); - Network accessline 5
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap'); - Network accessline 6
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400&display=swap'); - Network accessline 7
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); - Network accessline 8
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap'); - Network accessline 9
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
plugins/_official/examples/html-ppt/assets/runtime.js
- Executable scriptline 1
Executable file
plugins/_official/examples/html-ppt/open-design.json
- Network accessline 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", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/html-ppt",
plugins/_official/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
plugins/_official/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
plugins/_official/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"
plugins/_official/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 花叔
plugins/_official/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');
plugins/_official/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"
plugins/_official/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 花叔
plugins/_official/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');
plugins/_official/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"
plugins/_official/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 花叔
plugins/_official/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');
plugins/_official/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"
plugins/_official/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')`
plugins/_official/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');
plugins/_official/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"
plugins/_official/examples/huashu-pentagram-grid/SKILL.md
plugins/_official/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"
plugins/_official/examples/huashu-slides/SKILL.md
- Network accessline 54
Adapted from the slides line of [huashu-design](https://github.com/alchaincyf/huashu-design)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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 花叔
plugins/_official/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');
plugins/_official/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"
plugins/_official/examples/huashu-takram-soft-tech/SKILL.md
plugins/_official/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');
plugins/_official/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"
plugins/_official/examples/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>
plugins/_official/examples/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/hyperframes", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hyperframes",
plugins/_official/examples/hyperframes/references/dynamic-techniques.md
- Network accessline 87
| **pretext** | Pure-arithmetic text measurement without DOM reflow. 0.0002ms per call. | `window.__hyperframes.pretext.prepare(text, font)` / `.layout(prepared, maxWidth, lineHeight)` | Per-frame text reflow, shrinkwrap container - Network accessline 88
| **fitTextFontSize** | Finds the largest font size that fits text on one line. Built on pretext. | `window.__hyperframes.fitTextFontSize(text, { maxWidth, fontFamily, fontWeight })` | Overflow prevention for long phrases, portr - Network accessline 89
| **audio data** | Pre-extracted per-frame RMS energy and frequency bands. | Extract with `extract-audio-data.py`, load inline or via `fetch("audio-data.json")` | Audio-reactive visuals — modulate intensity
plugins/_official/examples/hyperframes/references/html-in-canvas.md
- Network accessline 136
Block reference pages live at `https://hyperframes.heygen.com/catalog/blocks/<name>`.
plugins/_official/examples/hyperframes/references/transcript-guide.md
- Network accessline 118
# Generate with word timestamps, then import curl https://api.openai.com/v1/audio/transcriptions \ - Network accessline 119
[Credential-related source omitted] - Access to secretsline 119
[Credential-related source omitted] - Access to secretsline 120
[Credential-related source omitted] - Network accessline 132
[Credential-related source omitted] - Access to secretsline 132
[Credential-related source omitted] - Access to secretsline 133
[Credential-related source omitted]
plugins/_official/examples/hyperframes/references/typography.md
- Dangerous shell operationline 38
Save this script to `/tmp/fontquery.py` and run with `curl -s 'https://fonts.google.com/metadata/fonts' > /tmp/gfonts.json && python3 /tmp/fontquery.py /tmp/gfonts.json`: - Network accessline 38
Save this script to `/tmp/fontquery.py` and run with `curl -s 'https://fonts.google.com/metadata/fonts' > /tmp/gfonts.json && python3 /tmp/fontquery.py /tmp/gfonts.json`:
plugins/_official/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),
plugins/_official/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>
plugins/_official/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",
plugins/_official/examples/ib-pitch-book/references/attribution.md
- Network accessline 5
- Repository: [anthropics/financial-services](https://github.com/anthropics/financial-services)
plugins/_official/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",
plugins/_official/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",
plugins/_official/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
plugins/_official/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' />
plugins/_official/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",
plugins/_official/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
plugins/_official/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>
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/last30days/SKILL.md
plugins/_official/examples/last30days/open-design.json
- Network accessline 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/last30days", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/last30days",
plugins/_official/examples/live-artifact/open-design.json
- Network accessline 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-artifact", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/live-artifact",
plugins/_official/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",
plugins/_official/examples/live-dashboard/references/checklist.md
- Network accessline 37
- [ ] **P0 — `connectors.json` exists** at the project root. See `connectors.md` for the schema. - [ ] **P0 — Endpoints documented**. Every `fetch()` call inside - Network accessline 38
`connectors.md` for the schema. - [ ] **P0 — Endpoints documented**. Every `fetch()` call inside `index.html` corresponds to one entry in `connectors.json`. - Network accessline 39
- [ ] **P0 — Endpoints documented**. Every `fetch()` call inside
plugins/_official/examples/live-dashboard/references/connectors.md
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/examples/motion-claude-agent-lab/SKILL.md
plugins/_official/examples/motion-claude-agent-lab/assets/RobotoMono-OFL.txt
- Network accessline 1
Copyright 2015 The Roboto Mono Project Authors (https://github.com/googlefonts/robotomono) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org - Network accessline 5
https://openfontlicense.org
plugins/_official/examples/motion-claude-agent-lab/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.13.0 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.13.0 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 5
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-claude-agent-lab/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 1074
{ "name": "@francescoinweb3", "url": "https://x.com/francescoinweb3/status/2111393917899808880", - Network accessline 1075
"name": "@francescoinweb3", "url": "https://x.com/francescoinweb3/status/2111393917899808880", "note": "参考片来源；仅用于署名，未访问原链接。" - Network accessline 1076
"url": "https://x.com/francescoinweb3/status/2111393917899808880",
plugins/_official/examples/motion-claude-design-team/SKILL.md
plugins/_official/examples/motion-claude-design-team/assets/Inter-OFL.txt
- Network accessline 1
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-claude-design-team/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-claude-design-team/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 235
{ "author": "@motion_so", "url": "https://x.com/motion_so/status/2084690374833143893", - Network accessline 236
"author": "@motion_so", "url": "https://x.com/motion_so/status/2084690374833143893", "note": "参考视频来源，仅用于内部复刻评测。" - Network accessline 237
"url": "https://x.com/motion_so/status/2084690374833143893",
plugins/_official/examples/motion-distilbook-explainer/SKILL.md
- Network accessline 128
来源作者 @ajith_io： https://x.com/ajith_io/status/2103469807375208546 。仅作为署名，不抓取源链接。原品牌与文案按内部评测要求保留。
plugins/_official/examples/motion-distilbook-explainer/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.14.2 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.14.2 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 5
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-distilbook-explainer/assets/inter-OFL.txt
- Network accessline 1
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-distilbook-explainer/assets/patrickhand-OFL.txt
plugins/_official/examples/motion-distilbook-explainer/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 236
{ "author": "@ajith_io", "url": "https://x.com/ajith_io/status/2103469807375208546", - Network accessline 237
"author": "@ajith_io", "url": "https://x.com/ajith_io/status/2103469807375208546", "note": "参考影片来源，仅供内部复刻评测" - Network accessline 238
"url": "https://x.com/ajith_io/status/2103469807375208546",
plugins/_official/examples/motion-flowdrive-motion-reel/SKILL.md
plugins/_official/examples/motion-flowdrive-motion-reel/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-flowdrive-motion-reel/assets/inter-OFL.txt
- Network accessline 1
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-flowdrive-motion-reel/assets/librecaslondisplay-OFL.txt
- Network accessline 1
Copyright 2012 The Libre Caslon Display Authors (https://github.com/impallari/Libre-Caslon-Display) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - Network accessline 5
http://scripts.sil.org/OFL
plugins/_official/examples/motion-flowdrive-motion-reel/example.html
- Network accessline 72
if(s.id==='stream'){ctx.save();let disperse=ease((u-1.05)/.6);ctx.translate(120*disperse,-18*disperse);ctx.rotate(-.24*disperse);ctx.globalAlpha=1-disperse;for(let i=0;i<4;i++) {let k=ease((u-i*.12)/.6);if(k>0){if(i===3)plane(332,416-i*29+M - Network accessline 73
if(s.id==='global'){globe(t);text('GLOBAL CDN',144,326,5,'#b55226',sans);let k=ease(u/.35);ctx.globalAlpha=k;text('Delivered',144,378,50,'#e7e2db');text('everywhere.',144,429,50,'#e7e2db');text(Math.round(200*ease(u/.7))+'+',144,480,33,'#c5 - Network accessline 74
if(s.id==='secure'){let reveal=ease((u-.24)/.36);ctx.save();ctx.globalAlpha=reveal;text('YOUR DOMAIN · AUTO-PROVISIONED SSL',423,296,6,'#b95124',sans,'center',600);ctx.save();ctx.beginPath();ctx.rect(175,305,500*ease((u-.34)/.58),48);ctx.cl
plugins/_official/examples/motion-flowdrive-motion-reel/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 343
{ "name": "@beamnxw", "url": "https://x.com/beamnxw/status/2110039251681218763" - Network accessline 344
"name": "@beamnxw", "url": "https://x.com/beamnxw/status/2110039251681218763" } - Network accessline 345
"url": "https://x.com/beamnxw/status/2110039251681218763"
plugins/_official/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",
plugins/_official/examples/motion-future/SKILL.md
- Network accessline 19
## Source A remake of a viral post by Douyin: https://www.douyin.com/video/7690393045783346918 (6,439 likes · 2,164 saves · 1,285 shares on Douyin (as of 2026-10-12)). The composition is - Network accessline 20
A remake of a viral post by Douyin: https://www.douyin.com/video/7690393045783346918 (6,439 likes · 2,164 saves · 1,285 shares on Douyin (as of 2026-10-12)). The composition is
plugins/_official/examples/motion-future/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-future/assets/jetbrains-mono-OFL.txt
plugins/_official/examples/motion-future/assets/three-addons.js
- Executable scriptline 1
Executable file - Network accessline 14
* or directly as an environment map to PBR materials. * * The implementation is based on the [EnvironmentScene](https://github.com/google/model-viewer/blob/master/packages/model-viewer/src/three-components/EnvironmentScene.ts) - Network accessline 15
* * The implementation is based on the [EnvironmentScene](https://github.com/google/model-viewer/blob/master/packages/model-viewer/src/three-components/EnvironmentScene.ts) * component from the `model-viewer` project. - Network accessline 16
* The implementation is based on the [EnvironmentScene](https://github.com/google/model-viewer/blob/master/packages/model-viewer/src/three-components/EnvironmentScene.ts) - Network accessline 191
* A loader for loading fonts. * * You can convert fonts online using [facetype.js](https://gero3.github.io/facetype.js/). - Network accessline 192
* * You can convert fonts online using [facetype.js](https://gero3.github.io/facetype.js/). * - Network accessline 193
* You can convert fonts online using [facetype.js](https://gero3.github.io/facetype.js/). - Network accessline 457
* See the {@link FontLoader} page for additional details. * * `TextGeometry` uses [typeface.json](http://gero3.github.io/facetype.js/) generated fonts. - Network accessline 458
* * `TextGeometry` uses [typeface.json](http://gero3.github.io/facetype.js/) generated fonts. * Some existing fonts can be found located in `/examples/fonts`. - Network accessline 459
* `TextGeometry` uses [typeface.json](http://gero3.github.io/facetype.js/) generated fonts.
plugins/_official/examples/motion-future/assets/three.min.js
- Network accessline 1
console.warn('Scripts "build/three.js" and "build/three.min.js" are deprecated with r150+, and will be removed with r160. Please use ES Modules or alternatives: https://threejs.org/docs/index.html#manual/en/introduction/Installation'), - Executable scriptline 1
Executable file - Possible obfuscationline 7
function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).THREE={})}(this,(function(t){"use strict";cons
plugins/_official/examples/motion-future/assets/unbounded-OFL.txt
- Network accessline 1
Copyright 2022 The Unbounded Project Authors (https://github.com/googlefonts/unbounded) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-future/assets/unbounded-black-glyphs.js
- Executable scriptline 1
Executable file
plugins/_official/examples/motion-future/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design",
plugins/_official/examples/motion-kinetic-motion-designer/SKILL.md
- Network accessline 74
@himanshutwtxs：https://x.com/himanshutwtxs/status/2103495232637882858。仅作署名，不访问原链接。
plugins/_official/examples/motion-kinetic-motion-designer/assets/Anton-OFL.txt
- Network accessline 1
Copyright 2020 The Anton Project Authors (https://github.com/googlefonts/AntonFont.git) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - Network accessline 5
http://scripts.sil.org/OFL
plugins/_official/examples/motion-kinetic-motion-designer/assets/Caveat-OFL.txt
- Network accessline 1
Copyright 2014 The Caveat Project Authors (https://github.com/googlefonts/caveat) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - Network accessline 5
http://scripts.sil.org/OFL
plugins/_official/examples/motion-kinetic-motion-designer/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-kinetic-motion-designer/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 261
{ "name": "@himanshutwtxs", "url": "https://x.com/himanshutwtxs/status/2103495232637882858" - Network accessline 262
"name": "@himanshutwtxs", "url": "https://x.com/himanshutwtxs/status/2103495232637882858" } - Network accessline 263
"url": "https://x.com/himanshutwtxs/status/2103495232637882858"
plugins/_official/examples/motion-mind-clarity-journey/SKILL.md
- Network accessline 34
## Source 来源为 @higgsfield：https://x.com/higgsfield/status/2055166020831301636 。只用本地提供的 reference.mp4 分析；没有访问来源链接。参考片没有可见品牌或产品标识。保留原片英文文案及匿名几何人物，所有可表演元素由路径重绘。 - Network accessline 35
来源为 @higgsfield：https://x.com/higgsfield/status/2055166020831301636 。只用本地提供的 reference.mp4 分析；没有访问来源链接。参考片没有可见品牌或产品标识。保留原片英文文案及匿名几何人物，所有可表演元素由路径重绘。
plugins/_official/examples/motion-mind-clarity-journey/assets/arimo-OFL.txt
- Network accessline 1
Copyright 2026 The Arimo Project Authors (https://github.com/googlefonts/arimo) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org - Network accessline 5
https://openfontlicense.org
plugins/_official/examples/motion-mind-clarity-journey/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-mind-clarity-journey/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 290
{ "name": "Higgsfield (@higgsfield)", "url": "https://x.com/higgsfield/status/2055166020831301636", - Network accessline 291
"name": "Higgsfield (@higgsfield)", "url": "https://x.com/higgsfield/status/2055166020831301636", "note": "参考视频来源；仅内部复刻评估，未访问源链接。" - Network accessline 292
"url": "https://x.com/higgsfield/status/2055166020831301636",
plugins/_official/examples/motion-opus-design-lab/SKILL.md
- Network accessline 63
参考影片由 [@beamnxw](https://x.com/beamnxw/status/2112180280110776797) 发布；本模板仅重建其画面结构、文字、节奏与动效机制。
plugins/_official/examples/motion-opus-design-lab/assets/barlow-OFL.txt
- Network accessline 1
Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - Network accessline 5
http://scripts.sil.org/OFL
plugins/_official/examples/motion-opus-design-lab/assets/barlow-condensed-OFL.txt
- Network accessline 1
Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - Network accessline 5
http://scripts.sil.org/OFL
plugins/_official/examples/motion-opus-design-lab/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-opus-design-lab/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 408
{ "name": "Original motion reference by @beamnxw", "url": "https://x.com/beamnxw/status/2112180280110776797" - Network accessline 409
"name": "Original motion reference by @beamnxw", "url": "https://x.com/beamnxw/status/2112180280110776797" } - Network accessline 410
"url": "https://x.com/beamnxw/status/2112180280110776797"
plugins/_official/examples/motion-product-promo/SKILL.md
- Network accessline 19
## Source A remake of a viral post by @achxvi: https://x.com/achxvi/status/2103918792845963545 (1.14M views · 9.1K likes · 8.2K bookmarks on X (as of 2026-10-13)). The composition is - Network accessline 20
A remake of a viral post by @achxvi: https://x.com/achxvi/status/2103918792845963545 (1.14M views · 9.1K likes · 8.2K bookmarks on X (as of 2026-10-13)). The composition is
plugins/_official/examples/motion-product-promo/assets/fraunces-OFL.txt
- Network accessline 1
Copyright 2018 The Fraunces Project Authors (https://github.com/undercasetype/Fraunces) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - Network accessline 5
http://scripts.sil.org/OFL
plugins/_official/examples/motion-product-promo/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-product-promo/assets/instrument-serif-OFL.txt
- Network accessline 1
Copyright 2022 The Instrument Serif Project Authors (https://github.com/Instrument/instrument-serif) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-product-promo/assets/inter-OFL.txt
- Network accessline 1
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-product-promo/assets/jetbrains-mono-OFL.txt
plugins/_official/examples/motion-product-promo/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design",
plugins/_official/examples/motion-prompt-motion-gallery/SKILL.md
- Network accessline 159
参考作者 @0xMovez：https://x.com/0xMovez/status/2108170313557016623 。没有访问来源链接；所有视觉分析、裁切与测量来自本地 reference.mp4。页面内的作品作者署名沿用参考截图。
plugins/_official/examples/motion-prompt-motion-gallery/assets/geist-OFL.txt
- Network accessline 1
Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org - Network accessline 5
https://openfontlicense.org
plugins/_official/examples/motion-prompt-motion-gallery/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-prompt-motion-gallery/assets/inter-OFL.txt
- Network accessline 1
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-prompt-motion-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 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 208
{ "name": "@0xMovez 原参考视频", "url": "https://x.com/0xMovez/status/2108170313557016623" - Network accessline 209
"name": "@0xMovez 原参考视频", "url": "https://x.com/0xMovez/status/2108170313557016623" } - Network accessline 210
"url": "https://x.com/0xMovez/status/2108170313557016623"
plugins/_official/examples/motion-semantic-color-stripes/SKILL.md
plugins/_official/examples/motion-semantic-color-stripes/assets/NotoSansMono-OFL.txt
- Network accessline 1
Copyright 2022 The Noto Project Authors (https://github.com/notofonts/latin-greek-cyrillic) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-semantic-color-stripes/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-semantic-color-stripes/assets/motion-data.js
- Executable scriptline 1
Executable file
plugins/_official/examples/motion-semantic-color-stripes/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 154
{ "name": "Matt DesLauriers (@mattdesl)", "url": "https://x.com/mattdesl/status/2100899669802963060", - Network accessline 155
"name": "Matt DesLauriers (@mattdesl)", "url": "https://x.com/mattdesl/status/2100899669802963060", "note": "参考动画来源；未访问来源链接。" - Network accessline 156
"url": "https://x.com/mattdesl/status/2100899669802963060",
plugins/_official/examples/motion-showreel/SKILL.md
- Network accessline 19
## Source A remake of a viral post by @stephanlivera: https://x.com/stephanlivera/status/2103315922098470926 (2.25M views · 17K likes · 13K bookmarks on X (as of 2026-10-05)). The composition is - Network accessline 20
A remake of a viral post by @stephanlivera: https://x.com/stephanlivera/status/2103315922098470926 (2.25M views · 17K likes · 13K bookmarks on X (as of 2026-10-05)). The composition is
plugins/_official/examples/motion-showreel/assets/archivo-OFL.txt
- Network accessline 1
Copyright 2020 The Archivo Project Authors (https://github.com/Omnibus-Type/Archivo) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL - Network accessline 5
http://scripts.sil.org/OFL
plugins/_official/examples/motion-showreel/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-showreel/assets/instrument-serif-OFL.txt
- Network accessline 1
Copyright 2022 The Instrument Serif Project Authors (https://github.com/Instrument/instrument-serif) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-showreel/assets/jetbrains-mono-OFL.txt
plugins/_official/examples/motion-showreel/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design",
plugins/_official/examples/motion-sky-water-tessellation/SKILL.md
plugins/_official/examples/motion-sky-water-tessellation/assets/Geist-OFL.txt
- Network accessline 1
Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org - Network accessline 5
https://openfontlicense.org
plugins/_official/examples/motion-sky-water-tessellation/assets/engraving.js
- Executable scriptline 1
Executable file
plugins/_official/examples/motion-sky-water-tessellation/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-sky-water-tessellation/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 208
{ "name": "@akella", "url": "https://x.com/akella/status/2107764940954091531" - Network accessline 209
"name": "@akella", "url": "https://x.com/akella/status/2107764940954091531" } - Network accessline 210
"url": "https://x.com/akella/status/2107764940954091531"
plugins/_official/examples/motion-superx-audience-growth/SKILL.md
- Network accessline 119
原片作者：@robj3d3。署名链接：https://x.com/robj3d3/status/2103875898349088830 。只使用本地 `reference.mp4` 分析，未访问来源帖子。火焰和静态帖子从局部画面裁切；动态产品操作、字标、文字和背景由代码重建。
plugins/_official/examples/motion-superx-audience-growth/assets/InstrumentSerif-OFL.txt
- Network accessline 1
Copyright 2022 The Instrument Serif Project Authors (https://github.com/Instrument/instrument-serif) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-superx-audience-growth/assets/Inter-OFL.txt
- Network accessline 1
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-superx-audience-growth/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.13.0 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.13.0 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 5
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-superx-audience-growth/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 263
{ "name": "@robj3d3", "url": "https://x.com/robj3d3/status/2103875898349088830", - Network accessline 264
"name": "@robj3d3", "url": "https://x.com/robj3d3/status/2103875898349088830", "note": "原片视觉与演示音轨来源；内部 ODEval 复刻。" - Network accessline 265
"url": "https://x.com/robj3d3/status/2103875898349088830",
plugins/_official/examples/motion-tixfox-ticket-promo/SKILL.md
plugins/_official/examples/motion-tixfox-ticket-promo/assets/Roboto-OFL.txt
- Network accessline 1
Copyright 2011 The Roboto Project Authors (https://github.com/googlefonts/roboto-classic) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org - Network accessline 5
https://openfontlicense.org
plugins/_official/examples/motion-tixfox-ticket-promo/assets/RobotoMono-OFL.txt
- Network accessline 1
Copyright 2015 The Roboto Mono Project Authors (https://github.com/googlefonts/robotomono) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org - Network accessline 5
https://openfontlicense.org
plugins/_official/examples/motion-tixfox-ticket-promo/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-tixfox-ticket-promo/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 371
{ "name": "@achxvi 原片", "url": "https://x.com/achxvi/status/2108212570096038173" - Network accessline 372
"name": "@achxvi 原片", "url": "https://x.com/achxvi/status/2108212570096038173" } - Network accessline 373
"url": "https://x.com/achxvi/status/2108212570096038173"
plugins/_official/examples/motion-ui-morph/SKILL.md
- Network accessline 19
## Source A remake of a viral post by @twoclipping: https://x.com/twoclipping/status/2103273003555402193 (1.03M views · 12K likes · 20K bookmarks on X (as of 2026-10-05)). The composition is - Network accessline 20
A remake of a viral post by @twoclipping: https://x.com/twoclipping/status/2103273003555402193 (1.03M views · 12K likes · 20K bookmarks on X (as of 2026-10-05)). The composition is
plugins/_official/examples/motion-ui-morph/assets/geist-OFL.txt
- Network accessline 1
Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org - Network accessline 5
https://openfontlicense.org
plugins/_official/examples/motion-ui-morph/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-ui-morph/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design",
plugins/_official/examples/motion-visual-lesson/SKILL.md
- Network accessline 19
## Source A story adaptation of a viral post by @kevin_t_ngo: https://x.com/kevin_t_ngo/status/2102437977435893771 (665K views · 6.2K likes · 3.0K bookmarks on X (as of 2026-10-13)). The composition is - Network accessline 20
A story adaptation of a viral post by @kevin_t_ngo: https://x.com/kevin_t_ngo/status/2102437977435893771 (665K views · 6.2K likes · 3.0K bookmarks on X (as of 2026-10-13)). The composition is
plugins/_official/examples/motion-visual-lesson/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.12.5 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.12.5 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Network accessline 5
* @license Copyright 2024, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-visual-lesson/assets/short-stack-OFL.txt
plugins/_official/examples/motion-visual-lesson/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design",
plugins/_official/examples/motion-windows-studio-launch/SKILL.md
plugins/_official/examples/motion-windows-studio-launch/assets/gsap.min.js
- Network accessline 1
/*! * GSAP 3.13.0 * https://gsap.com - Executable scriptline 1
Executable file - Network accessline 2
* GSAP 3.13.0 * https://gsap.com * - Network accessline 3
* https://gsap.com - Network accessline 4
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 5
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 6
* Subject to the terms at https://gsap.com/standard-license. - Possible obfuscationline 10
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prot
plugins/_official/examples/motion-windows-studio-launch/assets/inter-OFL.txt
- Network accessline 1
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-windows-studio-launch/assets/pixelify-OFL.txt
- Network accessline 1
Copyright 2021 The Pixelify Sans Project Authors (https://github.com/eifetx/Pixelify-Sans) - Network accessline 3
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL - Network accessline 5
https://scripts.sil.org/OFL
plugins/_official/examples/motion-windows-studio-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 52
"author": { "name": "Open Design", "url": "https://github.com/nexu-io/open-design" - Network accessline 53
"name": "Open Design", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 54
"url": "https://github.com/nexu-io/open-design" - Network accessline 55
}, "homepage": "https://github.com/nexu-io/open-design", "tags": [ - Network accessline 56
"homepage": "https://github.com/nexu-io/open-design", - Network accessline 1425
{ "name": "@HyperFrames_", "url": "https://x.com/HyperFrames_/status/2114773205651275793", - Network accessline 1426
"name": "@HyperFrames_", "url": "https://x.com/HyperFrames_/status/2114773205651275793", "note": "参考影片来源；仅用于本次内部复刻评审。" - Network accessline 1427
"url": "https://x.com/HyperFrames_/status/2114773205651275793",
plugins/_official/examples/od-plugin-contribute-open-design/SKILL.md
- Network accessline 21
2. Inspect the copied plugin's manifest, skill instructions, examples, and compatibility metadata. 3. Call the local daemon endpoint instead of hand-rolling GitHub commands: `curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/p - Network accessline 22
3. Call the local daemon endpoint instead of hand-rolling GitHub commands: `curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/plugins/contribute-open-design" -H 'content-type: application/json' -d '{"path":"<plugin_context_pat - Network accessline 23
`curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/plugins/contribute-open-design" -H 'content-type: application/json' -d '{"path":"<plugin_context_path>"}'`
plugins/_official/examples/od-plugin-contribute-open-design/open-design.json
- Network accessline 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/od-plugin-contribute-open-design", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/od-plugin-contribute-open-design",
plugins/_official/examples/od-plugin-publish-github/SKILL.md
- Network accessline 21
2. Inspect `open-design.json`, `SKILL.md`, and any compatibility metadata in the copied folder. 3. Call the local daemon endpoint instead of hand-rolling GitHub commands: `curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/plug - Network accessline 22
3. Call the local daemon endpoint instead of hand-rolling GitHub commands: `curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/plugins/publish-github" -H 'content-type: application/json' -d '{"path":"<plugin_context_path>"}'` 4 - Network accessline 23
`curl -sS -X POST "$OD_DAEMON_URL/api/projects/$OD_PROJECT_ID/plugins/publish-github" -H 'content-type: application/json' -d '{"path":"<plugin_context_path>"}'`
plugins/_official/examples/od-plugin-publish-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/od-plugin-publish-github", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/od-plugin-publish-github",
plugins/_official/examples/open-design-homepage/SKILL.md
- Network accessline 10
A first-party **showcase** template that mirrors the live [open-design.ai](https://open-design.ai) homepage, captured as a fully self-contained bundle that renders in the sandboxed preview.
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/1098c2541054fc77.js
- Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,25661,(e,t,n)=>{"use strict";var r=e.r(70089),i="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e== - Executable scriptline 1
Executable file - Network accessline 92
// GGX VNDF importance sampling (Eric Heitz 2018) // "Sampling the GGX Distribution of Visible Normals" // https://jcgt.org/published/0007/04/01/ - Network accessline 94
// https://jcgt.org/published/0007/04/01/ - Possible obfuscationline 165
`,blending:E.NoBlending,depthTest:!1,depthWrite:!1}))}return r}_compileMaterial(e){let t=new E.Mesh(new E.BufferGeometry,e);this._renderer.compile(t,U)}_sceneToCubeUV(e,t,n,r,i){let a=new E.PerspectiveCamera(90,1,t,n),o=[1,-1,1,1,1,1],s=[1, - Possible obfuscationline 290
`},r=new E.BoxGeometry(5,5,5),i=new E.ShaderMaterial({name:"CubemapFromEquirect",uniforms:(0,E.cloneUniforms)(n.uniforms),vertexShader:n.vertexShader,fragmentShader:n.fragmentShader,side:E.BackSide,blending:E.NoBlending});i.uniforms.tEquire - Possible obfuscationline 336
}`,depthTest:!1,depthWrite:!1}),c=new E.Mesh(l,u),d=new E.OrthographicCamera(-1,1,1,-1,0,1),f=null,p=null,h=!1,m=null,g=[],v=!1;this.setSize=function(e,t){o.setSize(e,t),s.setSize(e,t);for(let n=0;n<g.length;n++){let r=g[n];r.setSize&&r.set - Possible obfuscationline 353
`;return"highp"===e.precision?t+="\n#define HIGH_PRECISION":"mediump"===e.precision?t+="\n#define MEDIUM_PRECISION":"lowp"===e.precision&&(t+="\n#define LOW_PRECISION"),t}let th={[E.PCFShadowMap]:"SHADOWMAP_TYPE_PCF",[E.VSMShadowMap]:"SHADO - Possible obfuscationline 358
}`),n.useDepthPacking?"#define DEPTH_PACKING "+n.depthPacking:"","\n"].filter(tr).join("\n")}f=ta(f=ti(f=ts(f),n),n),p=ta(p=ti(p=ts(p),n),n),f=td(f),p=td(p),!0!==n.isRawShaderMaterial&&(C="#version 300 es\n",o=[A,"#define attribute in\n#def - Possible obfuscationline 382
}`;class tX{constructor(){this.texture=null,this.mesh=null,this.depthNear=0,this.depthFar=0}init(e,t){if(null===this.texture){let n=new E.ExternalTexture(e.texture);(e.depthNear!==t.depthNear||e.depthFar!==t.depthFar)&&(this.depthNear=e.dep - Possible obfuscationline 383
at`)?" (<anonymous>)":-1<e.stack.indexOf("@")?"@unknown:0:0":""}return `+oe+e+ot}function y(e,t){if(!e||oK)return"";oK=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var r={DetermineComponentFrameRoot:function(){try{if( - Possible obfuscationline 389
`+e.stack}}function R(e,t){if("object"==typeof e&&null!==e){var n=oq.get(e);return void 0!==n?n:(t={value:e,source:t,stack:w(t)},oq.set(e,t),t)}return{value:e,source:t,stack:w(t)}}function D(e,t){oZ[oJ++]=o0,oZ[oJ++]=o$,o$=e,o0=t}function P - Network accessline 392
No matching component was found for: `+e.join(" > ")}return null},ie.getPublicRootInstance=function(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 27:case 5:return iw(e.child.stateNode);default:return e.child.stateNode}}, - Network accessline 393
`+e.join(" > ")}return null},ie.getPublicRootInstance=function(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 27:case 5:return iw(e.child.stateNode);default:return e.child.stateNode}},ie.injectIntoDevTools=function(){var e= - Possible obfuscationline 393
`+e.join(" > ")}return null},ie.getPublicRootInstance=function(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 27:case 5:return iw(e.child.stateNode);default:return e.child.stateNode}},ie.injectIntoDevTools=function(){var e= - Possible obfuscationline 437
}`,V="varying vec2 vUv;void main(){vUv=position.xy*0.5+0.5;gl_Position=vec4(position.xy,1.0,1.0);}",W=class extends O.ShaderMaterial{constructor(){super({name:"CopyMaterial",defines:{COLOR_SPACE_CONVERSION:"1",DEPTH_PACKING:"0",COLOR_WRITE: - Possible obfuscationline 444
}`,eu=[new Float32Array([0,0]),new Float32Array([0,1,1]),new Float32Array([0,1,1,2]),new Float32Array([0,1,2,2,3]),new Float32Array([0,1,2,3,4,4,5]),new Float32Array([0,1,2,3,4,5,7,8,9,10])],ec=class extends O.ShaderMaterial{constructor(e=n - Possible obfuscationline 466
}`,ep=class extends O.ShaderMaterial{constructor(e=!1,t=null){super({name:"LuminanceMaterial",defines:{THREE_REVISION:O.REVISION.replace(/\D+/g,"")},uniforms:{inputBuffer:new O.Uniform(null),threshold:new O.Uniform(0),smoothing:new O.Unifor - Possible obfuscationline 482
}`,eS=class extends O.ShaderMaterial{constructor(){super({name:"UpsamplingMaterial",uniforms:{inputBuffer:new O.Uniform(null),supportBuffer:new O.Uniform(null),texelSize:new O.Uniform(new O.Vector2),radius:new O.Uniform(.85)},blending:O.NoB - Possible obfuscationline 487
uniform float intensity;void mainImage(const in vec4 inputColor,const in vec2 uv,out vec4 outputColor){outputColor=texture2D(map,uv)*intensity;}`,eT=class extends es{constructor({blendFunction:e=ei.SCREEN,luminanceThreshold:t=1,luminanceSmo - Possible obfuscationline 496
outputColor=vec4(ra.x,inputColor.g,ba.x,max(max(ra.y,ba.y),inputColor.a));}`,eb=class extends es{constructor({offset:e=new O.Vector2(.001,5e-4),radialModulation:t=!1,modulationOffset:n=.15}={}){super("ChromaticAberrationEffect",e_,{vertexSh - Possible obfuscationline 529
}}`,eP=class extends O.ShaderMaterial{constructor(e=!1,t=!1){super({name:"BokehMaterial",defines:{PASS:e?"2":"1"},uniforms:{inputBuffer:new O.Uniform(null),cocBuffer:new O.Uniform(null),texelSize:new O.Uniform(new O.Vector2),kernel64:new O. - Possible obfuscationline 555
void main(){float depth=readDepth(vUv);vec3 viewPosition=getViewPosition(vUv,depth);float distance=getDistance(viewPosition);float signedDistance=distance-focusDistance;float magnitude=smoothstep(0.0,focusRange,abs(signedDistance));gl_FragC - Possible obfuscationline 597
}`,eB=class extends O.ShaderMaterial{constructor(e=null){super({name:"MaskMaterial",uniforms:{maskTexture:new O.Uniform(e),inputBuffer:new O.Uniform(null),strength:new O.Uniform(1)},blending:O.NoBlending,toneMapped:!1,depthWrite:!1,depthTes - Possible obfuscationline 611
vec4 result=inputColor*(1.0-cocNearFar.y)+colorFar;result=mix(result,colorNear,cocNearFar.x);outputColor=result;}`,eO=new O.Vector3,eG=class extends es{constructor(e,{blendFunction:t,worldFocusDistance:n,worldFocusRange:r,focalLength:i,focu - Possible obfuscationline 613
varying vec2 vUvDown;varying vec2 vUvUp;varying vec2 vUvLeft;varying vec2 vUvRight;varying vec2 vUvDownLeft;varying vec2 vUvUpRight;varying vec2 vUvUpLeft;varying vec2 vUvDownRight;vec4 fxaa(const in vec4 inputColor,const in vec2 uv){float - Possible obfuscationline 622
}`,eK=class extends O.ShaderMaterial{constructor(e){super({name:"GodRaysMaterial",defines:{SAMPLES_INT:"60",SAMPLES_FLOAT:"60.0"},uniforms:{inputBuffer:new O.Uniform(null),lightPosition:new O.Uniform(e),density:new O.Uniform(1),decay:new O. - Possible obfuscationline 627
void mainImage(const in vec4 inputColor,const in vec2 uv,out vec4 outputColor){outputColor=texture2D(map,uv);}`,eJ=new O.Vector3,e$=new O.Matrix4,e0=class extends es{constructor(e,t,{blendFunction:n=ei.SCREEN,samples:r=60,density:i=.96,deca - Possible obfuscationline 675
outputColor=vec4(c,inputColor.a);}`,e9=class extends es{constructor(e,{blendFunction:t=ei.SRC,tetrahedralInterpolation:n=!1,inputColorSpace:r=O.SRGBColorSpace}={}){super("LUT3DEffect",e6,{blendFunction:t,uniforms:new Map([["lut",new O.Unifo - Possible obfuscationline 718
}`,tr=class extends O.ShaderMaterial{constructor(e=null,t){super({name:"DepthComparisonMaterial",defines:{DEPTH_PACKING:"0"},uniforms:{depthBuffer:new O.Uniform(null),cameraNear:new O.Uniform(.3),cameraFar:new O.Uniform(1e3)},blending:O.NoB - Possible obfuscationline 742
}`,ts=class extends es{constructor(e,t,{blendFunction:n=ei.SCREEN,patternTexture:r=null,patternScale:i=1,edgeStrength:a=1,pulseSpeed:o=0,visibleEdgeColor:s=0xffffff,hiddenEdgeColor:l=2230538,kernelSize:u=0,blur:c=!1,xRay:d=!0,multisampling: - Possible obfuscationline 750
vec2 sl=vec2(sin(y*count),cos(y*count));outputColor=vec4(sl.xyx,inputColor.a);}`,tc=class extends es{constructor({blendFunction:e=ei.OVERLAY,density:t=1.25,scrollSpeed:n=0}={}){super("ScanlineEffect",tu,{blendFunction:e,uniforms:new Map([[" - Possible obfuscationline 790
if(keep){gl_FragColor=texture2D(inputBuffer,vUv);}else{discard;}}`,tg=class extends O.ShaderMaterial{constructor(){super({name:"DepthMaskMaterial",defines:{DEPTH_EPSILON:"0.0001",DEPTH_PACKING_0:"0",DEPTH_PACKING_1:"0",DEPTH_TEST_STRATEGY:1 - Possible obfuscationline 842
gl_Position=vec4(position.xy,1.0,1.0);}`,tT=class extends O.ShaderMaterial{constructor(e=new O.Vector2,t=2){super({name:"EdgeDetectionMaterial",defines:{THREE_REVISION:O.REVISION.replace(/\D+/g,""),LOCAL_CONTRAST_ADAPTATION_FACTOR:"2.0",EDG - Possible obfuscationline 851
uniform lowp sampler2D areaTexture;uniform lowp sampler2D searchTexture;uniform vec2 texelSize;uniform vec2 resolution;varying vec2 vUv;varying vec4 vOffset[3];varying vec2 vPixCoord;void movec(const in bvec2 c,inout vec2 variable,const in - Possible obfuscationline 867
}if(e.r>0.0){vec2 d;vec3 coords;coords.y=searchYUp(vOffset[1].xy,vOffset[2].z);coords.x=vOffset[0].x;d.x=coords.y;float e1=texture2D(inputBuffer,coords.xy).g;coords.z=searchYDown(vOffset[1].zw,vOffset[2].w);d.y=coords.z;d=round(resolution.y - Possible obfuscationline 934
}gl_FragColor.r=ao;}`,tR=class extends O.ShaderMaterial{constructor(e){super({name:"SSAOMaterial",defines:{SAMPLES_INT:"0",INV_SAMPLES_FLOAT:"0.0",SPIRAL_TURNS:"0.0",RADIUS:"1.0",RADIUS_SQ:"1.0",DISTANCE_SCALING:"1",DEPTH_PACKING:"0"},unifo - Possible obfuscationline 955
gl_FragColor=vec4(n[index],d[index]);}`,tP=class extends O.ShaderMaterial{constructor(){super({name:"DepthDownsamplingMaterial",defines:{DEPTH_PACKING:"0"},uniforms:{depthBuffer:new O.Uniform(null),normalBuffer:new O.Uniform(null),texelSize - Possible obfuscationline 978
}`,tU=class extends es{constructor(e,t,{blendFunction:n=ei.MULTIPLY,samples:r=9,rings:i=7,normalDepthBuffer:a=null,depthAwareUpsampling:o=!0,worldDistanceThreshold:s,worldDistanceFalloff:l,worldProximityThreshold:u,worldProximityFalloff:c,d - Possible obfuscationline 1000
}`,tF=class extends es{constructor({blendFunction:e,texture:t=null,aspectCorrection:n=!1}={}){super("TextureEffect",tB,{blendFunction:e,defines:new Map([["TEXEL","texel"]]),uniforms:new Map([["map",new O.Uniform(null)],["scale",new O.Unifor - Possible obfuscationline 1007
}`,tG=class extends ec{constructor({kernelSize:e=2,offset:t=0,rotation:n=0,focusArea:r=.4,feather:i=.3}={}){super(),this.fragmentShader=tO,this.vertexShader="uniform vec4 texelSize;uniform float kernel;uniform float scale;uniform float aspe - Possible obfuscationline 1012
uniform vec2 maskParams;varying vec2 vUv2;float linearGradientMask(const in float x){return step(maskParams.x,x)-step(maskParams.y,x);}void mainImage(const in vec4 inputColor,const in vec2 uv,out vec4 outputColor){float mask=linearGradientM - Possible obfuscationline 1021
l0=max(minLuminance,l0);l1=max(minLuminance,l1);float adaptedLum=l0+(l1-l0)*(1.0-exp(-deltaTime*tau));gl_FragColor=(adaptedLum==1.0)?vec4(1.0):packFloatToRGBA(adaptedLum);}`,tW=class extends O.ShaderMaterial{constructor(){super({name:"Adapt - Possible obfuscationline 1054
}`,tj=class extends es{constructor({blendFunction:e=ei.SRC,adaptive:t=!1,mode:n=t?3:7,resolution:r=256,maxLuminance:i=4,whitePoint:a=i,middleGrey:o=.6,minLuminance:s=.01,averageLuminance:l=1,adaptationRate:u=1}={}){super("ToneMappingEffect" - Possible obfuscationline 1106
gl_Position=vec4(position.xy,1.0,1.0);}`,tJ=class extends O.ShaderMaterial{constructor(){super({name:"DepthCopyMaterial",defines:{INPUT_DEPTH_PACKING:"0",OUTPUT_DEPTH_PACKING:"0",DEPTH_COPY_MODE:"0"},uniforms:{depthBuffer:new O.Uniform(null - Possible obfuscationline 1145
}`,t0=class extends O.ShaderMaterial{constructor(e,t,n,r,i=!1){super({name:"EffectMaterial",defines:{THREE_REVISION:O.REVISION.replace(/\D+/g,""),DEPTH_PACKING:"0",ENCODE_OUTPUT:"1"},uniforms:{inputBuffer:new O.Uniform(null),depthBuffer:new - Possible obfuscationline 1146
`,n.uvTransformation=!0),null!==i&&/mainSupport/.test(i)){let t=/mainSupport *\([\w\s]*?uv\s*?\)/.test(i);for(let r of(p+=` ${e}MainSupport(`,p+=t?"vUv);\n":");\n",i.matchAll(/(?:varying\s+\w+\s+([\S\s]*?);)/g)))for(let e of r[1].split(/\s* - Possible obfuscationline 1150
`}if(u+=r+"\n",null!==i&&(f+=i+"\n"),l.set(Z.FRAGMENT_HEAD,u),l.set(Z.FRAGMENT_MAIN_UV,c),l.set(Z.FRAGMENT_MAIN_IMAGE,d),l.set(Z.VERTEX_HEAD,f),l.set(Z.VERTEX_MAIN_SUPPORT,p),null!==t.extensions)for(let e of t.extensions)n.extensions.add(e)
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/1552c7742c37f06d.js
- Executable scriptline 1
Executable file
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/1ed7a178f7acd3df.js
- Network accessline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,21348,t=>{"use strict";let e,i,r,s,n,a,o,h,l,u={LEFT:0,MIDDLE:1,RIGHT:2,ROTATE:0,DOLLY:1,PAN:2},c={ROTATE:0,PAN:1,DOLLY_PAN:2,DO - Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,21348,t=>{"use strict";let e,i,r,s,n,a,o,h,l,u={LEFT:0,MIDDLE:1,RIGHT:2,ROTATE:0,DOLLY:1,PAN:2},c={ROTATE:0,PAN:1,DOLLY_PAN:2,DO - Executable scriptline 1
Executable file - Possible obfuscationline 9
[Credential-related source omitted]
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/56b0d8f9f2c1e441.js
- Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,32629,(e,t,r)=>{var n={229:function(e){var t,r,n,o=e.exports={};function u(){throw Error("setTimeout has not been defined")}func - Executable scriptline 1
Executable file
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/7758f29a8aeb1c60.js
- Network accessline 1
[Credential-related source omitted] - Possible obfuscationline 1
[Credential-related source omitted] - Executable scriptline 1
[Credential-related source omitted] - Possible obfuscationline 39
`})]})};var s2=e.i(85765);let s9=e=>e===Object(e)&&!Array.isArray(e)&&"function"!=typeof e;function s3(e,t){let r=(0,sv.useThree)(e=>e.gl),n=(0,s2.useLoader)(sy.TextureLoader,s9(e)?Object.values(e):e);return(0,u.useLayoutEffect)(()=>{null== - Possible obfuscationline 63
`,s7=e=>Math.pow(2,Math.ceil(Math.log2(Math.max(1,e)))),ue=e=>{let t=e.image;if(!t)return null;let r=t.width,n=t.height;return"number"!=typeof r||"number"!=typeof n||r<=0||n<=0?null:t},ut=(e,t,r="scroll")=>{let{spawnWidth:n,clickSpawnWidth: - Possible obfuscationline 153
}`,{tDiffuse:{value:null},uVelocity:{value:null},uSimSize:{value:new sy.Vector2(l,l)},uDisplacementStrength:{value:Math.max(e/.3,0)},uChromaticBoost:{value:Math.max(n/.004,0)},uEffectEnabled:{value:1},...this.pointerOverlay.uniforms}),this. - Network accessline 175
} } `}),(0,s.jsx)("svg",{ref:o,viewBox:"0 0 320 154",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:`svg-sign${r&&a?" is-drawing":""}${e?` ${e}`:""}`,"aria-hidden":!0,children:i.map((e,r)=>(0,s.jsx)("path",{ref:e=>{t - Network accessline 177
[Credential-related source omitted] - Possible obfuscationline 177
[Credential-related source omitted] - Access to secretsline 177
[Credential-related source omitted]
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/7cc1924554447827.js
- Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,91348,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"InvariantError",{enumerab - Executable scriptline 1
Executable file - Network accessline 2
${t}`))}function U(){let e=new AbortController;return e.abort(Object.defineProperty(new _.BailoutToCSRError("Render in Browser"),"__NEXT_ERROR_CODE",{value:"E721",enumerable:!1,configurable:!0})),e.signal}function $(e){switch(e.type){case"p - Possible obfuscationline 2
${t}`))}function U(){let e=new AbortController;return e.abort(Object.defineProperty(new _.BailoutToCSRError("Render in Browser"),"__NEXT_ERROR_CODE",{value:"E721",enumerable:!1,configurable:!0})),e.signal}function $(e){switch(e.type){case"p - Network accessline 4
- Rerun the production build with \`next build --debug-prerender\` to generate better stack traces.`))}function ee(e,t,r,n){if(n.syncDynamicErrorWithStack)throw Z(e,n.syncDynamicErrorWithStack),new s.StaticGenBailoutError;if(0!==t){if(r.has - Possible obfuscationline 4
- Rerun the production build with \`next build --debug-prerender\` to generate better stack traces.`))}function ee(e,t,r,n){if(n.syncDynamicErrorWithStack)throw Z(e,n.syncDynamicErrorWithStack),new s.StaticGenBailoutError;if(0!==t){if(r.has
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/83f95f6c165018c5.js
- Network accessline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,13468,(e,t,r)=>{"use strict";var n=e.r(70089);function a(e){var t="https://react.dev/errors/"+e;if(1<arguments.length){t+="?args - Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,13468,(e,t,r)=>{"use strict";var n=e.r(70089);function a(e){var t="https://react.dev/errors/"+e;if(1<arguments.length){t+="?args - Executable scriptline 1
Executable file - Network accessline 2
Read more: https://nextjs.org/docs/messages/failed-to-find-server-action`),"__NEXT_ERROR_CODE",{value:"E715",enumerable:!1,configurable:!0});let A=j.headers.get("x-action-redirect"),[M,C]=A?.split(";")||[];switch(C){case"push":f=y.RedirectT - Possible obfuscationline 2
Read more: https://nextjs.org/docs/messages/failed-to-find-server-action`),"__NEXT_ERROR_CODE",{value:"E715",enumerable:!1,configurable:!0});let A=j.headers.get("x-action-redirect"),[M,C]=A?.split(";")||[];switch(C){case"push":f=y.RedirectT
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/8c2d1abc8462562b.js
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/8f06fe72571f37b9.js
- Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,1972,(e,t,r)=>{"use strict";function n(e,t={}){if(t.onlyHashChange)return void e();let r=document.documentElement;if("smooth"!== - Executable scriptline 1
Executable file
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/a6dad97d9634a72d.js
- Network accessline 1
!function(){var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){var e={exports:{}};return t(e,e.exports),e.exports}var r,n,o=func - Possible obfuscationline 1
!function(){var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){var e={exports:{}};return t(e,e.exports),e.exports}var r,n,o=func - Executable scriptline 1
Executable file - Possible obfuscationline 2
<U+180E>"!=="<U+200B> - Network accessline 3
[Credential-related source omitted] - Possible obfuscationline 3
[Credential-related source omitted]
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/d59f7a97fb1c563f.js
- Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,73475,t=>{"use strict";var e=t.i(22441),i=t.i(70089);let s=(0,i.createContext)(null);function n(){let t=(0,i.useContext)(s);if(! - Executable scriptline 1
Executable file
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/e553ef8ae208a000.js
- Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,94394,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"warnOnce",{enumerable:!0, - Executable scriptline 1
Executable file
plugins/_official/examples/open-design-homepage/assets/_next/static/chunks/turbopack-425288158aa66df2.js
- Possible obfuscationline 1
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,{otherChunks:["static/chunks/56b0d8f9f2c1e441.js","static/chunks/7cc1924554447827.js","static/chunks/83f95f6c165018c5.js","stati - Executable scriptline 1
Executable file - Network accessline 2
self.TURBOPACK_CHUNK_SUFFIX = ${JSON.stringify(r)}; self.TURBOPACK_NEXT_CHUNK_URLS = ${JSON.stringify(e.reverse().map(K),null,2)}; importScripts(...self.TURBOPACK_NEXT_CHUNK_URLS.map(c => self.TURBOPACK_WORKER_LOCATION + c).reverse());`],{t - Network accessline 3
self.TURBOPACK_NEXT_CHUNK_URLS = ${JSON.stringify(e.reverse().map(K),null,2)}; importScripts(...self.TURBOPACK_NEXT_CHUNK_URLS.map(c => self.TURBOPACK_WORKER_LOCATION + c).reverse());`],{type:"text/javascript"});return URL.createObjectURL(t - Network accessline 4
importScripts(...self.TURBOPACK_NEXT_CHUNK_URLS.map(c => self.TURBOPACK_WORKER_LOCATION + c).reverse());`],{type:"text/javascript"});return URL.createObjectURL(t)};let x=/\.js(?:\?[^#]*)?(?:#.*)?$/,N=/\.css(?:\?[^#]*)?(?:#.*)?$/;function M( - Possible obfuscationline 4
importScripts(...self.TURBOPACK_NEXT_CHUNK_URLS.map(c => self.TURBOPACK_WORKER_LOCATION + c).reverse());`],{type:"text/javascript"});return URL.createObjectURL(t)};let x=/\.js(?:\?[^#]*)?(?:#.*)?$/,N=/\.css(?:\?[^#]*)?(?:#.*)?$/;function M(
plugins/_official/examples/open-design-homepage/assets/icon.svg
- Network accessline 1
<svg viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
plugins/_official/examples/open-design-homepage/example.html
- Network accessline 23
} } </style><svg viewBox="0 0 320 154" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-sign -top-1/32 -left-1/12 absolute w-3/4 pointer-events-none" aria-hidden="true"><path class="svg-sign__path" d="M25.9 39.95L20.9 - Network accessline 25
</style><svg viewBox="0 0 320 154" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-sign -top-1/32 -left-1/12 absolute w-3/4 pointer-events-none" aria-hidden="true"><path class="svg-sign__path" d="M25.9 39.95L20.93 42.44L15.95 47.4
plugins/_official/examples/open-design-homepage/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 34
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 35
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 36
"url": "https://github.com/nexu-io" - Network accessline 37
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-homepage", "tags": [ - Network accessline 38
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-homepage",
plugins/_official/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'>
plugins/_official/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",
plugins/_official/examples/open-design-landing/SKILL.md
plugins/_official/examples/open-design-landing/assets/image-manifest.json
plugins/_official/examples/open-design-landing/example.html
- Network accessline 6
<title>OpenDesign — Designing intelligence with skills, taste, and your own agent.</title> <meta name='description' content='OpenDesign is the open-source alternative to Claude Design. 12 coding-agent CLIs · 31 composable skills · 72 brand- - Network accessline 7
<meta name='description' content='OpenDesign is the open-source alternative to Claude Design. 12 coding-agent CLIs · 31 composable skills · 72 brand-grade design systems. Local-first, web-deployable, BYOK at every layer.' /> <link rel='prec - 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@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&display - Network accessline 26
* typefaces here; either extend the design system first. */ @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,40 - Network accessline 28
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&displa - Network accessline 73
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 74
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 75
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 1253
pointer-events: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='s - Network accessline 1254
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix v - Network accessline 1255
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 - Network accessline 1894
</span> <span class='right'> <a class='topbar-link' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'><span class='pulse'></span>Live · v0.3.0</a> - Network accessline 1895
<span class='right'> <a class='topbar-link' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'><span class='pulse'></span>Live · v0.3.0</a> <span><b>EN</b> · DE · 中文 · 日本語</span> - Network accessline 1896
<a class='topbar-link' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'><span class='pulse'></span>Live · v0.3.0</a> - Network accessline 1909
<nav> <ul class='nav-links'> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>Skills<span class='num'>31</span></a></li> - Network accessline 1910
<ul class='nav-links'> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>Skills<span class='num'>31</span></a></li> <li><a href='https://github.com/nexu-io/op - Network accessline 1911
<li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>Skills<span class='num'>31</span></a></li> - Network accessline 1912
<li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener'>Systems<span class='num'>72</span></a></li> - Network accessline 1917
</nav> <div class='nav-side'> <a class='nav-cta ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download</a> - Network accessline 1918
<div class='nav-side'> <a class='nav-cta ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download</a> <a class='nav-cta' href='https://github.com/nexu-io/open-design' targe - Network accessline 1919
<a class='nav-cta ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download</a> - Network accessline 1920
<a class='nav-cta' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>Star · 0K</a> - Network accessline 1942
<p class='lead' data-reveal>The open-source alternative to Anthropic’s Claude Design. 12 coding agents — Claude, Codex, Cursor, Gemini and friends — drive 31 composable skills and 72 brand-grade design systems. Generate web pages, sli - Network accessline 1943
<div class='hero-actions' data-reveal> <a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> Star us on GitHub - Network accessline 1944
<a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> - Network accessline 1946
<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/releases' target='_blank' rel='noreferrer noopener'> - Network accessline 1947
</a> <a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'> Download desktop - Network accessline 1948
<a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'> Download desktop <span class='arrow'><svg viewBox='0 0 24 24'><circle cx='12' cy='12' r='9'/><pat - Network accessline 2052
<div class='wire-row reverse'> <div class='marquee-track'> <a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</sp - Network accessline 2053
<div class='marquee-track'> <a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@tw93</spa - Network accessline 2054
<a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@tw93</span><span class='wire-role'>kami</span>< - Network accessline 2055
<a class='wire-item is-link' href='https://github.com/op7418' target='_blank' rel='noreferrer noopener' aria-label='Open op7418 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@op7418</span><span class='wire-role'>guizan - Network accessline 2056
<a class='wire-item is-link' href='https://github.com/alchaincyf' target='_blank' rel='noreferrer noopener' aria-label='Open alchaincyf on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@alchaincyf</span><span class='wire- - Network accessline 2057
<a class='wire-item is-link' href='https://github.com/multica-ai' target='_blank' rel='noreferrer noopener' aria-label='Open multica-ai on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@multica-ai</span><span class='wire- - Network accessline 2058
<a class='wire-item is-link' href='https://github.com/OpenCoworkAI' target='_blank' rel='noreferrer noopener' aria-label='Open OpenCoworkAI on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@OpenCoworkAI</span><span class= - Network accessline 2059
<a class='wire-item is-link' href='https://github.com/nexu-io' target='_blank' rel='noreferrer noopener' aria-label='Open nexu-io on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@nexu-io</span><span class='wire-role'>stu - Network accessline 2060
<a class='wire-item is-link' href='https://github.com/nexu-io/open-design/graphs/contributors' target='_blank' rel='noreferrer noopener' aria-label='Open you on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@you</span><sp - Network accessline 2061
<a class='wire-item is-link' href='https://github.com/tw93' target='_blank' rel='noreferrer noopener' aria-label='Open tw93 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@tw93</span><span class='wire-role'>kami</span>< - Network accessline 2062
<a class='wire-item is-link' href='https://github.com/op7418' target='_blank' rel='noreferrer noopener' aria-label='Open op7418 on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@op7418</span><span class='wire-role'>guizan - Network accessline 2063
<a class='wire-item is-link' href='https://github.com/alchaincyf' target='_blank' rel='noreferrer noopener' aria-label='Open alchaincyf on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@alchaincyf</span><span class='wire- - Network accessline 2064
<a class='wire-item is-link' href='https://github.com/multica-ai' target='_blank' rel='noreferrer noopener' aria-label='Open multica-ai on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@multica-ai</span><span class='wire- - Network accessline 2065
<a class='wire-item is-link' href='https://github.com/OpenCoworkAI' target='_blank' rel='noreferrer noopener' aria-label='Open OpenCoworkAI on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@OpenCoworkAI</span><span class= - Network accessline 2066
<a class='wire-item is-link' href='https://github.com/nexu-io' target='_blank' rel='noreferrer noopener' aria-label='Open nexu-io on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@nexu-io</span><span class='wire-role'>stu - Network accessline 2067
<a class='wire-item is-link' href='https://github.com/nexu-io/open-design/graphs/contributors' target='_blank' rel='noreferrer noopener' aria-label='Open you on GitHub'><span class='wire-dot'>·</span><span class='wire-handle'>@you</span><sp - Network accessline 2088
<h2 class='display'>We treat <em>your agent</em> as a creative <em>collaborator,</em> not a black box<span class='dot'>.</span></h2> <p class='lead'>The strongest coding agents already live on your laptop. We don't ship one — we wir - Network accessline 2089
<p class='lead'>The strongest coding agents already live on your laptop. We don't ship one — we wire them into a skill-driven design workflow that runs locally with <code class='code-inline'>pnpm tools-dev</code>, deploys the web layer to V - Network accessline 2090
<a class='btn btn-ghost' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'> - Network accessline 2146
<h3>Skills,<br/>not plugins</h3> <p>31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/ma - Network accessline 2147
<p>31 file-based <code class='code-inline sm'>SKILL.md</code> bundles. Drop a folder in, restart the daemon, it appears.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noref - Network accessline 2148
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' aria-label='Learn more about Skills'> - Network accessline 2157
<h3>Design Systems<br/>as Markdown</h3> <p>72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree - Network accessline 2158
<p>72 portable <code class='code-inline sm'>DESIGN.md</code> systems — Linear, Vercel, Stripe, Apple, Cursor, Figma…</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='n - Network accessline 2159
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener' aria-label='Learn more about Systems'> - Network accessline 2168
<h3>12 Agent<br/>Adapters</h3> <p>Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree - Network accessline 2169
<p>Claude · Codex · Gemini · Cursor · Copilot · OpenCode · Devin · Hermes · Pi · Kimi · Kiro · Qwen — auto-detected on $PATH.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' - Network accessline 2170
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener' aria-label='Learn more about Adapters'> - Network accessline 2179
<h3>BYOK<br/>at every layer</h3> <p>OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design' target='_blank' re - Network accessline 2180
<p>OpenAI-compatible proxy. DeepSeek, Groq, OpenRouter, your self-hosted vLLM — paste a baseUrl + key, ship.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener' aria-label='L - Network accessline 2181
<a class='arrow-mark' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener' aria-label='Learn more about BYOK'> - Network accessline 2226
<h4>Magazine Decks</h4> <p>Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/guizan - Network accessline 2227
<p>Editorial-grade slide decks with <code class='code-inline sm'>guizang-ppt</code>. Magazine layout, WebGL hero.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/guizang-ppt' target='_blank' rel=' - Network accessline 2228
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/guizang-ppt' target='_blank' rel='noreferrer noopener' aria-label='Open Magazine Decks'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg> - Network accessline 2233
<h4>Synthetic Matter</h4> <p>Gpt-image-2 + Seedance + HyperFrames. Image, video, audio — same chat surface as code.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' - Network accessline 2234
<p>Gpt-image-2 + Seedance + HyperFrames. Image, video, audio — same chat surface as code.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' rel='noreferrer noopener' ari - Network accessline 2235
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' rel='noreferrer noopener' aria-label='Open Synthetic Matter'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></sv - Network accessline 2240
<h4>Prompt Choreography</h4> <p>When unresolved choices would materially change the result, a focused question form keeps the next iteration on track.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/ - Network accessline 2241
<p>When unresolved choices would materially change the result, a focused question form keeps the next iteration on track.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/design-brief' target='_bla - Network accessline 2242
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/design-brief' target='_blank' rel='noreferrer noopener' aria-label='Open Prompt Choreography'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/> - Network accessline 2247
<h4>Visual Reasoning</h4> <p>5-dim self-critique gates every artifact: philosophy · hierarchy · execution · specificity · restraint.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/critique' t - Network accessline 2248
<p>5-dim self-critique gates every artifact: philosophy · hierarchy · execution · specificity · restraint.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/critique' target='_blank' rel='noreferrer - Network accessline 2249
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/skills/critique' target='_blank' rel='noreferrer noopener' aria-label='Open Visual Reasoning'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg>< - Network accessline 2254
<h4>Soft Systems</h4> <p>Sandboxed iframe preview. Streaming todos. Real-cwd filesystem. Adaptive loops between human and machine.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target= - Network accessline 2255
<p>Sandboxed iframe preview. Streaming todos. Real-cwd filesystem. Adaptive loops between human and machine.</p> <a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer n - Network accessline 2256
<a class='arrow-mark' href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener' aria-label='Open Soft Systems'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></a> - Network accessline 2261
<span class='on'></span><span class='on'></span><span class='on'></span><span class='on'></span><span class='on'></span><span></span><span></span><span></span> </div> <span class='meta'>05 / 31 SKILLS · <a class='lib - Network accessline 2262
</div> <span class='meta'>05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'>VIEW FULL LIBRARY →</a - Network accessline 2263
<span class='meta'>05 / 31 SKILLS · <a class='library-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener' style='color:var(--coral);'>VIEW FULL LIBRARY →</a></span> - Network accessline 2318
<span>Skills inform everything. Files make it real.</span> </div> <div class='right'><a class='method-repo-link' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'><b>github.com/nexu-io/open- - Network accessline 2319
</div> <div class='right'><a class='method-repo-link' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'><b>github.com/nexu-io/open-design</b></a> · Apache-2.0</div> </div> - Network accessline 2320
<div class='right'><a class='method-repo-link' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'><b>github.com/nexu-io/open-design</b></a> · Apache-2.0</div> - Network accessline 2338
<span class='label'>Selected work</span> <h2>Skills that turn briefs into <em>memorable</em> shippable <em>artifacts</em><span class='dot'>.</span></h2> <a class='work-link' href='https://github.com/nexu-io/open-design/tree/ - Network accessline 2339
<h2>Skills that turn briefs into <em>memorable</em> shippable <em>artifacts</em><span class='dot'>.</span></h2> <a class='work-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noop - Network accessline 2340
<a class='work-link' href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>View all 31 skills</a> - Network accessline 2341
</div> <a class='work-card' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> <div class='label-row'> - Network accessline 2342
<a class='work-card' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> - Network accessline 2353
</div> </a> <a class='work-card alt' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> - Network accessline 2354
</a> <a class='work-card alt' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> <div class='label-row'> - Network accessline 2355
<a class='work-card alt' data-reveal href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'> - Network accessline 2396
<p class='partners-text'>Standing on the shoulders of teams shipping open-source design culture.</p> <div class='partners'> <a class='partner' data-reveal href='https://github.com/alchaincyf/huashu-design' target='_blank' re - Network accessline 2397
<div class='partners'> <a class='partner' data-reveal href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2398
<a class='partner' data-reveal href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'> - Network accessline 2405
<small>Philosophy</small> </a> <a class='partner' data-reveal href='https://github.com/op7418/guizang-ppt-skill' target='_blank' rel='noreferrer noopener'> - Network accessline 2406
</a> <a class='partner' data-reveal href='https://github.com/op7418/guizang-ppt-skill' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2407
<a class='partner' data-reveal href='https://github.com/op7418/guizang-ppt-skill' target='_blank' rel='noreferrer noopener'> - Network accessline 2414
<small>Decks</small> </a> <a class='partner' data-reveal href='https://github.com/multica-ai/multica' target='_blank' rel='noreferrer noopener'> - Network accessline 2415
</a> <a class='partner' data-reveal href='https://github.com/multica-ai/multica' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2416
<a class='partner' data-reveal href='https://github.com/multica-ai/multica' target='_blank' rel='noreferrer noopener'> - Network accessline 2423
<small>Daemon</small> </a> <a class='partner' data-reveal href='https://github.com/OpenCoworkAI/open-codesign' target='_blank' rel='noreferrer noopener'> - Network accessline 2424
</a> <a class='partner' data-reveal href='https://github.com/OpenCoworkAI/open-codesign' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2425
<a class='partner' data-reveal href='https://github.com/OpenCoworkAI/open-codesign' target='_blank' rel='noreferrer noopener'> - Network accessline 2432
<small>UX</small> </a> <a class='partner' data-reveal href='https://devin.ai/terminal' target='_blank' rel='noreferrer noopener'> - Network accessline 2433
</a> <a class='partner' data-reveal href='https://devin.ai/terminal' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2434
<a class='partner' data-reveal href='https://devin.ai/terminal' target='_blank' rel='noreferrer noopener'> - Network accessline 2441
<small>Terminal</small> </a> <a class='partner' data-reveal href='https://github.com/heygen-com/hyperframes' target='_blank' rel='noreferrer noopener'> - Network accessline 2442
</a> <a class='partner' data-reveal href='https://github.com/heygen-com/hyperframes' target='_blank' rel='noreferrer noopener'> <div class='glyph'> - Network accessline 2443
<a class='partner' data-reveal href='https://github.com/heygen-com/hyperframes' target='_blank' rel='noreferrer noopener'> - Network accessline 2451
</a> </div> <a class='read-more' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>Read more stories</a> - Network accessline 2452
</div> <a class='read-more' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>Read more stories</a> </div> - Network accessline 2453
<a class='read-more' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>Read more stories</a> - Network accessline 2477
<p class='lead'>Star us on GitHub, drop into the issues, or run <code class='code-inline'>pnpm tools-dev</code> tonight. Three commands and the loop is yours.</p> <div class='cta-actions'> <a class='btn btn-primary' href=' - Network accessline 2478
<div class='cta-actions'> <a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> Star on GitHub - Network accessline 2479
<a class='btn btn-primary' href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'> - Network accessline 2481
<span class='arrow'><svg viewBox='0 0 24 24'><path d='M5 19L19 5M19 5H8M19 5v11'/></svg></span> </a> <a class='email-pill' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'> - Network accessline 2482
</a> <a class='email-pill' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'> Open an issue - Network accessline 2483
<a class='email-pill' href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'> - Network accessline 2509
<span>OpenDesign</span> </a> <p style='margin-top:18px;'>The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel=' - Network accessline 2510
</a> <p style='margin-top:18px;'>The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-desi - Network accessline 2511
<p style='margin-top:18px;'>The open-source alternative to Claude Design. Built on the shoulders of <a class='inline-link' href='https://github.com/alchaincyf/huashu-design' target='_blank' rel='noreferrer noopener'>huashu-design</a>, <a cl - Network accessline 2512
<a class='foot-cta' href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Download desktop<span class='meta'>macOS · v0.3.0</span></a> - Network accessline 2517
<li><a href='#agents'>Capabilities</a></li> <li><a href='#labs'>Labs</a></li> <li><a href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'>Method</a></li> - Network accessline 2518
<li><a href='#labs'>Labs</a></li> <li><a href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'>Method</a></li> <li><a href='https://github.com/nexu-io/open-design' targ - Network accessline 2519
<li><a href='https://github.com/nexu-io/open-design/tree/main/apps/daemon' target='_blank' rel='noreferrer noopener'>Method</a></li> - Network accessline 2520
<li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>Manifesto</a></li> - Network accessline 2524
<h5>Library</h5> <ul> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>31 Skills</a></li> - Network accessline 2525
<ul> <li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>31 Skills</a></li> <li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_b - Network accessline 2526
<li><a href='https://github.com/nexu-io/open-design/tree/main/skills' target='_blank' rel='noreferrer noopener'>31 Skills</a></li> - Network accessline 2527
<li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener'>72 Systems</a></li> - Network accessline 2528
<li><a href='https://github.com/nexu-io/open-design/tree/main/design-systems' target='_blank' rel='noreferrer noopener'>5 Directions</a></li> - Network accessline 2529
<li><a href='https://github.com/nexu-io/open-design/tree/main/skills/hyperframes' target='_blank' rel='noreferrer noopener'>5 Frames</a></li> - Network accessline 2533
<h5>Connect</h5> <ul> <li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>GitHub</a></li> - Network accessline 2534
<ul> <li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>GitHub</a></li> <li><a href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'>Issues - Network accessline 2535
<li><a href='https://github.com/nexu-io/open-design' target='_blank' rel='noreferrer noopener'>GitHub</a></li> - Network accessline 2536
<li><a href='https://github.com/nexu-io/open-design/issues' target='_blank' rel='noreferrer noopener'>Issues</a></li> - Network accessline 2537
<li><a href='https://github.com/nexu-io/open-design/graphs/contributors' target='_blank' rel='noreferrer noopener'>Contributors</a></li> - Network accessline 2538
<li><a href='https://github.com/nexu-io/open-design/releases' target='_blank' rel='noreferrer noopener'>Releases</a></li> - Network accessline 2542
<h5>Docs</h5> <ul> <li><a href='https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md' target='_blank' rel='noreferrer noopener'>Quickstart</a></li> - Network accessline 2543
<ul> <li><a href='https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md' target='_blank' rel='noreferrer noopener'>Quickstart</a></li> <li><a href='https://github.com/nexu-io/open-design/blob/main/docs/architecture. - Network accessline 2544
<li><a href='https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md' target='_blank' rel='noreferrer noopener'>Quickstart</a></li> - Network accessline 2545
<li><a href='https://github.com/nexu-io/open-design/blob/main/docs/architecture.md' target='_blank' rel='noreferrer noopener'>Architecture</a></li> - Network accessline 2546
<li><a href='https://github.com/nexu-io/open-design/blob/main/docs/skills-protocol.md' target='_blank' rel='noreferrer noopener'>Skill Protocol</a></li> - Network accessline 2547
<li><a href='https://github.com/nexu-io/open-design/blob/main/docs/roadmap.md' target='_blank' rel='noreferrer noopener'>Roadmap</a></li> - Network accessline 2628
return k + 'K'; } fetch('https://api.github.com/repos/nexu-io/open-design', { - Network accessline 2629
} fetch('https://api.github.com/repos/nexu-io/open-design', { headers: { Accept: 'application/vnd.github+json' } - Network accessline 2630
fetch('https://api.github.com/repos/nexu-io/open-design', {
plugins/_official/examples/open-design-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/open-design-landing", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-landing",
plugins/_official/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'
plugins/_official/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",
plugins/_official/examples/orbit-github/example.html
plugins/_official/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",
plugins/_official/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');
plugins/_official/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",
plugins/_official/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}`;
plugins/_official/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",
plugins/_official/examples/orbit-notion/example.html
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/poster-hero/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/examples/ppt-keynote/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/examples/pptx-html-fidelity-audit/open-design.json
- Network accessline 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/pptx-html-fidelity-audit", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/pptx-html-fidelity-audit",
plugins/_official/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",
plugins/_official/examples/replit-deck/SKILL.md
plugins/_official/examples/replit-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/replit-deck", "tags": [ - Network accessline 24
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/replit-deck",
plugins/_official/examples/resume-modern/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/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",
plugins/_official/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');
plugins/_official/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",
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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');
plugins/_official/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",
plugins/_official/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",
plugins/_official/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。
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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"
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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">
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/trading-analysis-dashboard-template/assets/template.html
plugins/_official/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",
plugins/_official/examples/tweaks/SKILL.md
plugins/_official/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">
plugins/_official/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",
plugins/_official/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)
plugins/_official/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');
plugins/_official/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"
plugins/_official/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`).
plugins/_official/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">
plugins/_official/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"
plugins/_official/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>'
plugins/_official/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
plugins/_official/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"
plugins/_official/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
plugins/_official/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",
plugins/_official/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"
plugins/_official/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",
plugins/_official/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",
plugins/_official/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">
plugins/_official/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">
plugins/_official/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",
plugins/_official/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/`.
plugins/_official/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">
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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
plugins/_official/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">
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/webgl-depth-gallery/LICENSE
plugins/_official/examples/webgl-depth-gallery/assets/three.min.js
- Network accessline 1
console.warn('Scripts "build/three.js" and "build/three.min.js" are deprecated with r150+, and will be removed with r160. Please use ES Modules or alternatives: https://threejs.org/docs/index.html#manual/en/introduction/Installation'), - Executable scriptline 1
Executable file - Possible obfuscationline 7
function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).THREE={})}(this,(function(t){"use strict";cons
plugins/_official/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 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>
plugins/_official/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",
plugins/_official/examples/webgl-distortion-grain/LICENSE
- Network accessline 3
Effect © Jan Kohlbach / Codrops. Ported to a single self-contained file and packaged for OpenDesign. Original: https://github.com/jankohlbach/codrops-shader-on-scroll (declared MIT). - Network accessline 4
Original: https://github.com/jankohlbach/codrops-shader-on-scroll (declared MIT).
plugins/_official/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';
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/examples/webgl-horizontal-parallax/LICENSE
- Network accessline 3
Effect © David Faure / Codrops. Ported to a single self-contained file and packaged for OpenDesign. Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops (declared MIT). - Network accessline 4
Original: https://github.com/davidfaure/horizontal-parallax-gallery-codrops (declared MIT).
plugins/_official/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';
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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.
plugins/_official/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",
plugins/_official/examples/webgl-pixel-reveal-gallery/LICENSE
plugins/_official/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';
plugins/_official/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",
plugins/_official/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",
plugins/_official/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",
plugins/_official/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');
plugins/_official/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",
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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" />
plugins/_official/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",
plugins/_official/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.
plugins/_official/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",
plugins/_official/examples/x-research/SKILL.md
- Network accessline 116
This workflow is adapted from `https://github.com/virattt/dexter`.
plugins/_official/examples/x-research/open-design.json
- Network accessline 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/x-research", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/x-research",
plugins/_official/scenarios/od-code-migration/open-design.json
- Network accessline 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/scenarios/od-code-migration", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-code-migration",
plugins/_official/scenarios/od-default/open-design.json
- Network accessline 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/scenarios/od-default", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-default",
plugins/_official/scenarios/od-design-refine/open-design.json
- Network accessline 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/scenarios/od-design-refine", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-design-refine",
plugins/_official/scenarios/od-figma-migration/open-design.json
- Network accessline 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/scenarios/od-figma-migration", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-figma-migration", - Network accessline 135
"required": true, "label": "Figma file URL", "placeholder": "https://www.figma.com/file/abc/Dashboard" - Network accessline 136
"label": "Figma file URL", "placeholder": "https://www.figma.com/file/abc/Dashboard" }, - Network accessline 137
"placeholder": "https://www.figma.com/file/abc/Dashboard"
plugins/_official/scenarios/od-media-generation/open-design.json
- Network accessline 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/scenarios/od-media-generation", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-media-generation",
plugins/_official/scenarios/od-new-generation/open-design.json
- Network accessline 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/scenarios/od-new-generation", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-new-generation",
plugins/_official/scenarios/od-next-strategy/assets/task-profiles/prototype.md
- Network accessline 305
- Keep SVG drawing elements inside an actual `<svg viewBox="...">` root. When constructing them from JavaScript, use `document.createElementNS('http://www.w3.org/2000/svg', ...)` or insert SVG markup into an existing SVG root; never inject
plugins/_official/scenarios/od-next-strategy/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 10
"author": { "name": "Open Design", "url": "https://github.com/nexu-io" - Network accessline 11
"name": "Open Design", "url": "https://github.com/nexu-io" }, - Network accessline 12
"url": "https://github.com/nexu-io"
plugins/_official/scenarios/od-nextjs-export/open-design.json
- Network accessline 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/scenarios/od-nextjs-export", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-nextjs-export",
plugins/_official/scenarios/od-plugin-authoring/open-design.json
- Network accessline 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/scenarios/od-plugin-authoring", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-plugin-authoring",
plugins/_official/scenarios/od-react-export/open-design.json
- Network accessline 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/scenarios/od-react-export", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-react-export",
plugins/_official/scenarios/od-share-to-community/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 31
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 32
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 33
"url": "https://github.com/nexu-io" - Network accessline 34
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-share-to-community", "tags": [ - Network accessline 35
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-share-to-community",
plugins/_official/scenarios/od-tune-collab/open-design.json
- Network accessline 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/scenarios/od-tune-collab", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-tune-collab",
plugins/_official/scenarios/od-vue-export/open-design.json
- Network accessline 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/scenarios/od-vue-export", "tags": [ - Network accessline 54
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-vue-export",
plugins/_official/scenarios/od-web-effect-extractor/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "OpenDesign", "url": "https://github.com/nexu-io" - Network accessline 19
"name": "OpenDesign", "url": "https://github.com/nexu-io" }, - Network accessline 20
"url": "https://github.com/nexu-io" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-web-effect-extractor", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-web-effect-extractor", - Network accessline 95
"required": true, "label": "Reference URL", "placeholder": "https://example.com" - Network accessline 96
"label": "Reference URL", "placeholder": "https://example.com" }, - Network accessline 97
"placeholder": "https://example.com"
plugins/_official/video-templates/frame-bold-poster/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-bold-poster` (license Apache-2.0). Derived from frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
plugins/_official/video-templates/frame-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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-bold-poster", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-bold-poster", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-bold-poster", - Network accessline 56
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-poster/preview.png", - Network accessline 57
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-poster/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/ - Network accessline 58
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-poster/preview.png", - Network accessline 59
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-poster/preview.mp4" - Network accessline 133
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 134
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 135
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/frame-bold-poster/template.json
- Network accessline 36
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 37
"author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 38
"url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 47
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 48
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 49
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/frame-bold-signal/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-bold-signal` (license Apache-2.0). Derived from frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
plugins/_official/video-templates/frame-bold-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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-bold-signal", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-bold-signal", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-bold-signal", - Network accessline 54
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-signal/preview.png", - Network accessline 55
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-signal/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/ - Network accessline 56
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-signal/preview.png", - Network accessline 57
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-bold-signal/preview.mp4" - Network accessline 131
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 132
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 133
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/frame-bold-signal/template.json
- Network accessline 34
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 35
"author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 36
"url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 45
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 46
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 47
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/frame-build-minimal/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-build-minimal` (license Apache-2.0). Derived from huashu-design (alchaincyf (花叔 · 花生), MIT) — https://github.com/alchaincyf/huashu-design. Stylistic inspiration (L1, not affiliated): Build.
plugins/_official/video-templates/frame-build-minimal/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-build-minimal", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-build-minimal", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-build-minimal", - Network accessline 54
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-build-minimal/preview.png", - Network accessline 55
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-build-minimal/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_officia - Network accessline 56
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-build-minimal/preview.png", - Network accessline 57
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-build-minimal/preview.mp4" - Network accessline 131
"name": "huashu-design", "author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", - Network accessline 132
"author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", "license": "MIT", - Network accessline 133
"url": "https://github.com/alchaincyf/huashu-design",
plugins/_official/video-templates/frame-build-minimal/template.json
- Network accessline 34
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/alchaincyf/huashu-design" - Network accessline 35
"author": "nexu-io", "url": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 36
"url": "https://github.com/alchaincyf/huashu-design" - Network accessline 45
"name": "huashu-design", "author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", - Network accessline 46
"author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", "license": "MIT", - Network accessline 47
"url": "https://github.com/alchaincyf/huashu-design",
plugins/_official/video-templates/frame-creative-voltage/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-creative-voltage` (license Apache-2.0). Derived from frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
plugins/_official/video-templates/frame-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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-creative-voltage", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-creative-voltage", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-creative-voltage", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-creative-voltage/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-creative-voltage/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_offi - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-creative-voltage/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-creative-voltage/preview.mp4" - Network accessline 130
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 131
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 132
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/frame-creative-voltage/template.json
- Network accessline 33
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 34
"author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 35
"url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 44
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 45
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 46
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-data-chart-nyt", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-data-chart-nyt", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-data-chart-nyt", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-data-chart-nyt/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-data-chart-nyt/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_offici - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-data-chart-nyt/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-data-chart-nyt/preview.mp4"
plugins/_official/video-templates/frame-data-chart-nyt/source/tailwind.css
- Network accessline 1
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-stri
plugins/_official/video-templates/frame-data-chart-nyt/template.json
plugins/_official/video-templates/frame-data-rollup/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-data-rollup", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-data-rollup", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-data-rollup", - Network accessline 55
"preview": { "type": "image", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-data-rollup/preview.png" - Network accessline 56
"type": "image", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-data-rollup/preview.png" }, - Network accessline 57
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-data-rollup/preview.png" - Network accessline 133
"name": "none", "author": "nexu-io", "url": "https://github.com/nexu-io/html-video", - Network accessline 134
"author": "nexu-io", "url": "https://github.com/nexu-io/html-video", "license": "Apache-2.0", - Network accessline 135
"url": "https://github.com/nexu-io/html-video",
plugins/_official/video-templates/frame-data-rollup/source/DataRollup.tsx
- Executable scriptline 1
Executable file
plugins/_official/video-templates/frame-data-rollup/source/Root.tsx
- Executable scriptline 1
Executable file
plugins/_official/video-templates/frame-data-rollup/source/entry.ts
- Executable scriptline 1
Executable file
plugins/_official/video-templates/frame-data-rollup/template.json
- Network accessline 36
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/nexu-io/html-video" - Network accessline 37
"author": "nexu-io", "url": "https://github.com/nexu-io/html-video" }, - Network accessline 38
"url": "https://github.com/nexu-io/html-video" - Network accessline 47
"name": "none", "author": "nexu-io", "url": "https://github.com/nexu-io/html-video", - Network accessline 48
"author": "nexu-io", "url": "https://github.com/nexu-io/html-video", "license": "Apache-2.0", - Network accessline 49
"url": "https://github.com/nexu-io/html-video",
plugins/_official/video-templates/frame-decision-tree/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-decision-tree` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/decision-tree.
plugins/_official/video-templates/frame-decision-tree/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-decision-tree", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-decision-tree", - Network accessline 50
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-decision-tree/preview.png", - Network accessline 51
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-decision-tree/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_officia - Network accessline 52
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-decision-tree/preview.png", - Network accessline 53
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-decision-tree/preview.mp4" - Network accessline 123
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/decision-tree" - Network accessline 124
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/decision-tree" } - Network accessline 125
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/decision-tree"
plugins/_official/video-templates/frame-decision-tree/source/index.html
- Network accessline 9
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 10
* GSAP 3.14.2 * https://gsap.com * - Network accessline 11
* https://gsap.com - Network accessline 12
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 13
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 14
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-decision-tree/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/decision-tree", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/decision-tree", "notes": "Forked from heygen-com/hyperframes registry/examples/decision-tree (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/decision-tree",
plugins/_official/video-templates/frame-electric-studio/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-electric-studio` (license Apache-2.0). Derived from frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
plugins/_official/video-templates/frame-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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-electric-studio", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-electric-studio", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-electric-studio", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-electric-studio/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-electric-studio/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_offic - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-electric-studio/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-electric-studio/preview.mp4" - Network accessline 130
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 131
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 132
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/frame-electric-studio/template.json
- Network accessline 33
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 34
"author": "nexu-io", "url": "https://github.com/zarazhangrui/frontend-slides" }, - Network accessline 35
"url": "https://github.com/zarazhangrui/frontend-slides" - Network accessline 44
"name": "frontend-slides", "author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", - Network accessline 45
"author": "Zara Zhang", "url": "https://github.com/zarazhangrui/frontend-slides", "license": "MIT", - Network accessline 46
"url": "https://github.com/zarazhangrui/frontend-slides",
plugins/_official/video-templates/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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-glitch-title", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-glitch-title", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-glitch-title", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-glitch-title/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-glitch-title/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-glitch-title/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-glitch-title/preview.mp4"
plugins/_official/video-templates/frame-glitch-title/source/index.html
- Network accessline 24
/* 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 25
.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 26
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
plugins/_official/video-templates/frame-glitch-title/source/tailwind.css
- Network accessline 1
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-stri
plugins/_official/video-templates/frame-glitch-title/template.json
plugins/_official/video-templates/frame-kinetic-type/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-kinetic-type` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/kinetic-type.
plugins/_official/video-templates/frame-kinetic-type/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-kinetic-type", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-kinetic-type", - Network accessline 51
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-kinetic-type/preview.png", - Network accessline 52
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-kinetic-type/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official - Network accessline 53
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-kinetic-type/preview.png", - Network accessline 54
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-kinetic-type/preview.mp4" - Network accessline 124
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/kinetic-type" - Network accessline 125
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/kinetic-type" } - Network accessline 126
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/kinetic-type"
plugins/_official/video-templates/frame-kinetic-type/source/compositions/main-graphics.html
- Network accessline 441
height: 100%; opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' n - Network accessline 442
opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTi - Network accessline 443
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/fil
plugins/_official/video-templates/frame-kinetic-type/source/index.html
- Network accessline 9
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 10
* GSAP 3.14.2 * https://gsap.com * - Network accessline 11
* https://gsap.com - Network accessline 12
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 13
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 14
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-kinetic-type/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/kinetic-type", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/kinetic-type", "notes": "Forked from heygen-com/hyperframes registry/examples/kinetic-type (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/kinetic-type",
plugins/_official/video-templates/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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-light-leak-cinema", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-light-leak-cinema", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-light-leak-cinema", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-light-leak-cinema/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-light-leak-cinema/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_off - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-light-leak-cinema/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-light-leak-cinema/preview.mp4"
plugins/_official/video-templates/frame-light-leak-cinema/source/index.html
- 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%3CfeT - Network accessline 25
.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 26
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
plugins/_official/video-templates/frame-light-leak-cinema/source/tailwind.css
- Network accessline 1
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-stri
plugins/_official/video-templates/frame-light-leak-cinema/template.json
plugins/_official/video-templates/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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-liquid-bg-hero", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-liquid-bg-hero", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-liquid-bg-hero", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-liquid-bg-hero/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-liquid-bg-hero/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_offici - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-liquid-bg-hero/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-liquid-bg-hero/preview.mp4"
plugins/_official/video-templates/frame-liquid-bg-hero/source/tailwind.css
- Network accessline 1
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-stri
plugins/_official/video-templates/frame-liquid-bg-hero/template.json
plugins/_official/video-templates/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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-logo-outro", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-logo-outro", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-logo-outro", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-logo-outro/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-logo-outro/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/v - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-logo-outro/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-logo-outro/preview.mp4"
plugins/_official/video-templates/frame-logo-outro/source/tailwind.css
- Network accessline 1
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-stri
plugins/_official/video-templates/frame-logo-outro/template.json
plugins/_official/video-templates/frame-nyt-graph/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-nyt-graph` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph.
plugins/_official/video-templates/frame-nyt-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 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-nyt-graph", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-nyt-graph", - Network accessline 51
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-nyt-graph/preview.png", - Network accessline 52
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-nyt-graph/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/vi - Network accessline 53
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-nyt-graph/preview.png", - Network accessline 54
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-nyt-graph/preview.mp4" - Network accessline 124
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph" - Network accessline 125
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph" } - Network accessline 126
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph"
plugins/_official/video-templates/frame-nyt-graph/source/compositions/nyt-chart.html
- Network accessline 218
for (let i = 1; i <= 5; i++) { const y = startY - i * (chartHeight / 5); const line = document.createElementNS("http://www.w3.org/2000/svg", "line"); - Network accessline 219
const y = startY - i * (chartHeight / 5); const line = document.createElementNS("http://www.w3.org/2000/svg", "line"); line.setAttribute("x1", startX); - Network accessline 220
const line = document.createElementNS("http://www.w3.org/2000/svg", "line"); - Network accessline 234
// X-Axis Label const label = document.createElementNS("http://www.w3.org/2000/svg", "text"); - Network accessline 235
const label = document.createElementNS("http://www.w3.org/2000/svg", "text"); - Network accessline 242
// Bar const barHeight = (revenueData[i] / maxRevenue) * chartHeight; const bar = document.createElementNS("http://www.w3.org/2000/svg", "rect"); - Network accessline 243
const barHeight = (revenueData[i] / maxRevenue) * chartHeight; const bar = document.createElementNS("http://www.w3.org/2000/svg", "rect"); bar.setAttribute("x", x - barWidth / 2); - Network accessline 244
const bar = document.createElementNS("http://www.w3.org/2000/svg", "rect"); - Network accessline 252
// Bar Label const barLabel = document.createElementNS("http://www.w3.org/2000/svg", "text"); - Network accessline 253
const barLabel = document.createElementNS("http://www.w3.org/2000/svg", "text"); - Network accessline 263
// Line Label const lineLabel = document.createElementNS("http://www.w3.org/2000/svg", "text"); - Network accessline 264
const lineLabel = document.createElementNS("http://www.w3.org/2000/svg", "text");
plugins/_official/video-templates/frame-nyt-graph/source/index.html
- Network accessline 9
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 10
* GSAP 3.14.2 * https://gsap.com * - Network accessline 11
* https://gsap.com - Network accessline 12
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 13
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 14
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-nyt-graph/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph", "notes": "Forked from heygen-com/hyperframes registry/examples/nyt-graph (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/nyt-graph",
plugins/_official/video-templates/frame-pentagram-stat/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-pentagram-stat` (license Apache-2.0). Derived from huashu-design (alchaincyf (花叔 · 花生), MIT) — https://github.com/alchaincyf/huashu-design. Stylistic inspiration (L1, not affiliated): Pentagram (Michael B
plugins/_official/video-templates/frame-pentagram-stat/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-pentagram-stat", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-pentagram-stat", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-pentagram-stat", - Network accessline 54
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-pentagram-stat/preview.png", - Network accessline 55
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-pentagram-stat/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_offici - Network accessline 56
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-pentagram-stat/preview.png", - Network accessline 57
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-pentagram-stat/preview.mp4" - Network accessline 131
"name": "huashu-design", "author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", - Network accessline 132
"author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", "license": "MIT", - Network accessline 133
"url": "https://github.com/alchaincyf/huashu-design",
plugins/_official/video-templates/frame-pentagram-stat/template.json
- Network accessline 34
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/alchaincyf/huashu-design" - Network accessline 35
"author": "nexu-io", "url": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 36
"url": "https://github.com/alchaincyf/huashu-design" - Network accessline 45
"name": "huashu-design", "author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", - Network accessline 46
"author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", "license": "MIT", - Network accessline 47
"url": "https://github.com/alchaincyf/huashu-design",
plugins/_official/video-templates/frame-play-mode/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-play-mode` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/play-mode.
plugins/_official/video-templates/frame-play-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 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-play-mode", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-play-mode", - Network accessline 51
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-play-mode/preview.png", - Network accessline 52
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-play-mode/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/vi - Network accessline 53
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-play-mode/preview.png", - Network accessline 54
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-play-mode/preview.mp4" - Network accessline 124
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/play-mode" - Network accessline 125
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/play-mode" } - Network accessline 126
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/play-mode"
plugins/_official/video-templates/frame-play-mode/source/index.html
- Network accessline 9
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 10
* GSAP 3.14.2 * https://gsap.com * - Network accessline 11
* https://gsap.com - Network accessline 12
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 13
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 14
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-play-mode/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/play-mode", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/play-mode", "notes": "Forked from heygen-com/hyperframes registry/examples/play-mode (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/play-mode",
plugins/_official/video-templates/frame-product-promo-30s/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-product-promo-30s` (license MIT). Forked from Nate Herk — https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s.
plugins/_official/video-templates/frame-product-promo-30s/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "Nate Herk", "url": "https://github.com/nateherkai/hyperframes-student-kit" - Network accessline 19
"name": "Nate Herk", "url": "https://github.com/nateherkai/hyperframes-student-kit" }, - Network accessline 20
"url": "https://github.com/nateherkai/hyperframes-student-kit" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-product-promo-30s", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-product-promo-30s", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo-30s/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo-30s/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_off - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo-30s/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo-30s/preview.mp4" - Network accessline 126
"license": "MIT", "author": "Nate Herk", "url": "https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s" - Network accessline 127
"author": "Nate Herk", "url": "https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s" } - Network accessline 128
"url": "https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s"
plugins/_official/video-templates/frame-product-promo-30s/source/assets/brand-logo.svg
plugins/_official/video-templates/frame-product-promo-30s/source/assets/brand-symbol.svg
plugins/_official/video-templates/frame-product-promo-30s/source/compositions/02-card-to-logo.html
plugins/_official/video-templates/frame-product-promo-30s/source/compositions/03-brand-reveal.html
- Network accessline 15
<div class="lockup"> <div class="symbol-slot"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 16
<div class="symbol-slot"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs> - Network accessline 17
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
plugins/_official/video-templates/frame-product-promo-30s/source/compositions/04-benefits-flowchart.html
- Network accessline 21
<svg class="flow" viewBox="0 0 1920 1080" xmlns="http://www.w3.org/2000/svg">
plugins/_official/video-templates/frame-product-promo-30s/source/compositions/07-foundation.html
- Network accessline 16
<div class="callback-symbol"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 17
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 28
<div class="cluster"> <div class="c-sym cs1"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 29
<div class="c-sym cs1"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs><linearGradient id="grad-07-1" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#5E6AD2"/><stop offset="100%" stop-c - Network accessline 30
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 34
</div> <div class="c-sym cs2"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 35
<div class="c-sym cs2"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs><linearGradient id="grad-07-2" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#5E6AD2"/><stop offset="100%" stop-c - Network accessline 36
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 40
</div> <div class="c-sym cs3"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 41
<div class="c-sym cs3"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs><linearGradient id="grad-07-3" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#5E6AD2"/><stop offset="100%" stop-c - Network accessline 42
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
plugins/_official/video-templates/frame-product-promo-30s/source/compositions/08-cta-outro.html
- Network accessline 16
<div class="lockup-row"> <div class="o-symbol"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 17
<div class="o-symbol"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs> - Network accessline 18
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
plugins/_official/video-templates/frame-product-promo-30s/source/index.html
- Network accessline 9
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 10
* GSAP 3.14.2 * https://gsap.com * - Network accessline 11
* https://gsap.com - Network accessline 12
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 13
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 14
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-product-promo-30s/template.json
- Network accessline 34
"license": "MIT", "author": "Nate Herk", "url": "https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s", - Network accessline 35
"author": "Nate Herk", "url": "https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s", "notes": "Forked from nateherkai/hyperframes-student-kit (MIT). Brand-specific Linear assets replaced w - Network accessline 36
"url": "https://github.com/nateherkai/hyperframes-student-kit/tree/main/video-projects/linear-promo-30s",
plugins/_official/video-templates/frame-product-promo/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-product-promo` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/product-promo.
plugins/_official/video-templates/frame-product-promo/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-product-promo", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-product-promo", - Network accessline 51
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo/preview.png", - Network accessline 52
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_officia - Network accessline 53
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo/preview.png", - Network accessline 54
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-product-promo/preview.mp4" - Network accessline 124
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/product-promo" - Network accessline 125
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/product-promo" } - Network accessline 126
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/product-promo"
plugins/_official/video-templates/frame-product-promo/source/assets/figma-cursors.svg
- Network accessline 1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" width="1920" height="1080">
plugins/_official/video-templates/frame-product-promo/source/assets/figma-logo-pieces.svg
- Network accessline 1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" width="1920" height="1080">
plugins/_official/video-templates/frame-product-promo/source/assets/figma-logo-pills.svg
- Network accessline 1
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" width="1920" height="1080">
plugins/_official/video-templates/frame-product-promo/source/index.html
- Network accessline 9
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 10
* GSAP 3.14.2 * https://gsap.com * - Network accessline 11
* https://gsap.com - Network accessline 12
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 13
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 14
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-product-promo/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/product-promo", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/product-promo", "notes": "Forked from heygen-com/hyperframes registry/examples/product-promo (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/product-promo",
plugins/_official/video-templates/frame-swiss-grid/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-swiss-grid` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid.
plugins/_official/video-templates/frame-swiss-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 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-swiss-grid", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-swiss-grid", - Network accessline 51
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-swiss-grid/preview.png", - Network accessline 52
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-swiss-grid/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/v - Network accessline 53
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-swiss-grid/preview.png", - Network accessline 54
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-swiss-grid/preview.mp4" - Network accessline 124
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid" - Network accessline 125
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid" } - Network accessline 126
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid"
plugins/_official/video-templates/frame-swiss-grid/source/assets/swiss-grid.svg
- Network accessline 1
<svg viewBox="0 0 1920 1080" xmlns="http://www.w3.org/2000/svg">
plugins/_official/video-templates/frame-swiss-grid/source/index.html
- Network accessline 8
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 9
* GSAP 3.14.2 * https://gsap.com * - Network accessline 10
* https://gsap.com - Network accessline 11
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 12
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 13
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-swiss-grid/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid", "notes": "Forked from heygen-com/hyperframes registry/examples/swiss-grid (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/swiss-grid",
plugins/_official/video-templates/frame-takram-organic/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-takram-organic` (license Apache-2.0). Derived from huashu-design (alchaincyf (花叔 · 花生), MIT) — https://github.com/alchaincyf/huashu-design. Stylistic inspiration (L1, not affiliated): Takram.
plugins/_official/video-templates/frame-takram-organic/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-takram-organic", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-takram-organic", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-takram-organic", - Network accessline 54
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-takram-organic/preview.png", - Network accessline 55
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-takram-organic/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_offici - Network accessline 56
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-takram-organic/preview.png", - Network accessline 57
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-takram-organic/preview.mp4" - Network accessline 131
"name": "huashu-design", "author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", - Network accessline 132
"author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", "license": "MIT", - Network accessline 133
"url": "https://github.com/alchaincyf/huashu-design",
plugins/_official/video-templates/frame-takram-organic/template.json
- Network accessline 34
"license": "Apache-2.0", "author": "nexu-io", "url": "https://github.com/alchaincyf/huashu-design" - Network accessline 35
"author": "nexu-io", "url": "https://github.com/alchaincyf/huashu-design" }, - Network accessline 36
"url": "https://github.com/alchaincyf/huashu-design" - Network accessline 45
"name": "huashu-design", "author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", - Network accessline 46
"author": "alchaincyf (花叔 · 花生)", "url": "https://github.com/alchaincyf/huashu-design", "license": "MIT", - Network accessline 47
"url": "https://github.com/alchaincyf/huashu-design",
plugins/_official/video-templates/frame-vignelli/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-vignelli` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/vignelli.
plugins/_official/video-templates/frame-vignelli/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-vignelli", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-vignelli", - Network accessline 51
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-vignelli/preview.png", - Network accessline 52
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-vignelli/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/vid - Network accessline 53
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-vignelli/preview.png", - Network accessline 54
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-vignelli/preview.mp4" - Network accessline 124
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/vignelli" - Network accessline 125
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/vignelli" } - Network accessline 126
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/vignelli"
plugins/_official/video-templates/frame-vignelli/source/index.html
- Network accessline 7
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 8
* GSAP 3.14.2 * https://gsap.com * - Network accessline 9
* https://gsap.com - Network accessline 10
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 11
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 12
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-vignelli/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/vignelli", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/vignelli", "notes": "Forked from heygen-com/hyperframes registry/examples/vignelli (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/vignelli",
plugins/_official/video-templates/frame-warm-grain/SKILL.md
- Network accessline 33
Source: html-video `templates/frame-warm-grain` (license Apache-2.0). Forked from heygen-com / Hyperframes — https://github.com/heygen-com/hyperframes/tree/main/registry/examples/warm-grain.
plugins/_official/video-templates/frame-warm-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 18
"author": { "name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" - Network accessline 19
"name": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes" }, - Network accessline 20
"url": "https://github.com/heygen-com/hyperframes" - Network accessline 21
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-warm-grain", "tags": [ - Network accessline 22
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/frame-warm-grain", - Network accessline 51
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-warm-grain/preview.png", - Network accessline 52
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-warm-grain/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/v - Network accessline 53
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-warm-grain/preview.png", - Network accessline 54
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/frame-warm-grain/preview.mp4" - Network accessline 124
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/warm-grain" - Network accessline 125
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/warm-grain" } - Network accessline 126
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/warm-grain"
plugins/_official/video-templates/frame-warm-grain/source/compositions/graphics.html
- Network accessline 17
<div id="moment-3" class="moment rect-stat"> <div class="icon-shape"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> - Network accessline 18
<div class="icon-shape"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <path - Network accessline 19
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
plugins/_official/video-templates/frame-warm-grain/source/index.html
- Network accessline 9
/*! * GSAP 3.14.2 * https://gsap.com - Network accessline 10
* GSAP 3.14.2 * https://gsap.com * - Network accessline 11
* https://gsap.com - Network accessline 12
* * @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. - Network accessline 13
* @license Copyright 2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license. * @author: Jack Doyle, jack@greensock.com - Network accessline 14
* Subject to the terms at https://gsap.com/standard-license.
plugins/_official/video-templates/frame-warm-grain/template.json
- Network accessline 32
"license": "Apache-2.0", "author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/warm-grain", - Network accessline 33
"author": "heygen-com / Hyperframes", "url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/warm-grain", "notes": "Forked from heygen-com/hyperframes registry/examples/warm-grain (Apache-2.0)." - Network accessline 34
"url": "https://github.com/heygen-com/hyperframes/tree/main/registry/examples/warm-grain",
plugins/_official/video-templates/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 18
"author": { "name": "nexu-io", "url": "https://github.com/nexu-io", - Network accessline 19
"name": "nexu-io", "url": "https://github.com/nexu-io", "contact": "open-design@nexu.io" - Network accessline 20
"url": "https://github.com/nexu-io", - Network accessline 21
"contact": "open-design@nexu.io" }, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/vfx-text-cursor", - Network accessline 22
}, "homepage": "https://github.com/nexu-io/html-video/tree/main/templates/vfx-text-cursor", "tags": [ - Network accessline 23
"homepage": "https://github.com/nexu-io/html-video/tree/main/templates/vfx-text-cursor", - Network accessline 53
"preview": { "type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/vfx-text-cursor/preview.png", - Network accessline 54
"type": "video", "poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/vfx-text-cursor/preview.png", "video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/vi - Network accessline 55
"poster": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/vfx-text-cursor/preview.png", - Network accessline 56
"video": "https://cdn.jsdelivr.net/gh/nexu-io/open-design@main/plugins/_official/video-templates/vfx-text-cursor/preview.mp4"
plugins/_official/video-templates/vfx-text-cursor/source/index.html
- Network accessline 11
.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 12
.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 13
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
plugins/_official/video-templates/vfx-text-cursor/source/tailwind.css
- Network accessline 1
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-stri
plugins/_official/video-templates/vfx-text-cursor/template.json
plugins/community/agent-skill-principal-ui-ux-architect-motion-choreographer-awwwards-tier-mqu4mbbj/open-design.json
plugins/community/atelier-zero-image-generation-prompt-pack-mrrxpegw/open-design.json
plugins/community/clone-audit-mrlv3nl4/open-design.json
plugins/community/clone-audit-mrlv3nl4/references/source-1-CLONE_AUDIT.md
- Network accessline 45
## 外部依赖 / 外链风险 - .mcp.json:5 · external URL · `http://localhost:38451/mcp` - Network accessline 46
- .mcp.json:5 · external URL · `http://localhost:38451/mcp` - Network accessline 47
- .od-skills/web-clone-2a8d76c934/SKILL.md:64 · external URL · `https://raw.githubusercontent.com/` - Network accessline 48
- .od-skills/web-clone-2a8d76c934/SKILL.md:171 · external URL · `http://127.0.0.1:` - Network accessline 49
- .od-skills/web-clone-2a8d76c934/SKILL.md:176 · external URL · `http://127.0.0.1:` - Network accessline 50
- .od-skills/web-clone-2a8d76c934/SKILL.md:183 · external URL · `http://127.0.0.1:` - Network accessline 51
- .od-skills/web-clone-2a8d76c934/references/design-dna.md:7 · external URL · `https://github.com/zanwei/design-dna` - Network accessline 52
- .od-skills/web-clone-2a8d76c934/references/effect-extraction.md:6 · external URL · `https://github.com/lixiaolin94/skills` - Network accessline 53
- .od-skills/web-clone-2a8d76c934/references/marbles-case.md:3 · external URL · `https://chiuhans111.github.io/marbles/` - Network accessline 54
- .od-skills/web-clone-2a8d76c934/references/static-mirror.md:38 · external URL · `https://use.typekit.net/` - Network accessline 55
- .od-skills/web-clone-2a8d76c934/references/static-mirror.md:49 · external URL · `https://use.typekit.net/` - Network accessline 56
- .od-skills/web-clone-2a8d76c934/references/static-mirror.md:51 · external URL · `https://use\.typekit\.net/` - Network accessline 57
- assets/css/sidequests.today/4bf3a239d0c28e6f-bfd765ccbf.css:2 · external URL · `https://tailwindcss.com` - Network accessline 58
- package-lock.json:13 · external URL · `https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz` - Network accessline 59
- package-lock.json:28 · external URL · `https://registry.npmjs.org/playwright/-/playwright-1.61.1.tgz` - Network accessline 60
- package-lock.json:47 · external URL · `https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz` - Network accessline 61
- sidequests-today.html:632 · external URL · `https://twitter.com/bona_lupan`
plugins/community/deep-think-maximum-cognitive-effort-protocol-mq8kvw92/open-design.json
plugins/community/design-system-source-context-mr0bb87z/SKILL.md
- Network accessline 61
<script src="https://unpkg.com/react@18.3.1/umd/react.development.js"></script> - Network accessline 62
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js"></script> - Network accessline 63
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js"></script>
plugins/community/design-system-source-context-mr0bb87z/open-design.json
plugins/community/design-system-source-context-mr0bb87z/references/source-1-source-context.md
- Network accessline 61
<script src="https://unpkg.com/react@18.3.1/umd/react.development.js"></script> - Network accessline 62
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js"></script> - Network accessline 63
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js"></script>
plugins/community/g2-design-system-ui-kit-mqgbmh2w/components/App.jsx
- Executable scriptline 1
Executable file
plugins/community/g2-design-system-ui-kit-mqgbmh2w/components/AssistantsList.jsx
- Executable scriptline 1
Executable file
plugins/community/g2-design-system-ui-kit-mqgbmh2w/components/ChatArea.jsx
- Executable scriptline 1
Executable file
plugins/community/g2-design-system-ui-kit-mqgbmh2w/components/InputBar.jsx
- Executable scriptline 1
Executable file
plugins/community/g2-design-system-ui-kit-mqgbmh2w/components/MessageBubble.jsx
- Executable scriptline 1
Executable file
plugins/community/g2-design-system-ui-kit-mqgbmh2w/components/Sidebar.jsx
- Executable scriptline 1
Executable file
plugins/community/g2-design-system-ui-kit-mqgbmh2w/index.html
- Network accessline 9
<body> <div id="root"></div> <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> - Network accessline 10
<div id="root"></div> <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script> - Network accessline 11
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> - Network accessline 12
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script> - Network accessline 13
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
plugins/community/g2-design-system-ui-kit-mqgbmh2w/open-design.json
plugins/community/hallmark/SKILL.md
- Network accessline 26
| `hallmark audit <target>` | Read the target, score it against the anti-pattern list, return a ranked punch list. **Do not edit.** | | `hallmark redesign <target> [--mood <name>]` | Take the target's content and intent, then redesign the v - Network accessline 28
| `hallmark study <screenshot \| URL>` | The user pasted or attached an image of a design they admire, **or** pasted a URL to a live page. Extract the **DNA** — macrostructure, archetypes, type-pairing, colour anchor — and produce a diagnos - Network accessline 492
If the user's input starts with `http://` or `https://` → **URL mode**. Otherwise → **image mode**. Same verb, same diagnosis output, different signal sources. The two modes share the schema and the diagnosis shape; they differ on what each - Network accessline 526
/* Hallmark · macrostructure: Marquee Hero · H1 hero knobs: size=xxl, alignment=left-bias * theme: Studio · accent: forest-green ~3% · studied: yes · DNA-source: url * source-url: https://example.com/ · observed-fonts: Inter Tight + Int - Network accessline 527
* theme: Studio · accent: forest-green ~3% · studied: yes · DNA-source: url * source-url: https://example.com/ · observed-fonts: Inter Tight + Inter * observed-accent: oklch(58% 0.16 35) · rhythm: unknown (URL mode) - Network accessline 528
* source-url: https://example.com/ · observed-fonts: Inter Tight + Inter
plugins/community/hallmark/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 9
"author": { "name": "Nutlope", "url": "https://github.com/Nutlope" - Network accessline 10
"name": "Nutlope", "url": "https://github.com/Nutlope" }, - Network accessline 11
"url": "https://github.com/Nutlope" - Network accessline 12
}, "homepage": "https://github.com/Nutlope/hallmark", "plugin": { - Network accessline 13
"homepage": "https://github.com/Nutlope/hallmark", - Network accessline 14
"plugin": { "repo": "https://github.com/Nutlope/hallmark/tree/main/skills/hallmark" }, - Network accessline 15
"repo": "https://github.com/Nutlope/hallmark/tree/main/skills/hallmark"
plugins/community/hallmark/references/assets.md
- Network accessline 15
| 1 | **Hallmark imagery kit** ([`imagery-kit.md`](imagery-kit.md)) | Brief allows non-photographic imagery: SaaS landings, manifestos, agency / studio splash, type-led portfolio, editorial-led marketing. **Always preferred** when the kit's - Network accessline 16
| 2 | **Hand-built SVG composition** (Tier B from custom-craft.md) | Editorial-typographic brief where "imagery" can be a stamp / wordmark / colour-blocked composition. Use when the kit doesn't carry the register. | | 3 | **Picsum** — `http - Network accessline 17
| 3 | **Picsum** — `https://picsum.photos/seed/<seed>/<w>/<h>` | Generic photo slot, keyword anchoring not critical. Use a deterministic seed (brand-name + slot-name) so the same render produces the same image. | - Network accessline 18
| 4 | **Unsplash Source** — `https://source.unsplash.com/<w>x<h>/?<keywords>` | Keyword-anchored photo slot — food, travel, portrait, real product. Pass 1–2 specific keywords, never zero. | - Network accessline 47
| Library | URL | Count | Best for | | --- | --- | --- | --- | | **[Lucide](https://lucide.dev)** | `lucide.dev` | 1,600+ | Modern SaaS / dev-tool default. The 2026 baseline. Active maintenance. | - Network accessline 48
| --- | --- | --- | --- | | **[Lucide](https://lucide.dev)** | `lucide.dev` | 1,600+ | Modern SaaS / dev-tool default. The 2026 baseline. Active maintenance. | | **[Phosphor Icons](https://phosphoricons.com)** | `phosphoricons.com` | 9,000+ - Network accessline 49
| **[Lucide](https://lucide.dev)** | `lucide.dev` | 1,600+ | Modern SaaS / dev-tool default. The 2026 baseline. Active maintenance. | - Network accessline 50
| **[Phosphor Icons](https://phosphoricons.com)** | `phosphoricons.com` | 9,000+ across 6 weights (thin / light / regular / bold / fill / duotone) | Tonal variants without mixing sets. The right pick when you need different *weights* of the - Network accessline 51
| **[Heroicons](https://heroicons.com)** | `heroicons.com` | ~300 | Tailwind / shadcn projects. Tightly curated, opinionated. | - Network accessline 52
| **[Tabler Icons](https://tabler-icons.io)** | `tabler-icons.io` | 5,900+ on a 24×24 grid | Breadth — when neither Lucide nor Heroicons covers the symbol you need. | - Network accessline 53
| **[Iconoir](https://iconoir.com)** | `iconoir.com` | ~1,500 | Hand-drawn character with a generous free tier. | - Network accessline 77
// Tabler — vanilla HTML via CDN <svg width="20" height="20"><use href="https://cdn.jsdelivr.net/npm/@tabler/icons@latest/icons/arrow-right.svg" /></svg> - Network accessline 78
<svg width="20" height="20"><use href="https://cdn.jsdelivr.net/npm/@tabler/icons@latest/icons/arrow-right.svg" /></svg> - Network accessline 94
| Source | URL | Count | Best for | | --- | --- | --- | --- | | **[Simple Icons](https://simpleicons.org)** | `simpleicons.org` | 3,400+ | The industry standard. Monochrome SVG + official hex per brand. MIT licensed. The default for logo wa - Network accessline 95
| --- | --- | --- | --- | | **[Simple Icons](https://simpleicons.org)** | `simpleicons.org` | 3,400+ | The industry standard. Monochrome SVG + official hex per brand. MIT licensed. The default for logo walls. | | **[SVGL](https://svgl.app)* - Network accessline 96
| **[Simple Icons](https://simpleicons.org)** | `simpleicons.org` | 3,400+ | The industry standard. Monochrome SVG + official hex per brand. MIT licensed. The default for logo walls. | - Network accessline 97
| **[SVGL](https://svgl.app)** | `svgl.app` | 600+ | Curated, hand-picked, no spam. Higher quality bar than Simple Icons. | - Network accessline 98
| **[theSVG](https://thesvg.org)** | `thesvg.org` | 4,000+ with dark/light/mono/wordmark variants | npm + MCP server for AI. Superset over Simple Icons if your stack supports it. | - Network accessline 99
| **[Brandfetch](https://brandfetch.com)** | `brandfetch.com` | 22M+ brands | Paid API. Logo + colours + fonts + guardrails. Useful when building a CMS / form that asks "what's your domain?" and back-fills the brand. | - Network accessline 112
<!-- Simple Icons via CDN — easiest --> <img src="https://cdn.simpleicons.org/github" alt="GitHub" height="32"> - Network accessline 113
<img src="https://cdn.simpleicons.org/github" alt="GitHub" height="32"> - Network accessline 114
<img src="https://cdn.simpleicons.org/figma/aaaaaa" alt="Figma" height="32"> <!-- monochrome override --> - Network accessline 121
<!-- SVGL via API --> <img src="https://api.svgl.app/?slug=vercel" alt="Vercel"> - Network accessline 122
<img src="https://api.svgl.app/?slug=vercel" alt="Vercel"> - Network accessline 140
| Model | URL | Cost | Best for | Output | | --- | --- | --- | --- | --- | | **[Nanobanana 2 / Gemini 2.5 Flash Image](https://ai.google.dev/gemini-api/docs/image-generation)** | Google AI | $0.039 / image | Character consistency across pan - Network accessline 141
| --- | --- | --- | --- | --- | | **[Nanobanana 2 / Gemini 2.5 Flash Image](https://ai.google.dev/gemini-api/docs/image-generation)** | Google AI | $0.039 / image | Character consistency across panels, fast iteration, brand-style adherence - Network accessline 142
| **[Nanobanana 2 / Gemini 2.5 Flash Image](https://ai.google.dev/gemini-api/docs/image-generation)** | Google AI | $0.039 / image | Character consistency across panels, fast iteration, brand-style adherence via reference images, infographi - Network accessline 143
| **[Recraft V4](https://www.recraft.ai/)** | recraft.ai | ~$0.04 / image | **The only model with production-grade SVG output.** Logos, icons, illustrations that need to scale. | SVG + PNG | - Network accessline 144
| **[Midjourney v8](https://www.midjourney.com)** | midjourney.com | ~$0.14 / image | Aesthetic beauty, atmospheric stills, artistic direction | PNG | - Network accessline 145
| **[Flux 2](https://blackforestlabs.ai/)** | blackforestlabs.ai | ~$0.03 / image | Photorealism — skin, fabric, product detail, hands | PNG | - Network accessline 186
| Source | URL | Licence | Best for | | --- | --- | --- | --- | | **[Storyset](https://storyset.com)** | storyset.com (Freepik) | Free with attribution; paid removes | Animated SVG illustrations with toggleable element animation and on-site - Network accessline 187
| --- | --- | --- | --- | | **[Storyset](https://storyset.com)** | storyset.com (Freepik) | Free with attribution; paid removes | Animated SVG illustrations with toggleable element animation and on-site colour customisation. Onboarding flow - Network accessline 188
| **[Storyset](https://storyset.com)** | storyset.com (Freepik) | Free with attribution; paid removes | Animated SVG illustrations with toggleable element animation and on-site colour customisation. Onboarding flows, feature explanations. | - Network accessline 189
| **[Humaaans](https://www.humaaans.com)** | humaaans.com (Pablo Stanley) | CC0 | Mix-and-match characters with diverse poses / outfits / skin tones. Hero sections that need humans without stock-photo territory. | - Network accessline 190
| **[unDraw](https://undraw.co)** | undraw.co | MIT | Open SVG illustrations with on-export colour swap. Still respected if customised — saturated and instantly recognisable if not. | - Network accessline 191
| **[IRA Design](https://www.iradesign.io)** | iradesign.io (Creative Tim) | Free / paid | Moody, sophisticated, isometric scenes for B2B / enterprise. | - Network accessline 192
| **[Open Peeps](https://www.openpeeps.com)** | openpeeps.com | CC0 | Hand-drawn character library, naive style. Sits between photography and illustration. | - Network accessline 215
| Source | URL | Best for | | --- | --- | --- | | **[Browserframe](https://browserframe.com)** | browserframe.com | Browser + mobile device frames with annotation. Built for SaaS demo screenshots. | - Network accessline 216
| --- | --- | --- | | **[Browserframe](https://browserframe.com)** | browserframe.com | Browser + mobile device frames with annotation. Built for SaaS demo screenshots. | | **[Ray.so](https://ray.so)** | ray.so | Code snippets in macOS wind - Network accessline 217
| **[Browserframe](https://browserframe.com)** | browserframe.com | Browser + mobile device frames with annotation. Built for SaaS demo screenshots. | - Network accessline 218
| **[Ray.so](https://ray.so)** | ray.so | Code snippets in macOS window frames. Perfect for developer-tool landing pages. | - Network accessline 219
| **[Cleanmock](https://cleanmock.com)** | cleanmock.com | Mobile device frames; minimalist; good for app-store-listing-style heroes. | - Network accessline 220
| **[Mockup.style](https://mockup.style)** | mockup.style | Versatile device + browser builder, Figma-friendly export. | - Network accessline 221
| **[Device Shots](https://deviceshots.com)** | deviceshots.com | Free device generator with multiple frame styles, fast turnaround. | - Network accessline 244
| Source | URL | Licence | Best for | | --- | --- | --- | --- | | **[Mixkit](https://mixkit.co)** | mixkit.co (Envato) | No registration, no attribution required, 1080p+ HD | The quality-to-effort sweet spot. | - Network accessline 245
| --- | --- | --- | --- | | **[Mixkit](https://mixkit.co)** | mixkit.co (Envato) | No registration, no attribution required, 1080p+ HD | The quality-to-effort sweet spot. | | **[Coverr](https://coverr.co)** | coverr.co | Free commercial use - Network accessline 246
| **[Mixkit](https://mixkit.co)** | mixkit.co (Envato) | No registration, no attribution required, 1080p+ HD | The quality-to-effort sweet spot. | - Network accessline 247
| **[Coverr](https://coverr.co)** | coverr.co | Free commercial use | Optimised for hero-section backgrounds and ambient loops. | - Network accessline 248
| **[Pexels Videos](https://www.pexels.com/videos/)** | pexels.com/videos | CC0 | Largest free library; 4K available. Volume play. | - Network accessline 249
| **[Videvo](https://www.videvo.net)** | videvo.net | Tiered (free + pro) | Community footage + motion graphics. | - Network accessline 270
- **[ffmpeg](https://ffmpeg.org)** for control: - Network accessline 272
- AV1: `ffmpeg -i input.mp4 -c:v libaom-av1 -crf 30 -c:a aac output.mp4` - H.264: `ffmpeg -i input.mp4 -c:v libx264 -preset slow -crf 23 -c:a aac output.mp4` - **[HandBrake](https://handbrake.fr)** for GUI / batch: start with the "Vimeo Y - Network accessline 274
- **[HandBrake](https://handbrake.fr)** for GUI / batch: start with the "Vimeo YouTube HQ 1080p" preset, drop bitrate to 3–4 Mbps for web. - Network accessline 289
| Source | URL | Licence | Best for | | --- | --- | --- | --- | | **[Unsplash](https://unsplash.com)** | unsplash.com | CC0 | Largest free collection, moody / cinematic, weekly community uploads. The starting point. | - Network accessline 290
| --- | --- | --- | --- | | **[Unsplash](https://unsplash.com)** | unsplash.com | CC0 | Largest free collection, moody / cinematic, weekly community uploads. The starting point. | | **[Pexels](https://www.pexels.com)** | pexels.com | CC0 | - Network accessline 291
| **[Unsplash](https://unsplash.com)** | unsplash.com | CC0 | Largest free collection, moody / cinematic, weekly community uploads. The starting point. | - Network accessline 292
| **[Pexels](https://www.pexels.com)** | pexels.com | CC0 | 3.5M+ free photos, diverse photographers. | - Network accessline 293
| **[Nappy.co](https://www.nappy.co)** | nappy.co | Free + paid | Curated for diversity and representation. Premium visual direction. | - Network accessline 294
| **[Shotstash](https://www.shotstash.com)** | shotstash.com | Free | Lifestyle / minimal aesthetic. Smaller but carefully curated. | - Network accessline 295
| **[Open Peeps](https://www.openpeeps.com)** | openpeeps.com | CC0 | Illustrated character library when you want diversity without the photo-stock look. | - Network accessline 318
| --- | --- | --- | --- | | **CSS gradients (native)** | n/a — write them | Zero bytes, GPU-composited | The default. Linear or radial; 2–3 colour stops max. | | **[Mesh Gradient Generator](https://www.learnui.design/tools/mesh-gradient-gen - Network accessline 319
| **CSS gradients (native)** | n/a — write them | Zero bytes, GPU-composited | The default. Linear or radial; 2–3 colour stops max. | | **[Mesh Gradient Generator](https://www.learnui.design/tools/mesh-gradient-generator.html)** | learnui.d - Network accessline 320
| **[Mesh Gradient Generator](https://www.learnui.design/tools/mesh-gradient-generator.html)** | learnui.design tools | Figma / SVG export | Apple-style mesh gradients; export carries organic noise. | - Network accessline 321
| **[fffuel.co](https://www.fffuel.co/)** | fffuel.co | SVG | `gggrain` for grain noise; `ffflux` for fluid gradients; `uuunion` for wavy meshes. Composable. | - Network accessline 322
| **[CSS Gradient](https://cssgradient.io)** | cssgradient.io | CSS strings | Quick gradient picker; copy-paste ready. | - Network accessline 344
content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filte - Network accessline 345
position: absolute; inset: 0; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/> - Network accessline 346
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); - Network accessline 367
| Source | URL | Best for | | --- | --- | --- | | **[LottieFiles](https://lottiefiles.com)** | lottiefiles.com | The Lottie ecosystem. Free + pro tiers; npm + CDN; Figma plugin; AI creator. | - Network accessline 368
| --- | --- | --- | | **[LottieFiles](https://lottiefiles.com)** | lottiefiles.com | The Lottie ecosystem. Free + pro tiers; npm + CDN; Figma plugin; AI creator. | | **[Rive](https://rive.app)** | rive.app | Interactive real-time animations - Network accessline 369
| **[LottieFiles](https://lottiefiles.com)** | lottiefiles.com | The Lottie ecosystem. Free + pro tiers; npm + CDN; Figma plugin; AI creator. | - Network accessline 370
| **[Rive](https://rive.app)** | rive.app | Interactive real-time animations with state machines. Native runtime; better for app UI micro-interactions than Lottie. |
plugins/community/hallmark/references/custom-craft.md
- Network accessline 93
1. **Design in Figma.** Use a component system (constraints, variants). Keep paths as paths — don't rasterise. Name layers; the export honours them. 2. **Export as SVG.** Figma's export is decent. Set "Outline strokes" only if you need stro - Network accessline 94
2. **Export as SVG.** Figma's export is decent. Set "Outline strokes" only if you need stroke-as-fill animation; otherwise keep them strokes. 3. **Run through [SVGOMG](https://jakearchibald.github.io/svgomg/)** — removes Figma metadata, unn - Network accessline 95
3. **Run through [SVGOMG](https://jakearchibald.github.io/svgomg/)** — removes Figma metadata, unnecessary `<defs>`, redundant transforms. 30–60 % size reduction is typical. - Network accessline 97
5. **Animate declaratively** — CSS keyframes on `<path d="">` (Chrome, Edge, Safari support the `d` property), `@property`-driven attribute interpolation, or [Motion](https://motion.dev) for orchestrated sequences. - Network accessline 210
If the browser supports it, the element animates as it enters the viewport. If not, the element is just there — no JavaScript, no library, no IntersectionObserver. The CSS Scroll-Driven Animations community is the canonical reference: [scro - Network accessline 231
| Library | When | Bundle | Verdict | | --- | --- | --- | --- | | **[Motion](https://motion.dev)** (`motion/react`, `motion`) | Orchestrated multi-element entrances in React (variants, `AnimatePresence`, viewport hooks). The default for Rea - Network accessline 232
| --- | --- | --- | --- | | **[Motion](https://motion.dev)** (`motion/react`, `motion`) | Orchestrated multi-element entrances in React (variants, `AnimatePresence`, viewport hooks). The default for React heroes in 2026. | 4 KB base + 2 KB - Network accessline 233
| **[Motion](https://motion.dev)** (`motion/react`, `motion`) | Orchestrated multi-element entrances in React (variants, `AnimatePresence`, viewport hooks). The default for React heroes in 2026. | 4 KB base + 2 KB React = 6 KB. Web Animatio - Network accessline 234
| **[GSAP](https://gsap.com)** (free since the Webflow partnership) | Ambitious timelines, scrub-on-scroll, SVG path-morphing across mismatched anchors. Hero sequences with 20+ elements, multi-step narratives. | ~50 KB core; 100 KB+ with pl - Network accessline 275
**Stack.** - React Three Fiber (R3F) for React projects — ergonomic, ~30 KB on top of Three.js - Vanilla [Three.js](https://threejs.org) otherwise (~100–300 KB depending on features) - Network accessline 276
- React Three Fiber (R3F) for React projects — ergonomic, ~30 KB on top of Three.js - Vanilla [Three.js](https://threejs.org) otherwise (~100–300 KB depending on features) - Models: glTF 2.0 with Draco compression (20–50 % size reduction) - Network accessline 277
- Vanilla [Three.js](https://threejs.org) otherwise (~100–300 KB depending on features) - Network accessline 297
| Model | Cost | Best for | Output | | --- | --- | --- | --- | | **[Nanobanana 2 / Gemini 2.5 Flash Image](https://ai.google.dev/gemini-api/docs/image-generation)** | $0.039 / image | Character consistency across multiple panels, fast itera - Network accessline 298
| --- | --- | --- | --- | | **[Nanobanana 2 / Gemini 2.5 Flash Image](https://ai.google.dev/gemini-api/docs/image-generation)** | $0.039 / image | Character consistency across multiple panels, fast iteration, brand-style adherence via refer - Network accessline 299
| **[Nanobanana 2 / Gemini 2.5 Flash Image](https://ai.google.dev/gemini-api/docs/image-generation)** | $0.039 / image | Character consistency across multiple panels, fast iteration, brand-style adherence via reference images, infographics - Network accessline 300
| **[Recraft V4](https://www.recraft.ai/)** | ~$0.04 / image | **The only mainstream model with production-grade SVG output.** Logos, icons, illustrations that need to live in code and scale. | SVG + PNG | - Network accessline 301
| **[Midjourney v8](https://www.midjourney.com)** | ~$0.14 / image | Aesthetic beauty, artistic direction, atmospheric stills | PNG | - Network accessline 302
| **[Flux 2](https://blackforestlabs.ai/)** | ~$0.03 / image | Photorealism, skin / fabric / product detail | PNG |
plugins/community/hallmark/references/export-formats.md
plugins/community/hallmark/references/hero-enrichment.md
- Network accessline 169
Display headline left, a browser-frame mockup right, the mockup window slightly tilted (1–3°) for life. Frames are from [Browserframe](https://browserframe.com) or hand-built (a 1-px hairline + three macOS dots).
plugins/community/hallmark/references/imagery-kit.md
- Network accessline 6
https://www.usehallmark.com/imagery/<category>/<file> - Network accessline 88
position: absolute; inset: 0; background: url("https://www.usehallmark.com/imagery/watercolor/watercolor-warm-01.webp") center / cover no-repeat; - Network accessline 89
inset: 0; background: url("https://www.usehallmark.com/imagery/watercolor/watercolor-warm-01.webp") center / cover no-repeat; opacity: 0.6; - Network accessline 90
background: url("https://www.usehallmark.com/imagery/watercolor/watercolor-warm-01.webp") center / cover no-repeat;
plugins/community/hallmark/references/study.md
- Network accessline 13
`study` accepts **either** an image (a screenshot the user attached) **or** a URL to a live page. Same verb, same diagnosis output, different signal sources. Detection is automatic: if the user's input starts with `http://` or `https://` → - Network accessline 45
- Require `https://` unless the user explicitly confirms a public `http://` site and there is no authenticated or sensitive context involved. - Network accessline 47
- Refuse raw IP literals and local/internal hostnames, including `localhost`, `*.localhost`, `.local`, `.internal`, `.test`, and `.lan`. - Refuse private, loopback, link-local, multicast, unspecified, and metadata address ranges, including - Network accessline 48
- Refuse private, loopback, link-local, multicast, unspecified, and metadata address ranges, including `127.0.0.0/8`, `::1`, `10.0.0.0/8`, `172.16.0.0/12`, `192.168.0.0/16`, `169.254.0.0/16`, `fe80::/10`, `fc00::/7`, `0.0.0.0/8`, and `169.2 - Network accessline 49
- If redirects are visible to the tool, every redirect hop must pass the same checks. If redirect safety is unknown, continue only when the tool definitely fetched a final public `https://` page that passes every non-redirect check; record - Network accessline 138
1. `<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=…">` — names the Google Fonts loaded. Authoritative.
plugins/community/hallmark/references/typography.md
- Network accessline 50
- **Google Fonts** — free, served via CDN, works everywhere. The default source. - **Fontshare** (Indian Type Foundry) — free for commercial use, foundry-grade. The "you didn't know these were free" tier. Drop-in via `<link href="https://ap - Network accessline 51
- **Fontshare** (Indian Type Foundry) — free for commercial use, foundry-grade. The "you didn't know these were free" tier. Drop-in via `<link href="https://api.fontshare.com/v2/css?f=...">`.
plugins/community/humanize-ppt/SKILL.md
- Access to secretsline 25
[Credential-related source omitted] - Network accessline 141
8. Absorb AI-writing cleanup principles from humanizer tools, but do not reduce Humanize PPT to text polishing. 9. Prefer a small verified workflow over a broad unverified promise. 10. For public Skill releases, create/push the repo, instal - Network accessline 142
9. Prefer a small verified workflow over a broad unverified promise. 10. For public Skill releases, create/push the repo, install from GitHub locally, run one safe full sample, verify the brief + presentation checkup on the verified known-g - Network accessline 143
10. For public Skill releases, create/push the repo, install from GitHub locally, run one safe full sample, verify the brief + presentation checkup on the verified known-good checkpoint (https://github.com/LearnPrompt/humanize-ppt/tree/main
plugins/community/humanize-ppt/contracts/router-plan.schema.json
plugins/community/humanize-ppt/contracts/run-manifest.schema.json
plugins/community/humanize-ppt/contracts/slide-plan.schema.json
plugins/community/humanize-ppt/contracts/video-slots.schema.json
plugins/community/humanize-ppt/docs/index.md
- Network accessline 4
> references, adapters, and one runnable example. The full `examples/`, > `docs/versions/`, `docs/plans/`, and `docs/showcase/` trees live in the > upstream repo: https://github.com/LearnPrompt/humanize-ppt — links below - Network accessline 5
> `docs/versions/`, `docs/plans/`, and `docs/showcase/` trees live in the > upstream repo: https://github.com/LearnPrompt/humanize-ppt — links below > that point outside this package go there. - Network accessline 6
> upstream repo: https://github.com/LearnPrompt/humanize-ppt — links below - Network accessline 11
- Showcase: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/skill-share - Network accessline 12
- Codex Guizang black-white showcase: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/codex-guizang-black-white - Network accessline 13
- Hermes Agent Mastery presenter: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/hermes-agent-mastery/presenter - Network accessline 14
- Hermes Agent Mastery PPT: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/hermes-agent-mastery/ppt - Network accessline 15
- Hermes Agent Mastery English presenter: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/hermes-agent-mastery/en/presenter - Network accessline 16
- Hermes Agent Mastery English PPT: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/hermes-agent-mastery/en/ppt - Network accessline 17
- PPT Master native Chinese Showcase: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/ppt-master-native/zh - Network accessline 18
- PPT Master native English Showcase: https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/showcase/ppt-master-native/en - Network accessline 36
- `../adapters/ppt-master-bridge-notes.md` — native PPTX route boundary, semantic/media/notes mapping, raw-template routing, and OOXML checkup contract. - Real PPT Master export and Humanize PPTX checkup evidence: https://github.com/LearnPr - Network accessline 37
- Real PPT Master export and Humanize PPTX checkup evidence: https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/showcase/ppt-master-native/verification-2026-07-10.md - Network accessline 38
- Paired Chinese/English PPT Master exports, rendered previews, native-editability evidence, and Humanize checkup results: https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/showcase/ppt-master-native/verification-2026-07-14.md - Network accessline 47
- `../scripts/preview_outline_html.py` — outline preview: renders the audience state-transfer map (one zero-dependency single-file HTML; per-slide enter-state → intent → leave-state rows plus a state-arc summary) from `slide_plan.json`. Rea - Network accessline 48
- `scripts/record_demo_gif.py` records the style gallery + outline preview (the two zero-dependency working drafts) into one demo GIF (requires playwright + ffmpeg, plus the full upstream repo). Not included in this marketplace package; see - Network accessline 49
- No-dependency smoke check for validating the stable entrypoint on machines without pytest: `../scripts/smoke_check.py` (this package); full walkthrough doc at https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/smoke-test.md - Network accessline 59
Full version history lives upstream at https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/versions — this package does not ship it. - Network accessline 61
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v1.1.0-ppt-master.md — release notes for native PPTX routing, raw-template fill, and OOXML checkup. - Network accessline 62
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.9.0-style-gallery.md — the cover-style gallery gate, the WebGL static-screenshot failure class, the English failure-mode mirror, SPEC.md, and the README/GIF-slot work. - Network accessline 63
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.8.0-presentation-checkup.md — why the QA loop was renamed to presentation checkup, the hot-pluggable route framing, the plain-language usage rewrite, and the verified - Network accessline 64
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.7.0-render-qa-inspector.md — why the positioning moved to render-QA inspector, English-path support levels, and the outline preview artifact. - Network accessline 65
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.6.4-guizang-production-brief-orchestrator.md — what changed, lessons, boundaries, known-good checkpoint, QA loop cap. - Network accessline 66
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.6.3-english-style-gallery.md — theme-first gate, five visible style candidates, and selected-style continuation. - Network accessline 67
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.6.2-guizang-presenter-deploy.md — Chinese default path, `postMessage` presenter shell, and public static showcase. - Network accessline 68
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.6.1-guizang-material-qa.md — downstream artifact recording, Remotion-as-material, SVG-safe Chinese diagrams, and visual review rules. - Network accessline 69
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.5-presenter-export-adapter.md — `--presenter-adapter`, `--export-adapter`, output artifacts, and boundaries. - Network accessline 70
- https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/versions/v0.4-selected-template-full-deck.md — `--selected-template`, selected deck output, manifests, QA, and current boundaries. - Network accessline 71
- https://github.com/LearnPrompt/humanize-ppt/tree/main/docs/versions — `v0.2-router-edition.md` through `v0.6.3-english-style-gallery.md` and beyond: historical version notes, kept for context. - Network accessline 72
- Release-readiness checklist and release-note draft: https://github.com/LearnPrompt/humanize-ppt/blob/main/docs/plans/2026-05-25-release-readiness-checklist.md
plugins/community/humanize-ppt/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 7
"description": "Presentation system for agent-made PPTs — born for the talk, not just the template. Turns raw material into an AST (audience-state-transfer) outline with per-page media decisions, hands a production brief to downstream rende - Network accessline 8
"license": "MIT", "author": { "name": "LearnPrompt", "url": "https://github.com/LearnPrompt" }, "homepage": "https://github.com/LearnPrompt/humanize-ppt", - Network accessline 9
"author": { "name": "LearnPrompt", "url": "https://github.com/LearnPrompt" }, - Network accessline 10
"homepage": "https://github.com/LearnPrompt/humanize-ppt", - Network accessline 11
"plugin": { "repo": "https://github.com/LearnPrompt/humanize-ppt" },
plugins/community/humanize-ppt/references/agent-teams-public-preview.md
plugins/community/humanize-ppt/references/renderer-verification.md
- Access to secretsline 62
[Credential-related source omitted]
plugins/community/humanize-ppt/scripts/humanize_ppt.py
- Executable scriptline 1
#!/usr/bin/env python3
plugins/community/humanize-ppt/scripts/humanize_ppt_v1.py
- Executable scriptline 1
#!/usr/bin/env python3 - Possible obfuscationline 99
html_doc=f"""<!doctype html><html lang='zh-CN'><head><meta charset='utf-8'><title>{html.escape(title)} · Presenter</title><style>body{{margin:0;background:#0d0d0d;color:#f8f8f8;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans
plugins/community/humanize-ppt/scripts/humanize_ppt_v2.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 20
REGISTRY_PATH = SKILL_ROOT / "registry" / "renderer_registry.json" VERSION = "1.1.2" BEAUTIFUL_REPO_URL = "https://github.com/zarazhangrui/beautiful-html-templates.git" - Network accessline 21
VERSION = "1.1.2" BEAUTIFUL_REPO_URL = "https://github.com/zarazhangrui/beautiful-html-templates.git" DEFAULT_ZH_PREVIEW_COUNT = 3 - Network accessline 22
BEAUTIFUL_REPO_URL = "https://github.com/zarazhangrui/beautiful-html-templates.git" - Access to secretsline 2289
[Credential-related source omitted]
plugins/community/humanize-ppt/scripts/humanize_ppt_v3.py
- Executable scriptline 1
#!/usr/bin/env python3
plugins/community/humanize-ppt/scripts/humanize_ppt_v4.py
- Executable scriptline 1
#!/usr/bin/env python3
plugins/community/humanize-ppt/scripts/humanize_ppt_v5.py
- Executable scriptline 1
#!/usr/bin/env python3
plugins/community/humanize-ppt/scripts/pptx_qa.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 20
PML = "http://schemas.openxmlformats.org/presentationml/2006/main" - Network accessline 21
DRAWING = "http://schemas.openxmlformats.org/drawingml/2006/main" - Network accessline 22
REL = "http://schemas.openxmlformats.org/officeDocument/2006/relationships" - Network accessline 23
PACKAGE_REL = "http://schemas.openxmlformats.org/package/2006/relationships" - Network accessline 24
CONTENT_TYPES = "http://schemas.openxmlformats.org/package/2006/content-types"
plugins/community/humanize-ppt/scripts/preview_outline_html.py
- Executable scriptline 1
#!/usr/bin/env python3
plugins/community/humanize-ppt/scripts/smoke_check.py
- Executable scriptline 1
#!/usr/bin/env python3
plugins/community/import-smoke-test/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 9
"author": { "name": "OpenDesign Community", "url": "https://open-design.ai/marketplace/community" - Network accessline 10
"name": "OpenDesign Community", "url": "https://open-design.ai/marketplace/community" }, - Network accessline 11
"url": "https://open-design.ai/marketplace/community" - Network accessline 12
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/community/import-smoke-test", "plugin": { - Network accessline 13
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/community/import-smoke-test", - Network accessline 14
"plugin": { "repo": "https://github.com/nexu-io/open-design/tree/main/plugins/community/import-smoke-test" }, - Network accessline 15
"repo": "https://github.com/nexu-io/open-design/tree/main/plugins/community/import-smoke-test"
plugins/community/registry-starter/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 9
"author": { "name": "OpenDesign Community", "url": "https://open-design.ai/marketplace/community" - Network accessline 10
"name": "OpenDesign Community", "url": "https://open-design.ai/marketplace/community" }, - Network accessline 11
"url": "https://open-design.ai/marketplace/community" - Network accessline 12
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/community/registry-starter", "plugin": { - Network accessline 13
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/community/registry-starter", - Network accessline 14
"plugin": { "repo": "https://github.com/nexu-io/open-design/tree/main/plugins/community/registry-starter" }, - Network accessline 15
"repo": "https://github.com/nexu-io/open-design/tree/main/plugins/community/registry-starter"
plugins/open-design/.mcp.json
plugins/spec/examples/create-hyperframes-launch/open-design.json
plugins/spec/examples/create-image-campaign/open-design.json
plugins/spec/examples/create-live-artifact-ops/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 9
"author": { "name": "OpenDesign Spec Examples", "url": "https://github.com/nexu-io/open-design" - Network accessline 10
"name": "OpenDesign Spec Examples", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 11
"url": "https://github.com/nexu-io/open-design" - Network accessline 12
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/spec/examples/create-live-artifact-ops", "tags": ["create", "live-artifact", "operations", "dashboard"], - Network accessline 13
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/spec/examples/create-live-artifact-ops",
plugins/spec/examples/create-prototype-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 9
"author": { "name": "OpenDesign Spec Examples", "url": "https://github.com/nexu-io/open-design" - Network accessline 10
"name": "OpenDesign Spec Examples", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 11
"url": "https://github.com/nexu-io/open-design" - Network accessline 12
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/spec/examples/create-prototype-dashboard", "tags": ["create", "prototype", "dashboard", "operations"], - Network accessline 13
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/spec/examples/create-prototype-dashboard",
plugins/spec/examples/create-slides-pitch/open-design.json
- Network accessline 1
{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 2
"$schema": "https://open-design.ai/schemas/plugin.v1.json", - Network accessline 9
"author": { "name": "OpenDesign Spec Examples", "url": "https://github.com/nexu-io/open-design" - Network accessline 10
"name": "OpenDesign Spec Examples", "url": "https://github.com/nexu-io/open-design" }, - Network accessline 11
"url": "https://github.com/nexu-io/open-design" - Network accessline 12
}, "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/spec/examples/create-slides-pitch", "tags": ["create", "deck", "slides", "pitch"], - Network accessline 13
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/spec/examples/create-slides-pitch",
plugins/spec/examples/create-video-storyboard/open-design.json
plugins/spec/examples/deploy-vercel-static/open-design.json
plugins/spec/examples/export-nextjs-handoff/open-design.json
plugins/spec/examples/extend-plugin-author/open-design.json
plugins/spec/examples/import-screenshot-to-prototype/open-design.json
plugins/spec/examples/refine-critique-loop/open-design.json
plugins/spec/examples/share-github-pr/open-design.json
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`.
skills/8-bit-orbit-video-template/assets/template.html
- Network accessline 4
<meta charset="UTF-8" /> <meta name="viewport" content="width=1920, height=1080" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 5
<meta name="viewport" content="width=1920, height=1080" /> <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=Chakra+Petch:wght@400;500;600;700&family=Press+Start+2P&display=swap" rel="stylesheet" - Network accessline 9
href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Press+Start+2P&display=swap" - Network accessline 10
rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 11
/> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> <style> - Network accessline 12
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
skills/8-bit-orbit-video-template/example.html
- Network accessline 37
</div> <div class="pane"> <video controls preload="metadata" src="https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4"></video> - Network accessline 38
<div class="pane"> <video controls preload="metadata" src="https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4"></video> </div> - Network accessline 39
<video controls preload="metadata" src="https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4"></video>
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
skills/after-hours-editorial-template/assets/template.html
- Network accessline 4
<meta charset="UTF-8" /> <meta name="viewport" content="width=1920, height=1080" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 5
<meta name="viewport" content="width=1920, height=1080" /> <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=Inter:wght@400;500;700;900&family=Cormorant+Garamond:ital,wght@0,500;0,700;1,600;1,700&display=swap" rel="stylesheet" /> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 14
#root { position:relative; width:1920px; height:1080px; overflow:hidden; background:radial-gradient(1700px 780px at 50% 50%, #1c1823 0%, #0d0b12 55%, #08070d 100%); } .vignette { position:absolute; inset:-2%; pointer-events:none; z-in - Network accessline 15
.vignette { position:absolute; inset:-2%; pointer-events:none; z-index:92; box-shadow:inset 0 0 240px rgba(0,0,0,.9), inset 0 0 10px #000; } .grain { position:absolute; inset:0; pointer-events:none; z-index:90; opacity:.09; background - Network accessline 16
.grain { position:absolute; inset:0; pointer-events:none; z-index:90; opacity:.09; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNo
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`.
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
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
skills/animate/SKILL.md
- Network accessline 18
mode: utility category: animation-motion upstream: "https://github.com/emilkowalski/skills" - Network accessline 19
category: animation-motion upstream: "https://github.com/emilkowalski/skills" source-commit: e8a175de22ae1e49370fc144c1f3bb9aeedf988d - Network accessline 20
upstream: "https://github.com/emilkowalski/skills" - Network accessline 144
Need a curve that isn't here? Take it from [easing.dev](https://easing.dev/) or [easings.co](https://easings.co/). Don't hand-roll one.
skills/animate/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/emilkowalski/skills/tree/e8a175de22ae1e49370fc144c1f3bb9aeedf988d/skills/animate
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
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"
skills/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>
skills/article-magazine/example.md
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
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
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" },
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
skills/brandkit/SKILL.md
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"
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
skills/card-twitter/SKILL.md
skills/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">
skills/card-xiaohongshu/SKILL.md
skills/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">
skills/chat-motion-overlay/assets/remotion-template/package.json
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/remotion.config.ts
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/Root.tsx
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/chatSpec.ts
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/components/BubbleScene.tsx
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/components/ChatMotionOverlay.tsx
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/components/DeviceFrame.tsx
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/components/avatarLibrary.tsx
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/components/types.ts
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/assets/remotion-template/src/index.ts
- Executable scriptline 1
Executable file
skills/chat-motion-overlay/scripts/build_chat_overlay_spec.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/chat-motion-overlay/scripts/prepare_chat_overlay_bundle.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/chat-motion-overlay/scripts/run_test_matrix.py
- Executable scriptline 1
#!/usr/bin/env python3
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
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
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
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
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
skills/data-report/SKILL.md
skills/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">
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"
skills/deck-guizang-editorial/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=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght - Network accessline 6
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 7
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;700&family=Noto+Sans+SC:wght@400;500&display=swap" rel="stylesheet" />
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"
skills/deck-open-slide-canvas/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Open-Slide Canvas · 一句问题</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Open-Slide Canvas · 一句问题</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500&family=Noto+Sans+SC:wght@400 - 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;600;700;800;900&family=Inter:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
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"
skills/deck-swiss-international/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Swiss International · OpenDesign 2026</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Swiss International · OpenDesign 2026</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=Noto - 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;600;700;800;900&family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
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
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
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
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"
skills/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" />
skills/doc-kami-parchment/example.md
- Network accessline 26
We release one document per fortnight. Subscribe at [opendesign.studio](https://opendesign.studio).
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
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
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
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.
skills/emilkowalski-motion/SKILL.md
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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"
skills/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" />
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"
skills/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" />
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"
skills/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
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"
skills/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
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"
skills/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" />
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"
skills/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" />
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"
skills/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" />
skills/frontend-design/LICENSE.txt
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
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
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
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
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
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
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
skills/gsap-core/SKILL.md
- Network accessline 21
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 22
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 23
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 28
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 135
https://gsap.com/resources/getting-started/Staggers - Network accessline 258
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()**.
skills/gsap-core/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-core
skills/gsap-frameworks/SKILL.md
- Network accessline 21
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 22
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 23
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 28
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 44
For a runnable Vite + Vue 3 project demonstrating these patterns, see the upstream example at https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/examples/vue. - Network accessline 115
> For a runnable Nuxt 4 project with plugin registration, lazy loading, and SSR-safe patterns, see https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/examples/nuxt.
skills/gsap-frameworks/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-frameworks
skills/gsap-performance/SKILL.md
- Network accessline 21
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 22
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 23
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 28
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills
skills/gsap-performance/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-performance
skills/gsap-plugins/SKILL.md
- Network accessline 22
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 23
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 24
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 29
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 39
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 123
https://gsap.com/docs/v3/Plugins/Flip - Network accessline 242
**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/) - Network accessline 280
**Learn more:** [DrawSVG](https://gsap.com/docs/v3/Plugins/DrawSVGPlugin) - Network accessline 323
**Learn more:** [MorphSVG](https://gsap.com/docs/v3/Plugins/MorphSVGPlugin) - Network accessline 455
https://gsap.com/docs/v3/Plugins/
skills/gsap-plugins/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-plugins
skills/gsap-react/SKILL.md
- Network accessline 21
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 22
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 23
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 28
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 157
https://gsap.com/resources/React
skills/gsap-react/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-react
skills/gsap-scrolltrigger/SKILL.md
- Network accessline 21
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 22
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 23
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 28
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 65
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 139
See [ScrollTrigger.batch()](https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.batch/) in the GSAP docs. - Network accessline 170
See [ScrollTrigger.scrollerProxy()](https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.scrollerProxy/) in the GSAP docs. - Network accessline 318
https://gsap.com/docs/v3/Plugins/ScrollTrigger/
skills/gsap-scrolltrigger/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-scrolltrigger
skills/gsap-timeline/SKILL.md
- Network accessline 20
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 21
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 22
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 27
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills
skills/gsap-timeline/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-timeline
skills/gsap-utils/SKILL.md
- Network accessline 21
category: animation-motion source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" - Network accessline 22
source-commit: aed9cfd3277740755f6bfc1155c7aa645403b760 upstream: "https://github.com/greensock/gsap-skills" --- - Network accessline 23
upstream: "https://github.com/greensock/gsap-skills" - Network accessline 28
> Curated from GreenSock's official GSAP skills: https://github.com/greensock/gsap-skills - Network accessline 40
**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 201
See [distribute()](https://gsap.com/docs/v3/GSAP/UtilityMethods/distribute/) for more. - Network accessline 226
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 305
https://gsap.com/docs/v3/HelperFunctions
skills/gsap-utils/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-utils
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
skills/hatch-pet/LICENSE.txt
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]
skills/hatch-pet/scripts/compose_atlas.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/derive_running_left_from_running_right.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/extract_strip_frames.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/finalize_pet_run.py
skills/hatch-pet/scripts/generate_pet_images.py
- Executable scriptline 1
#!/usr/bin/env python3 - Access to secretsline 97
[Credential-related source omitted] - Network accessline 107
]) body, content_type = _multipart_body(fields) req = urllib.request.Request( - Network accessline 108
body, content_type = _multipart_body(fields) req = urllib.request.Request( "https://api.openai.com/v1/images/edits", - Network accessline 109
req = urllib.request.Request( - Network accessline 110
"https://api.openai.com/v1/images/edits", - Access to secretsline 112
[Credential-related source omitted] - Network accessline 113
method="POST", ) with urllib.request.urlopen(req, timeout=300) as resp: - Network accessline 114
) with urllib.request.urlopen(req, timeout=300) as resp: output_json.write_bytes(resp.read()) - Network accessline 115
with urllib.request.urlopen(req, timeout=300) as resp: - Access to secretsline 129
[Credential-related source omitted] - Network accessline 136
"output_format": "png", }).encode() req = urllib.request.Request( - Network accessline 137
}).encode() req = urllib.request.Request( "https://api.openai.com/v1/images/generations", - Network accessline 138
req = urllib.request.Request( - Network accessline 139
"https://api.openai.com/v1/images/generations", - Access to secretsline 141
[Credential-related source omitted] - Network accessline 142
method="POST", ) with urllib.request.urlopen(req, timeout=300) as resp: - Network accessline 143
) with urllib.request.urlopen(req, timeout=300) as resp: output_json.write_bytes(resp.read()) - Network accessline 144
with urllib.request.urlopen(req, timeout=300) as resp: - Possible obfuscationline 160
output_image.write_bytes(base64.b64decode(first["b64_json"])) - Access to secretsline 236
[Credential-related source omitted] - Access to secretsline 237
[Credential-related source omitted] - Access to secretsline 238
[Credential-related source omitted] - Access to secretsline 273
[Credential-related source omitted] - Access to secretsline 281
[Credential-related source omitted]
skills/hatch-pet/scripts/inspect_frames.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/make_contact_sheet.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/package_custom_pet.py
skills/hatch-pet/scripts/pet_job_status.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/prepare_pet_run.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/queue_pet_repairs.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/record_imagegen_result.py
skills/hatch-pet/scripts/render_animation_videos.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/hatch-pet/scripts/render_animation_videos.sh
- Executable scriptline 1
#!/usr/bin/env bash
skills/hatch-pet/scripts/test_generate_pet_images.py
skills/hatch-pet/scripts/validate_atlas.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/html-ppt-retro-quarterly-review/assets/template.html
- Network accessline 4
<meta charset="UTF-8" /> <meta name="viewport" content="width=1920, height=1080" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 5
<meta name="viewport" content="width=1920, height=1080" /> <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=Alfa+Slab+One&family=Bebas+Neue&family=Inter:wght@500;700;800;900&family=Permanent+Marker&display=swap" rel="stylesheet" /> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 17
.deck-ui { position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:80; font:700 14px/1 "Bebas Neue",sans-serif; letter-spacing:.14em; background:#0f1013; color:#f7f7f2; border-radius:999px; padding:8px 16px; display:fl - Network accessline 18
.deck-ui .sep { opacity:.35; } .film-grain { position:absolute; inset:0; pointer-events:none; z-index:90; opacity:.065; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w - Network accessline 19
.film-grain { position:absolute; inset:0; pointer-events:none; z-index:90; opacity:.065; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E
skills/html-ppt-retro-quarterly-review/example.html
- Network accessline 4
<meta charset="UTF-8" /> <meta name="viewport" content="width=1920, height=1080" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> - Network accessline 5
<meta name="viewport" content="width=1920, height=1080" /> <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=Alfa+Slab+One&family=Bebas+Neue&family=Inter:wght@500;700;800;900&family=Permanent+Marker&display=swap" rel="stylesheet" /> - Network accessline 9
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 17
.deck-ui { position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:80; font:700 14px/1 "Bebas Neue",sans-serif; letter-spacing:.14em; background:#0f1013; color:#f7f7f2; border-radius:999px; padding:8px 16px; display:fl - Network accessline 18
.deck-ui .sep { opacity:.35; } .film-grain { position:absolute; inset:0; pointer-events:none; z-index:90; opacity:.065; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w - Network accessline 19
.film-grain { position:absolute; inset:0; pointer-events:none; z-index:90; opacity:.065; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E
skills/huashu-art-motion/SKILL.md
- Network accessline 20
mode: utility category: animation-motion upstream: https://github.com/alchaincyf/huashu-art-motion - Network accessline 21
category: animation-motion upstream: https://github.com/alchaincyf/huashu-art-motion source-commit: d861767d180008d27675819932070a670a3ae43f - Network accessline 22
upstream: https://github.com/alchaincyf/huashu-art-motion
skills/huashu-art-motion/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/alchaincyf/huashu-art-motion/tree/d861767d180008d27675819932070a670a3ae43f
skills/huashu-art-motion/references/art-styles-1.md
- Network accessline 10
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/01_cave.md - Network accessline 63
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/02_egypt.md - Network accessline 134
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/03_greek.md - Network accessline 191
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/04_roman.md - Network accessline 297
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/05_gothic.md - Network accessline 336
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/06_renaissance.md - Network accessline 384
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/08_impressionism.md - Network accessline 425
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/09_postimp.md - Network accessline 449
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/10_nouveau.md - Network accessline 487
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/11_cubism.md - Network accessline 524
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/12_bauhaus.md - Network accessline 561
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/13_pop.md - Network accessline 597
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/14_8bit.md - Network accessline 631
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/15_raytrace.md - Network accessline 670
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/16_2026.md - Network accessline 732
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/17_ink.md - Network accessline 789
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/18_klimt.md - Network accessline 833
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/19_munch.md
skills/huashu-art-motion/references/art-styles-2.md
- Network accessline 10
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/20_dunhuang.md - Network accessline 66
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/21_kusama.md - Network accessline 105
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/22_constructivism.md - Network accessline 147
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/23_dali.md - Network accessline 183
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/24_hopper.md - Network accessline 220
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/25_ghibli.md - Network accessline 258
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/26_vaporwave.md - Network accessline 292
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/27_kirby.md - Network accessline 329
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/28_monet.md - Network accessline 375
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/29_seurat.md - Network accessline 413
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/30_matisse.md - Network accessline 446
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/31_haring.md - Network accessline 475
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/32_rembrandt.md - Network accessline 511
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/33_rubberhose.md - Network accessline 549
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/34_shadowpuppet.md - Network accessline 596
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/35_shinkai.md - Network accessline 637
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/风格配方/36_picasso_blue.md
skills/huashu-art-motion/references/canvas-helpers.md
- Network accessline 7
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/scripts/engine/lib/util.js - Network accessline 55
const inflate = async (buf) => new Uint8Array(await new Response(new Blob([buf]).stream().pipeThrough(new DecompressionStream('deflate'))).arrayBuffer()); async function readCmap(url) { const ab = await (await fetch(url)).arrayBuffer(), d - Network accessline 56
async function readCmap(url) { const ab = await (await fetch(url)).arrayBuffer(), dv = new DataView(ab), sig = dv.getUint32(0); let tab = null; - Network accessline 57
const ab = await (await fetch(url)).arrayBuffer(), dv = new DataView(ab), sig = dv.getUint32(0); - Network accessline 106
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/scripts/engine/lib/paint.js - Network accessline 360
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/scripts/engine/lib/brush.js - Network accessline 516
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/scripts/engine/lib/render.js - Network accessline 712
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/scripts/engine/lib/post.js - Network accessline 827
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/scripts/engine/lib/motion.js - Network accessline 943
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/scripts/engine/lib/camera.js
skills/huashu-art-motion/references/craft-workflow.md
- Network accessline 10
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/01-拆解.md - Network accessline 72
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/02-机制.md - Network accessline 120
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/03-一帧先行四条路线.md - Network accessline 166
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/04-纯代码绘制.md - Network accessline 265
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/05-节奏与配乐.md - Network accessline 291
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/06-口播驱动的艺术短片.md - Network accessline 329
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/08-风格作者规范.md - Network accessline 396
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/10-角色.md - Network accessline 420
1. **生图**：用 gpt-image 一类支持参考图的生图模型（prompt 写法可参考 [huashu-gpt-image](https://github.com/alchaincyf/huashu-gpt-image)），批量时串行跑。ref = 角色三视图设定稿或已定帧库的母版；prompt 写清： - Network accessline 437
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/色板.md - Network accessline 482
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/角色精细度.md - Network accessline 548
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/镜头表模板.md
skills/huashu-art-motion/references/explainer-grammars.md
- Network accessline 10
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/t1_3b1b.md - Network accessline 88
- 代表作：3Blue1Brown《But what is a neural network?》（2017）、《Essence of linear algebra》、2024《Transformers》系列。 - https://github.com/3b1b/videos/blob/master/custom_config.yml （背景 #000、CMU Serif、saturation 1.5） - Network accessline 89
- https://github.com/3b1b/videos/blob/master/custom_config.yml （背景 #000、CMU Serif、saturation 1.5） - Network accessline 90
- https://github.com/3b1b/manim/blob/master/manimlib/default_config.yml （色值） - Network accessline 91
- https://github.com/3b1b/manim/blob/master/manimlib/utils/rate_functions.py （smooth 等） - Network accessline 92
- https://github.com/3b1b/manim/blob/master/manimlib/animation/creation.py （Write/ShowCreation 参数） - Network accessline 93
- https://github.com/3b1b/videos/blob/master/_2017/nn/part1.py 、part2.py （神经元与权重画法） - Network accessline 94
- https://github.com/ManimCommunity/manim/blob/main/manim/utils/rate_functions.py （CE 版对照） - Network accessline 95
- https://www.3blue1brown.com/faq （"Avoid pointless animations"） - Network accessline 96
- https://www.dwarkesh.com/p/grant-sanderson （先排动画后录口播） - Network accessline 139
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/t2_keynote_ui.md - Network accessline 213
- 代表作：Apple iPhone/Apple Intelligence 发布片与 apple.com 产品页；OpenAI GPT-4o / o 系列发布视频；Linear 官网与 Linear Release 视频；Stripe 2020–21 官网渐变。 - https://developer.apple.com/videos/play/wwdc2023/10158/ （Animate with springs：duration/bounce） - Network accessline 214
- https://developer.apple.com/videos/play/wwdc2023/10158/ （Animate with springs：duration/bounce） - Network accessline 215
- https://developer.apple.com/videos/play/wwdc2018/803/ （Designing Fluid Interfaces：从 100% 阻尼起步） - Network accessline 216
- https://developer.apple.com/videos/play/wwdc2025/219/ （Meet Liquid Glass） - Network accessline 217
- https://developer.apple.com/design/human-interface-guidelines/materials 、/motion 、/typography - Network accessline 218
- https://www.nngroup.com/articles/glassmorphism/ - Network accessline 219
- https://web.archive.org/web/20211015000000/https://stripe.com/ （渐变色值） - Network accessline 220
- https://stripe.com/blog/connect-front-end-experience （<500ms、曲线） - Network accessline 221
- https://linear.app/now/how-we-redesigned-the-linear-ui （LCH 色彩、Inter） - Network accessline 263
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/t3_finance_chart.md - Network accessline 337
- 代表作：The Economist 网页图表与视频；FT 图表；Bloomberg Originals / Quicktake 的数据段；Flourish 的 bar chart race。 - Economist 图表风格指南 2017（镜像）：https://sa.ipaa.org.au/wp-content/uploads/2026/02/Economist-CHARTstyleguide_20170505.pdf - Network accessline 338
- Economist 图表风格指南 2017（镜像）：https://sa.ipaa.org.au/wp-content/uploads/2026/02/Economist-CHARTstyleguide_20170505.pdf - Network accessline 339
- FT 色板源码：https://unpkg.com/@financial-times/o-colors/src/scss/_palette.scss - Network accessline 340
- Heer & Robertson 2007, Animated Transitions in Statistical Data Graphics：https://idl.cs.washington.edu/files/2007-AnimatedTransitions-InfoVis.pdf - Network accessline 341
- D3 bar chart race：https://observablehq.com/@d3/bar-chart-race-explained - Network accessline 342
- Correll 等 2020（截断坐标轴的夸大效应，断轴标记也救不回来）：https://arxiv.org/abs/1907.02035 - Network accessline 343
- Datawrapper：柱从零 https://www.datawrapper.de/academy/why-our-column-and-bar-charts-start-at-zero ；双轴 https://www.datawrapper.de/blog/dualaxis ；色盲 https://www.datawrapper.de/blog/colorblindness-part2 - Network accessline 344
- 红涨绿跌的文化差异：https://onlinelibrary.wiley.com/doi/10.1002/bdm.1800 - Network accessline 345
- CountUp.js（easeOutExpo、2s）：https://github.com/inorganik/countUp.js - Network accessline 386
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/y1_kurzgesagt.md - Network accessline 527
- 样片： - How Are Memories Stored Inside Your Brain?（2025）https://www.youtube.com/watch?v=PqtggjVAi8M - Network accessline 528
- How Are Memories Stored Inside Your Brain?（2025）https://www.youtube.com/watch?v=PqtggjVAi8M - Network accessline 529
- Why Humanity Will Never Leave The Solar System（2025）https://www.youtube.com/watch?v=Cyl3X88KEgg - Network accessline 530
- The Immune System Explained I（2014）https://www.youtube.com/watch?v=zQGOcOUBi6s - Network accessline 531
- 官方课（缓动、循环、鸟、角色动法逐字稿）： - Skillshare《Motion Graphics with Kurzgesagt》Part 1 https://www.skillshare.com/en/classes/motion-graphics-with-kurzgesagt-part-1/631970755 - Part 3 https://www.skillshare.com/en/classes/motion-graphics-with-kurzg - Network accessline 532
- Skillshare《Motion Graphics with Kurzgesagt》Part 1 https://www.skillshare.com/en/classes/motion-graphics-with-kurzgesagt-part-1/631970755 - Network accessline 533
- Part 3 https://www.skillshare.com/en/classes/motion-graphics-with-kurzgesagt-part-3/140140401 - Network accessline 534
- 官方幕后： - 1200 小时一支片：https://www.youtube.com/watch?v=uFk0mgljtns - 官方自述：https://kurzgesagt.org/what-we-do?visit=videos - Network accessline 535
- 1200 小时一支片：https://www.youtube.com/watch?v=uFk0mgljtns - Network accessline 536
- 官方自述：https://kurzgesagt.org/what-we-do?visit=videos - Network accessline 537
- 配乐：Epic Mountain https://www.epic-mountain.com - Network accessline 586
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/y2_vox.md - Network accessline 731
- 样片： - Missing Chapter《The case to rename this famous Christmas plant》https://www.youtube.com/watch?v=lLSUjl4WatY - Network accessline 732
- Missing Chapter《The case to rename this famous Christmas plant》https://www.youtube.com/watch?v=lLSUjl4WatY - Network accessline 733
- 《Where the 1960s "psychedelic" look came from》https://www.youtube.com/watch?v=9vuqI2v2IRs - Network accessline 734
- Vox Borders《China is erasing its border with Hong Kong》https://www.youtube.com/watch?v=MQyxG4vTyZ8 - Network accessline 735
- Johnny Harris《The Internet Didn't Fail. It Was Taken.》https://www.youtube.com/watch?v=0rKDo3hKbVk - Network accessline 736
- 一手： - Vox 美术总监 Joey Sendaydiego 访谈 https://www.storybench.org/how-vox-uses-animation-to-make-complicated-topics-digestible-for-everyone/ - Joss Fong 访谈 https://www.theopennotebook.com/2020/01/07/videogram-how-a-vox-video-explains-the- - Network accessline 737
- Vox 美术总监 Joey Sendaydiego 访谈 https://www.storybench.org/how-vox-uses-animation-to-make-complicated-topics-digestible-for-everyone/ - Network accessline 738
- Joss Fong 访谈 https://www.theopennotebook.com/2020/01/07/videogram-how-a-vox-video-explains-the-science-behind-the-first-photo-of-a-black-hole/ - Network accessline 739
- Johnny Harris《How I Make My Maps》https://www.youtube.com/watch?v=GsojLuJpe_0 - Network accessline 740
- 二手：PremiumBeat《Replicating Vox motion graphic》https://www.premiumbeat.com/blog/replicating-vox-motion-graphic/ - Network accessline 741
- 示范片事实： - Le et al., ICML 2012, arXiv:1112.6209 https://arxiv.org/abs/1112.6209 - Google 官方博客 2012-06-26 https://blog.google/innovation-and-ai/products/using-large-scale-brain-simulations-for/ - Network accessline 742
- Le et al., ICML 2012, arXiv:1112.6209 https://arxiv.org/abs/1112.6209 - Network accessline 743
- Google 官方博客 2012-06-26 https://blog.google/innovation-and-ai/products/using-large-scale-brain-simulations-for/ - Network accessline 788
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/y3_whiteboard.md - Network accessline 927
- 样片： - RSA ANIMATE: Changing Education Paradigms https://www.youtube.com/watch?v=zDZFcDGpL4U - Network accessline 928
- RSA ANIMATE: Changing Education Paradigms https://www.youtube.com/watch?v=zDZFcDGpL4U - Network accessline 929
- MinutePhysics: Why is it Dark at Night? https://www.youtube.com/watch?v=gxJ4M7tyLRE - Network accessline 930
- Andrew Park 访谈（Sketchnote Army 2025）https://sketchnotearmy.com/blog/2025/11/18/andrew-park - Network accessline 931
- Cognitive Media「毛手」https://www.hairyhand.co/about - Network accessline 932
- VideoScribe 官方文档： - 相机与 Zoom at end https://help.videoscribe.co/knowledge/use-zoom-and-set-the-camera - Draw 入场 https://help.videoscribe.co/knowledge/draw - Network accessline 933
- 相机与 Zoom at end https://help.videoscribe.co/knowledge/use-zoom-and-set-the-camera - Network accessline 934
- Draw 入场 https://help.videoscribe.co/knowledge/draw - Network accessline 935
- 入场动画 https://help.videoscribe.co/knowledge/entrance-animations - Network accessline 936
- Doodly 默认值 https://support.voomly.com/en/articles/12735753-doodly-how-do-i-customize-video-settings - Network accessline 937
- 学习效果研究（转引）https://en.wikipedia.org/wiki/Whiteboard_animation - Network accessline 985
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/y4_storytime.md - Network accessline 1107
- TheOdd1sOut 频道：https://www.youtube.com/@theodd1sout ；本次实测的转载「老妈的惩罚」：https://www.bilibili.com/video/BV14s411M7x4 - Network accessline 1108
- Jaiden Animations 频道：https://www.youtube.com/@JaidenAnimations ；本次实测「Being Not Straight」转载：https://www.bilibili.com/video/BV1xu411r734 - Network accessline 1109
- Domics 频道：https://www.youtube.com/@Domics - Network accessline 1110
- Toon Boom × Atomic Cartoons，《Oddballs》从 YouTube 到剧集（「pose-to-pose，动画极少」「他在 YouTube 上从没做过口型」「太软、太慢」）：https://www.toonboom.com/atomic-cartoons-on-bringing-oddballs-from-youtube-to-series - Network accessline 1111
- Konstantinos Pappis, *The Odd Ones Out: The Rise of YouTube Storytime Animation*（Animation Studies，类型史与视觉语法：圆脸化身、白底、无逐帧、更像动态分镜）：https://journal.animationstudies.org/article/id/135/ - Network accessline 1112
- TheOdd1sOut 维基（「棉花糖人」的说法）：https://en.wikipedia.org/wiki/TheOdd1sOut - Network accessline 1113
- Dan Ebberts 惯性回弹表达式（freq 3、decay 5 的出处）：http://www.motionscript.com/articles/bounce-and-overshoot.html - Network accessline 1114
- 制作者经验帖「换姿势时加一点 bounce」：https://forum.wickeditor.com/t/whoever-wants-to-make-a-storytime-animation/5940 - Network accessline 1158
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/y5_kinetic_type.md - Network accessline 1273
- Saul Bass 片头档案（Art of the Title）：https://www.artofthetitle.com/designer/saul-bass/ - Network accessline 1274
- 维基「Kinetic typography」（motion typography / fluid typography 两类、Bass 是长片先驱）：https://en.wikipedia.org/wiki/Kinetic_typography - Network accessline 1275
- School of Motion《Kinetic Typography in After Effects》Part 2（帧数：小词滑入 4 帧、主词甩入 6 帧＋2 帧过冲回正、镜头推 6 帧＋2 帧回拉；「镜头要晚一点动，像是被声音推着走」）：https://www.schoolofmotion.com/blog/kinetic-typography-after-effects-part-2 - Network accessline 1276
- School of Motion Part 3（下落要加速不要缓停、撞击时整个合成放大再回 100%）：https://schoolofmotion.com/blog/kinetic-typography-after-effects-part-3 - Network accessline 1277
- Dan Ebberts 惯性回弹表达式（`amp·sin(2πft)/e^(decay·t)`，默认 freq 3 / decay 5）：http://www.motionscript.com/articles/bounce-and-overshoot.html - Network accessline 1278
- Lee, Forlizzi, Hudson,《The Kinetic Typography Engine》（UIST 2002，动态字表达情绪与语气）：https://dl.acm.org/doi/10.1145/571985.571997 - Network accessline 1279
- 视频文字停留时间：https://www.ssw.com.au/rules/post-production-do-you-give-enough-time-to-read-texts-in-your-videos - Network accessline 1280
- 本次实测的两支转载：DISCORD [Kinetic Typography] https://www.bilibili.com/video/BV1ts411S7Xa ；Charlie Puth – We Don't Talk Anymore (Kinetic Typography) https://www.bilibili.com/video/BV1by4y1r74Y - Network accessline 1323
来源：https://github.com/alchaincyf/huashu-art-motion/blob/d861767d180008d27675819932070a670a3ae43f/references/动画语法/y6_presenter_explainer.md
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
skills/image-to-code-skill/SKILL.md
skills/imagegen-frontend-mobile/SKILL.md
skills/imagegen-frontend-web/SKILL.md
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
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
skills/impeccable-design-polish/SKILL.md
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
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
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
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
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"
skills/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" />
skills/motion-design/SOURCES.md
- Network accessline 5
- https://github.com/alchaincyf/huashu-art-motion — representative-frame-first art direction, motion within a scene, deterministic procedural drawing, and separating aesthetic judgment from technical signals. - Network accessline 6
- https://github.com/LottieFiles/motion-design-skill — emotional intent, timing versus spacing, easing, and primary/secondary/ambient choreography. - Network accessline 7
- https://github.com/LobzyJay/motion-design-with-claude-and-codex — restraint, specific motion decisions, and preserving the user's working tool.
skills/motion-lab/LICENSE
- Network accessline 3
License declaration: https://github.com/yangxu128/Motion.Lab/blob/fbfda036aadbc1b46547bce8a7a57ec12bf73485/README.md#-license
skills/motion-lab/SKILL.md
- Network accessline 21
mode: utility category: animation-motion upstream: https://github.com/yangxu128/Motion.Lab - Network accessline 22
category: animation-motion upstream: https://github.com/yangxu128/Motion.Lab source-commit: fbfda036aadbc1b46547bce8a7a57ec12bf73485 - Network accessline 23
upstream: https://github.com/yangxu128/Motion.Lab
skills/motion-lab/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/yangxu128/Motion.Lab/tree/fbfda036aadbc1b46547bce8a7a57ec12bf73485
skills/motion-lab/references/license.md
- Network accessline 3
License declaration: https://github.com/yangxu128/Motion.Lab/blob/fbfda036aadbc1b46547bce8a7a57ec12bf73485/README.md#-license
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
skills/oil-motion/SKILL.md
- Network accessline 19
mode: utility category: animation-motion upstream: https://github.com/oil-oil/oil-motion - Network accessline 20
category: animation-motion upstream: https://github.com/oil-oil/oil-motion source-commit: 07e31f2265f80caa8f2c1df825d85ac24a46307c - Network accessline 21
upstream: https://github.com/oil-oil/oil-motion - Access to secretsline 43
[Credential-related source omitted]
skills/oil-motion/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/oil-oil/oil-motion/tree/07e31f2265f80caa8f2c1df825d85ac24a46307c
skills/oil-motion/assets/chroma-video-renderer.ts
- Executable scriptline 1
Executable file
skills/oil-motion/assets/interactive-motion.ts
- Executable scriptline 1
Executable file
skills/oil-motion/assets/step-gesture.ts
- Executable scriptline 1
Executable file
skills/oil-motion/references/motion-patterns.md
- Network accessline 43
- **参考**：[MotionSites / Cordex](https://motionsites.ai/?prompt=cordex)，预览观察：同一条管状产品以大比例展示，编织材质、应用场景和参数卡发生切换。 - Network accessline 51
- **参考**：[MotionSites / Alethia](https://motionsites.ai/?prompt=alethia)，预览观察：岩石状主体及蓝色表面结构在近景、整体与不同构图间变化。 - Network accessline 59
- **参考**：[21st / Scroll media expansion hero](https://21st.dev/@arunachalam/components/scroll-expansion-hero)、[Hero Scroll Video Pin Reveal](https://21st.dev/@ajith66310/components/hero-scroll-video-pin-reveal)，公开预览与页面说明。 - Network accessline 67
- **参考**：[21st / Scroll Choreography](https://21st.dev/@componentry/components/scroll-choreography)，交互实测：四图随滚动改变位置，最后一图覆盖视口，回滚恢复多图布局。 - Network accessline 75
- **参考**：[21st / Scroll Morph Hero](https://21st.dev/@prashantsom75/components/scroll-morph-hero)，页面说明：散乱布局变成圆形，再形成滚动驱动的弧形排列。 - Network accessline 83
- **参考**：[21st / Container Scroll Animation](https://21st.dev/@manuarora700/components/container-scroll-animation)，页面说明与使用代码：滚动改变容器的三维朝向，内容可是一张界面截图。 - Network accessline 91
- **参考**：[MotionSites / Orbit Stickers](https://motionsites.ai/?prompt=orbit-stickers)，预览观察：太空主题贴纸从页脚边缘进入、层叠并改变位置，链接区保持留白。 - Network accessline 99
- **参考**：[21st / Hover Preview](https://21st.dev/@minhxthanh/components/hover-preview) 的页面说明为文字链接悬停预览；[Spotlight Card](https://21st.dev/@jahed/components/spotlight-card) 提供指针相关视觉反馈的公开演示。 - Network accessline 107
- **参考**：[21st / Radial Orbital Timeline](https://21st.dev/@jatin-yadav05/components/radial-orbital-timeline)，交互实测：选中节点显示状态、说明和关联节点入口，点击关联项能切换详情。 - Network accessline 115
- **参考**：[21st / Squeeze Carousel](https://21st.dev/@yura/components/carousel-squeeze)，页面说明与使用代码：一项宽幅展示，其他项收为细条；演示配置关闭自动轮播。 - Network accessline 123
- **参考**：[21st / Voice Powered Orb](https://21st.dev/@isaiahbjork/components/voice-powered-orb)，作者说明与使用代码：WebGL 球体按音频强度改变视觉表现；真实麦克风链路需另行验证。 - Network accessline 131
- **参考**：[Cosmos 官网](https://www.cosmos.so/)，当前页面观察：图片围绕首屏文案分布，后续章节介绍集合、颜色搜索、相似图与来源信息；[Godly 历史收录](https://godly.website/website/cosmos-978) 仅作出处线索。 - Network accessline 139
- **参考**：[Recent / Aging Button](https://recent.design/i/a06z03e-aging-button-microinteraction)，策展说明与预览：按钮随着点击次数增加出现磨损和脏污。 - Network accessline 147
- **参考**：[Recent / 3-in-1 Icon Morph](https://recent.design/i/t36wysw-3-in-1-icon-morph)，预览观察：多个状态图形的线、点和轮廓重组成一个符号；策展账号标签不视为原作者证明。
skills/oil-motion/scripts/chroma_key.py
- Executable scriptline 1
Executable file
skills/oil-motion/scripts/compile_scroll_video.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/compose_travel_frames.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/composite_alpha_keyframe.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/create_explainer.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/loop_cleanup.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/media_edges.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/motion_budget.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/motion_pipeline.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/optimize_motion.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/oil-motion/scripts/production_gate.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/output-skill/SKILL.md
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
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
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
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
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
skills/poster-hero/SKILL.md
skills/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">
skills/ppt-keynote/SKILL.md
skills/ppt-keynote/example.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1" /> <title>HTML Anything · 产品介绍</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 6
<title>HTML Anything · 产品介绍</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono - Network accessline 7
<script src="https://cdn.tailwindcss.com"></script> - Network accessline 8
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight: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"> - Network accessline 109
<div> <div style="font-family:'JetBrains Mono',monospace; font-size:16px; opacity:0.85">$ pnpm dev</div> <div style="opacity:0.85; margin-top:6px">→ http://localhost:3000 → ⌘+Enter</div> - Network accessline 110
<div style="font-family:'JetBrains Mono',monospace; font-size:16px; opacity:0.85">$ pnpm dev</div> <div style="opacity:0.85; margin-top:6px">→ http://localhost:3000 → ⌘+Enter</div> </div> - Network accessline 111
<div style="opacity:0.85; margin-top:6px">→ http://localhost:3000 → ⌘+Enter</div>
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
skills/pptx-html-fidelity-audit/scripts/.gitignore
- Executable scriptline 1
Executable file
skills/pptx-html-fidelity-audit/scripts/extract_pptx.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/pptx-html-fidelity-audit/scripts/verify_layout.py
- Executable scriptline 1
#!/usr/bin/env python3
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
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
skills/release-notes-one-pager/references/checklist.md
- Network accessline 22
- [ ] Every required release-note section root also includes the matching `id` anchor: `added`, `fixed`, `breaking-changes`, `known-issues`, `upgrade-note`. - [ ] Every emitted CTA uses a real destination; `href="#"` is not acceptable. If n - Network accessline 23
- [ ] Every emitted CTA uses a real destination; `href="#"` is not acceptable. If no destination exists, omit the closing CTA strip. - [ ] No placeholder tokens remain in href attributes: `[REPLACE]`, `REPLACE_WITH_REAL_URL`, or `https://ex - Network accessline 24
- [ ] No placeholder tokens remain in href attributes: `[REPLACE]`, `REPLACE_WITH_REAL_URL`, or `https://example.com`. All hrefs must be valid URLs.
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
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
skills/resume-modern/SKILL.md
skills/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">
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"
skills/review-animations/STANDARDS.md
- Network accessline 3
The precise values, curves, and rules behind the review. Cite these in findings instead of approximating. Distilled from Emil Kowalski's design engineering philosophy ([animations.dev](https://animations.dev/)). - Network accessline 37
Find curves at [easing.dev](https://easing.dev/) or [easings.co](https://easings.co/) — don't hand-roll from scratch.
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
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
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
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
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
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
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。
skills/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" />
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"
skills/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" />
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"
skills/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" />
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"
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
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
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
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)
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
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.
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
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
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
skills/ui-animation/SKILL.md
- Network accessline 21
mode: utility category: animation-motion upstream: "https://github.com/mblode/agent-skills" - Network accessline 22
category: animation-motion upstream: "https://github.com/mblode/agent-skills" source-commit: 5a781a88ed60c1033767b6b6a966887cd93dd912 - Network accessline 23
upstream: "https://github.com/mblode/agent-skills" - Network accessline 125
Avoid `ease-in` for UI: it starts slow, so the element lags the user's action and feels sluggish. Prefer custom curves from [easing.dev](https://easing.dev/) over built-in `ease`/`ease-out`, whose gentle acceleration reads soft, not decisiv
skills/ui-animation/SOURCES.md
- Network accessline 3
- Upstream: https://github.com/mblode/agent-skills/tree/5a781a88ed60c1033767b6b6a966887cd93dd912/skills/ui-animation
skills/ui-animation/references/decision-framework.md
- Network accessline 45
Match curve strength to size and frequency: weaker curves (quad, cubic) for small or frequent elements, stronger curves (quint, expo) for large or rare transitions. Full named catalogue at [easing.dev](https://easing.dev/), stronger custom
skills/ui-animation/scripts/extract_frames.py
skills/ui-animation/scripts/fit_curves.py
- Executable scriptline 1
#!/usr/bin/env python3
skills/ui-animation/scripts/track_motion.py
- Executable scriptline 1
#!/usr/bin/env python3
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
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
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
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
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
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
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
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"
skills/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
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
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"
skills/video-hyperframes/example.html
- Network accessline 4
<meta charset="UTF-8" /> <title>Hyperframes · AI workflow 三件套</title> <script src="https://cdn.tailwindcss.com"></script> - Network accessline 5
<title>Hyperframes · AI workflow 三件套</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;800;900&family=Noto+Sans+SC:wght@600;700;900&family=JetBrains+Mono:wg - 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;800;900&family=Noto+Sans+SC:wght@600;700;900&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet">
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
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:<端口>/ \
skills/web-clone/references/design-dna.md
- Network accessline 7
> 方法与 schema 改编自 [zanwei/design-dna](https://github.com/zanwei/design-dna)（MIT），按 web-clone 的口径裁剪。
skills/web-clone/references/effect-extraction.md
- Network accessline 6
> 纪律范式受 [lixiaolin94/skills · web-shader-extractor](https://github.com/lixiaolin94/skills) 启发（该仓库无 LICENSE，
skills/web-clone/references/marbles-case.md
- Network accessline 3
源站 https://chiuhans111.github.io/marbles/ ·作者 Hans Chiu ·单文件 1067 行 ·许可证 **NONE**。
skills/web-clone/references/static-mirror.md
- Network accessline 13
## 为什么必须"真浏览器全程滚动捕获"，不能只 grep / wget - `.buf`/`.sog`/`.riv` 等二进制是 **JS 运行时按滚动进度 fetch** 的，URL 常是代码里**动态拼接**的 → grep bundle 抓不全，`wget --mirror` 也发现不了（它只跟 HTML 静态链接）。 - Network accessline 14
- `.buf`/`.sog`/`.riv` 等二进制是 **JS 运行时按滚动进度 fetch** 的，URL 常是代码里**动态拼接**的 → grep bundle 抓不全，`wget --mirror` 也发现不了（它只跟 HTML 静态链接）。 - Network accessline 37
# ① 下 kit CSS（直连，typekit 常被代理挡 → 不要走 proxy） curl -sL -A "Mozilla/5.0 …Chrome…" -e "https://<站>/" "https://use.typekit.net/<kit>.css" -o site/typekit/kit.css - Network accessline 38
curl -sL -A "Mozilla/5.0 …Chrome…" -e "https://<站>/" "https://use.typekit.net/<kit>.css" -o site/typekit/kit.css - Network accessline 49
然后把引用处改成本地——**注意 Typekit 常是主 CSS 第一行 `@import"https://use.typekit.net/<kit>.css"`，不是 HTML `<link>`**： - Network accessline 51
perl -0pi -e 's{\@import"https://use\.typekit\.net/<kit>\.css"}{\@import"/typekit/kit-local.css"}g' site/_astro/<主>.css
skills/web-clone/scripts/asset-harvest.mjs
skills/web-clone/scripts/audit-clone.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/compare-recon.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/dna-scaffold.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/init-clone.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/interaction-probe.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/lib/playwright-loader.mjs
- Executable scriptline 1
Executable file
skills/web-clone/scripts/lib/system-browser.mjs
- Executable scriptline 1
Executable file - Network accessline 195
resourceType: event.type || "Other", }; this.requests.set(event.requestId, request); - Network accessline 196
}; this.requests.set(event.requestId, request); if (!request.url.startsWith("data:")) this.inflight.add(event.requestId); - Network accessline 197
this.requests.set(event.requestId, request); - Network accessline 204
const request = this.requests.get(event.requestId) || { - Network accessline 425
async close() { this.connection.close(); await fetch(`${this.browser.httpBase}/json/close/${this.target.id}`).catch(() => undefined); - Network accessline 426
this.connection.close(); await fetch(`${this.browser.httpBase}/json/close/${this.target.id}`).catch(() => undefined); } - Network accessline 427
await fetch(`${this.browser.httpBase}/json/close/${this.target.id}`).catch(() => undefined); - Network accessline 441
} catch {} const cookie = cookies.map((entry) => `${entry.name}=${entry.value}`).join("; "); const response = await fetch(url, { - Network accessline 442
const cookie = cookies.map((entry) => `${entry.name}=${entry.value}`).join("; "); const response = await fetch(url, { headers: { ...headers, ...(cookie ? { cookie } : {}) }, - Network accessline 443
const response = await fetch(url, { - Network accessline 475
this.closeRemote = closeRemote; const socket = new URL(browserSocketUrl); this.httpBase = `http://${socket.host}`; - Network accessline 476
const socket = new URL(browserSocketUrl); this.httpBase = `http://${socket.host}`; this.closed = false; - Network accessline 477
this.httpBase = `http://${socket.host}`; - Network accessline 481
async createPage(options = {}) { const response = await fetch(`${this.httpBase}/json/new?${encodeURIComponent("about:blank")}`, { method: "PUT" }); - Network accessline 482
const response = await fetch(`${this.httpBase}/json/new?${encodeURIComponent("about:blank")}`, { method: "PUT" }); - Network accessline 514
if (!daemonUrl || !projectId) throw new Error("OD_DAEMON_URL and OD_PROJECT_ID are required"); const endpoint = `${daemonUrl.replace(/\/$/, "")}/api/projects/${encodeURIComponent(projectId)}/browser-sessions`; const response = await fet - Network accessline 515
const endpoint = `${daemonUrl.replace(/\/$/, "")}/api/projects/${encodeURIComponent(projectId)}/browser-sessions`; const response = await fetch(endpoint, { method: "POST", headers: { "content-type": "application/json" } }); if (!respons - Network accessline 516
const response = await fetch(endpoint, { method: "POST", headers: { "content-type": "application/json" } }); - Network accessline 523
if (!session?.id || !session?.websocketUrl) throw new Error("daemon returned an invalid browser session"); return new SystemBrowser(null, null, session.websocketUrl, async () => { await fetch(`${endpoint}/${encodeURIComponent(session. - Network accessline 524
return new SystemBrowser(null, null, session.websocketUrl, async () => { await fetch(`${endpoint}/${encodeURIComponent(session.id)}`, { method: "DELETE" }).catch(() => undefined); }); - Network accessline 525
await fetch(`${endpoint}/${encodeURIComponent(session.id)}`, { method: "DELETE" }).catch(() => undefined);
skills/web-clone/scripts/mirror-site.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/network-capture.mjs
skills/web-clone/scripts/od-preview-rewrite.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/recon-site.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/route-crawl.mjs
- Executable scriptline 1
#!/usr/bin/env node
skills/web-clone/scripts/sourcemap-hunt.mjs
skills/web-clone/scripts/visual-diff.mjs
- Executable scriptline 1
#!/usr/bin/env node
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
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`.
skills/weread-year-in-review-video-template/assets/template.html
- Network accessline 4
<meta charset="UTF-8" /> <meta name="viewport" content="width=1080, height=1920" /> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> - Network accessline 5
<meta name="viewport" content="width=1080, height=1920" /> <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script> <title>WeRead Year in Review Video Template</title> - Network accessline 6
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
skills/weread-year-in-review-video-template/example.html
- Network accessline 57
</div> <div class="pane"> <video controls preload="metadata" src="https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4"></video> - Network accessline 58
<div class="pane"> <video controls preload="metadata" src="https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4"></video> </div> - Network accessline 59
<video controls preload="metadata" src="https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4"></video>
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
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
skills/writing-guidelines/references/guidelines.md
- Network accessline 108
- Define every term the first time it appears, link to its conceptual page - Anchor text names the destination; never bare URLs or `here`/`link` - Dashboard deep links use the standard format: `https://vercel.com/d?to=%2F%5Bteam%5D%2F~%2Fai - Network accessline 109
- Anchor text names the destination; never bare URLs or `here`/`link` - Dashboard deep links use the standard format: `https://vercel.com/d?to=%2F%5Bteam%5D%2F~%2Fai-gateway%2Fapi-keys&title=AI+Gateway+API+Keys` - Link to canonical product - Network accessline 110
- Dashboard deep links use the standard format: `https://vercel.com/d?to=%2F%5Bteam%5D%2F~%2Fai-gateway%2Fapi-keys&title=AI+Gateway+API+Keys` - Network accessline 111
- Link to canonical product docs where relevant: `https://vercel.com/docs/vercel-sandbox`, `https://vercel.com/docs/ai-gateway` - Network accessline 112
- AI Gateway model catalog: `https://vercel.com/ai-gateway/models`
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.
Declared and executed: 5 facts
- Contacts www.w3.org, which SKILL.md, the README and the plugin manifest do not mentionhyperframes/scripts/contrast-report.mjs:254High confidence
- Contacts bsky.social, which SKILL.md, the README and the plugin manifest do not mentionlast30days/scripts/lib/bluesky.py:16High confidence
- Contacts public.api.bsky.app, which SKILL.md, the README and the plugin manifest do not mentionlast30days/scripts/lib/bluesky.py:17High confidence
- Contacts bsky.app, which SKILL.md, the README and the plugin manifest do not mentionlast30days/scripts/lib/bluesky.py:219High confidence
- Contacts api.openai.com, which SKILL.md, the README and the plugin manifest do not mentionlast30days/scripts/lib/env.py:126High confidence
Signal confidence: 495 facts
- Network access in prose of documentationdesign-systems/kami/DESIGN.md:410Low confidence
- Network access in prose of documentationdesign-systems/kami/DESIGN.md:410Low confidence
- Network access in prose of the SKILL.mdcontact-widget/SKILL.md:118Low confidence
- Network access in prose of the SKILL.mdcontact-widget/SKILL.md:120Low confidence
- Network access in prose of the SKILL.mdcontact-widget/SKILL.md:125Low confidence
- Network access in prose of the SKILL.mdcontact-widget/SKILL.md:126Low confidence
- Network access in prose of the SKILL.mdcontact-widget/SKILL.md:127Low confidence
- Network access in prose of the SKILL.mdcontact-widget/SKILL.md:128Low confidence
- Network access in prose of the SKILL.mdcontact-widget/SKILL.md:129Low confidence
- Network access in the frontmatter of the SKILL.mdcritique/SKILL.md:24Low confidence
- Network access in the frontmatter of the SKILL.mdcritique/SKILL.md:25Low confidence
- Network access in the frontmatter of the SKILL.mdcritique/SKILL.md:26Low confidence
- Network access in prose of the SKILL.mddcf-valuation/SKILL.md:30Low confidence
- Network access in prose of the SKILL.mddcf-valuation/SKILL.md:31Low confidence
- Network access in prose of the SKILL.mddcf-valuation/SKILL.md:140Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:3Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:5Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:7Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:29Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:30Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:31Low confidence
- Network access in code of documentationguizang-ppt/README.en.md:40Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:105Low confidence
- Network access in prose of documentationguizang-ppt/README.en.md:119Low confidence
- Network access in prose of documentationguizang-ppt/README.md:3Low confidence
- Network access in prose of documentationguizang-ppt/README.md:5Low confidence
- Network access in prose of documentationguizang-ppt/README.md:7Low confidence
- Network access in prose of documentationguizang-ppt/README.md:29Low confidence
- Network access in prose of documentationguizang-ppt/README.md:30Low confidence
- Network access in prose of documentationguizang-ppt/README.md:31Low confidence
- Network access in code of documentationguizang-ppt/README.md:40Low confidence
- Network access in prose of documentationguizang-ppt/README.md:104Low confidence
- Network access in prose of documentationguizang-ppt/README.md:118Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:6Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:8Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:10Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:32Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:33Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:34Low confidence
- Network access in code of documentationguizang-ppt/README.pt-BR.md:43Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:107Low confidence
- Network access in prose of documentationguizang-ppt/README.pt-BR.md:121Low confidence
- Network access in the frontmatter of the SKILL.mdguizang-ppt/SKILL.md:32Low confidence
- Network access in the frontmatter of the SKILL.mdguizang-ppt/SKILL.md:33Low confidence
- Network access in the frontmatter of the SKILL.mdguizang-ppt/SKILL.md:34Low confidence
- Network access in code of documentationguizang-ppt/references/checklist.md:30Low confidence
- Network access in prose of documentationguizang-ppt/references/styles.md:5Low confidence
- Network access in the frontmatter of the SKILL.mdhtml-ppt-course-module/SKILL.md:31Low confidence
- Network access in the frontmatter of the SKILL.mdhtml-ppt-course-module/SKILL.md:32Low confidence
- Network access in the frontmatter of the SKILL.mdhtml-ppt-course-module/SKILL.md:33Low confidence
and 445 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 | Native | Manifest .github/AGENTS.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin/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.
Explore alternatives and comparisons
Add this badge to your README
It updates every night and links to this page.
[](https://hotskills.dev/skill/nexu-io-open-design/)