DESIGN:OS SVG Animation Engine icon

DESIGN:OS SVG Animation Engine

design-os/design-os-svg-animation · v1.0.0 · Tools & Integrations

by DESIGN:OSAwesome AI Plugins

Free, source-available (PolyForm Shield) deterministic vector motion engine with a virtual-clock player and a 1080p 60fps MP4/WebM compiler for frame-exact product walkthroughs.

Protect this install with HOL Guard

Guard checks the skills and MCP servers a plugin adds on your machine and asks you before a risky action runs. The scores above are free, and no plan changes them.

Is DESIGN:OS SVG Animation Engine a fit?

From the plugin's manifest and HOL's scan. Anything the plugin does not declare is shown as not declared.

Works with

  • Codex
  • Claude Code
  • 4 skills

Before you install

Sign-in
Asks you to sign in when you install it
Declared access
Read, Write
License
LicenseRef-PolyForm-Shield-1.0.0

Check before relying on it

  • Some security checks did not finish: Cisco skill scan. See the evidence
  • The publisher has not verified ownership on HOL.

What is DESIGN:OS SVG Animation Engine?

DESIGN:OS SVG Animation Engine is a published tools & integrations plugin for AI coding agents that works with Codex and Claude Code, developed by DESIGN:OS and distributed through the HOL AI plugin registry. Free, source-available (PolyForm Shield) deterministic vector motion engine with a virtual-clock player and a 1080p 60fps MP4/WebM compiler for frame-exact product walkthroughs.

Canonical slug
design-os/design-os-svg-animation
Version
v1.0.0 · updated Nov 2, 2026

Registry snapshot

Owner verification
Not verified
Marketplace source
.claude-plugin/marketplace.json
Scanner
HOL plugin scanner
Security result
Partial scan
Digest verified
Yes
4 bundled skillsRead, copy or download each SKILL.mdOpen skills

Trust and security

Trust & reputation

79

HOL Trust Score

Per-metric points (0–100 each) combined via a weighted average into the overall score.

Installability
100/100
Maintenance
100/100
MCP server setup
100/100
Plugin Security
92/100
Provenance
70/100
Publisher Quality
75/100

Provenance

Plugin root
.
Source repo
https://github.com/jangtrinh/design-os-svg-animation
Source commit
6af91563a118…
Publisher verified
No
Owner verified
Not owner verified
Agent Plugins 1.0
Not detected

Continuous scanner CI not detected

This plugin remains listed. Its overall trust score is reduced by 10% because security checks are not maintained in the source repository's CI.

Optional: maintain the scanner in the source repository's CI to receive the full trust score. Listing does not require that change.

README badge not detected

Plugin owners can add the HOL badge to the repository README from Guard Plugins. Distribution, not security evidence. It adds a 2% engagement adjustment to the overall trust score and never changes the security result.

Partial scan
Security result
92
Score from finished checks
0
High findings

Some checks did not finish: Cisco skill scan. No blocking issue was found in the checks that did finish, but this is not a passed scan.

Provider
codex-plugin-scanner
Grade
A · Excellent
Version
3.24.2
codex:hol-plugin-scanner-9tbEZ3 / cisco-skill-scanner: failedcodex:hol-plugin-scanner-9tbEZ3 / cisco-mcp-scanner: skipped

[claude:.] Claude Plugin

18/18

5 checks

[claude:.] Security

16/16

6 checks

[claude:.] Operational Security

3/6

5 checks

[claude:.] Code Quality

10/10

2 checks

[codex:.] Manifest Validation

28/31

9 checks

[codex:.] Security

16/16

9 checks

[codex:.] Operational Security

3/6

5 checks

[codex:.] Best Practices

9/12

5 checks

[codex:.] Marketplace

15/15

3 checks

[codex:.] Skill Security

5/5

4 checks

[codex:.] Code Quality

10/10

2 checks

Published advisories

None matched in GitHub security advisories, checked . This covers published advisories only, not problems nobody has reported.

GitHub security advisories are those the source repository has published.

Findings

lowoperational-securityDEPENDABOT_MISSINGReported 2 times

Automation or dependency surfaces exist, but .github/dependabot.yml is missing.

Add Dependabot updates for GitHub Actions and dependency manifests.

infomanifest-validationPLUGIN_JSON_INTERFACE_ASSET_TERMSOFSERVICEURL

The interface field "termsOfServiceURL" must use HTTPS or point to a safe in-repo asset.

Update "termsOfServiceURL" to use HTTPS or an existing relative asset path.

infomanifest-validationPLUGIN_JSON_INTERFACE_ASSET_SCREENSHOTS

The interface field "screenshots" must use HTTPS or point to a safe in-repo asset.

Update "screenshots" to use HTTPS or an existing relative asset path.

infobest-practicesCODEXIGNORE_MISSING

A .codexignore file helps prevent accidental inclusion of local artifacts and secrets.

Add a .codexignore file with generated assets, local state, and secret paths.

Install guidance

Install in Claude Code

Install through the Claude Code plugin marketplace.

Claude Code plugin docs

Optional: install HOL Guard for Claude Code first, so it can check this plugin's tools on your machine before Claude Code uses them.

  1. 1

    Add the marketplace

    Run this inside a Claude Code session. It registers the marketplace manifest shipped at the repository root. If the repository ships none, add the generated entry from the Advanced section below first.

    claude code
  2. 2

    Install the plugin

    Installs the design-os-svg-animation entry from the design-os-svg-animation marketplace.

    claude code
  3. 3

    Scripted alternative

    Non-interactive equivalent for scripts and CI pipelines. Add --scope project to pin the install to one repository.

    shell
  4. 4

    Check it is installed

    Lists installed plugins. The entry should appear as enabled.

    shell

To remove it later, run claude plugin uninstall design-os-svg-animation@design-os-svg-animation.

Did setup work in Claude Code?

No setup reports for Claude Code yet. Self-reported by signed-in visitors. Copying a command is not counted, and most installs are never reported.

Attested installs: Fewer than 10 attested installs of this plugin in week 2026-W44, so no number is shown. Counted from opt-in HOL Guard install reports, once per machine and runtime, and never mixed with the answers above. How install reports work.

Loading reviews

Plugin manifest

{
  "name": "design-os-svg-animation",
  "description": "Deterministic vector motion engine, virtual-clock studio player, and 1080p 60fps MP4/WebM launch-video compiler for AI agents.",
  "version": "1.0.0",
  "author": {
    "name": "Jang Trinh",
    "url": "https://github.com/jangtrinh"
  },
  "homepage": "https://jangtrinh.github.io/design-os-svg-animation/",
  "repository": "https://github.com/jangtrinh/design-os-svg-animation",
  "license": "LicenseRef-PolyForm-Shield-1.0.0",
  "keywords": [
    "svg-animation",
    "motion-design",
    "launch-video",
    "virtual-clock",
    "anti-flop-gate",
    "design-os"
  ],
  "skills": "./",
  "interface": {
    "displayName": "DESIGN:OS SVG Animation Engine",
    "developerName": "DESIGN:OS",
    "shortDescription": "Deterministic vector motion engine, virtual-clock studio player, and 1080p 60fps MP4/WebM launch-video compiler for AI agents.",
    "longDescription": "Author frame-exact UI walkthroughs, decoupled camera/pointer choreography, and 2:1 axonometric vector animations governed by a 10-gate Anti-Flop verification suite.",
    "category": "Developer Tools",
    "capabilities": [
      "Read",
      "Write"
    ],
    "websiteURL": "https://jangtrinh.github.io/design-os-svg-animation/",
    "privacyPolicyURL": "https://github.com/jangtrinh/design-os-svg-animation/blob/main/PRIVACY.md",
    "defaultPrompt": [
      "Create a 60fps SaaS product launch walkthrough with decoupled camera punch-ins, concentric cursor click ripples, and StudioPlayer controls.",
      "Compile our SVG motion timeline into a self-contained HTML deliverable and run the 10-gate anti-flop verification audit.",
      "Verify that all cursor click hotspots align within <= 1.0px of target interactive bounds across 16:9 and 9:16 safe zones."
    ],
    "brandColor": "#202020",
    "composerIcon": "./docs/images/composer-icon.svg",
    "logo": "./docs/images/cover.png"
  },
  "holManifestOrigin": "repository",
  "registryIndexVersion": 9
}

Marketplace source

Repo URL
https://github.com/jangtrinh/design-os-svg-animation
Marketplace path
.claude-plugin/marketplace.json
Source path
plugins/jangtrinh/design-os-svg-animation
Install policy
AVAILABLE

Skills

4 SKILL.md files ship with this plugin. Preview, copy, or download each one, then install them with the Skills CLI.

Share
skills-cli
  • es-tutorial-video

    skills/es-tutorial-video/SKILL.md

    Use when turning a finished DESIGN:OS build folder into an A-to-Z tutorial video (16:9 + 9:16, evidence on screen, optional voice): storyboard, kit render, validate, look, owner gates.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

  • line-art-motion

    skills/line-art-motion/SKILL.md

    Turn one reference drawing (line art, logo, sketch) into a faithful, animated, interactive SVG page with video exports: centerline trace, part map, occlusion silhouette, deterministic physics-driven motion, hover layer, proofs, Pages publish.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

  • motion-video-recreation

    skills/motion-video-recreation/SKILL.md

    Recreate reference motion videos through HyperFrames v2, Motion IR, deterministic export, and source-to-output visual review.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

  • product-designer

    skills/product-designer/SKILL.md

    EaseUI & Linear/Stripe-caliber Product Designer & Design Architect. MUST be called whenever creating or refining animations, UI elements, video layouts, and motion mockups in this repo. Enforces multi-layer tactile depth, Gestalt layout, typography scale, 1px subtle borders, authentic SVGL logos, and zero-flop verification.

    SKILL.md content is not in this snapshot. Open the raw file to copy it from the source repository.

File inventory

.agents/plugins/marketplace.json

file

401 bytes

7532c702ffc43f74…

.claude-plugin/marketplace.json

file

346 bytes

aff896b07a5e816c…

.claude-plugin/plugin.json

file

629 bytes

f6a0cf5b16d96996…

.codex-plugin/plugin.json

plugin-manifest

1,777 bytes

7cb88c80ab96a0ad…

AGENTS.md

file

2,976 bytes

8a66e7f9f3d7f6cb…

CLAUDE.md

file

1,227 bytes

3818d1a02ec642d7…

commands/doctor.md

file

1,298 bytes

7b3971faa4273137…

docs/images/composer-icon.svg

file

437 bytes

307d0197ae50247a…

docs/images/cover.png

file

234,632 bytes

40605ed41ab336bf…

LICENSE

file

7,772 bytes

084817c9b72617f1…

package-lock.json

file

73,390 bytes

5da4731aa35a34be…

package.json

file

2,272 bytes

1904c7fea19e0e4e…

prompts/doctor.md

file

1,298 bytes

7b3971faa4273137…

README.md

file

20,410 bytes

5230bc49610a1bfe…

SECURITY.md

file

630 bytes

a729349ae73a43b8…

skills/es-tutorial-video/ATTRIBUTION.md

skill

1,401 bytes

50ec10a7c8916813…

skills/es-tutorial-video/build.mjs

skill

6,502 bytes

2d87039ac6a949d9…

skills/es-tutorial-video/concepts.md

skill

3,053 bytes

566f5d67f9f7d383…

skills/es-tutorial-video/contract.json

skill

5,963 bytes

a8561afbaaf27eb2…

skills/es-tutorial-video/examples/ck-001.json

skill

203 bytes

eb2a71fdfbc631e8…

skills/es-tutorial-video/examples/dc-01.json

skill

165 bytes

8c01faf0d1c12ccb…

skills/es-tutorial-video/kit-path.mjs

skill

989 bytes

ec79639394ac1fe3…

skills/es-tutorial-video/look.md

skill

2,209 bytes

65d31492e129f2bd…

skills/es-tutorial-video/look.mjs

skill

8,488 bytes

5e1ad5c728f1324f…

skills/es-tutorial-video/rules.md

skill

7,273 bytes

be18539246ce1d21…

skills/es-tutorial-video/SKILL.md

skill

6,093 bytes

d046ad899880c4f9…

skills/es-tutorial-video/validate.mjs

skill

10,183 bytes

4c31c68a441ae3ff…

skills/line-art-motion/SKILL.md

skill

2,405 bytes

7eae95ad26d8f838…

skills/motion-video-recreation/SKILL.md

skill

3,493 bytes

96c22041869e153c…

skills/product-designer/SKILL.md

skill

5,718 bytes

38ac2d7764799e2a…

tsconfig.json

file

410 bytes

2f1df48cff6fc2ff…

DESIGN:OS SVG Animation Engine — Frequently asked questions

What is DESIGN:OS SVG Animation Engine?
DESIGN:OS SVG Animation Engine is an AI plugin in the HOL registry. Free, source-available (PolyForm Shield) deterministic vector motion engine with a virtual-clock player and a 1080p 60fps MP4/WebM compiler for frame-exact product walkthroughs.
How do I install DESIGN:OS SVG Animation Engine?
Install DESIGN:OS SVG Animation Engine in your harness: Codex — codex plugin marketplace add jangtrinh/design-os-svg-animation; Claude Code — /plugin marketplace add jangtrinh/design-os-svg-animation. Full step-by-step guidance is on the HOL plugin page.
How do I install DESIGN:OS SVG Animation Engine in HOL Guard?
To install DESIGN:OS SVG Animation Engine in HOL Guard, start with hol-guard plugin install design-os/design-os-svg-animation --apply. The complete step-by-step install guide for HOL Guard is on the HOL plugin page.
How do I install DESIGN:OS SVG Animation Engine in Codex?
To install DESIGN:OS SVG Animation Engine in Codex, start with codex plugin marketplace add jangtrinh/design-os-svg-animation. The complete step-by-step install guide for Codex is on the HOL plugin page.
How do I install DESIGN:OS SVG Animation Engine in Claude Code?
To install DESIGN:OS SVG Animation Engine in Claude Code, start with /plugin marketplace add jangtrinh/design-os-svg-animation. The complete step-by-step install guide for Claude Code is on the HOL plugin page.
How is the Trust Score for DESIGN:OS SVG Animation Engine computed?
DESIGN:OS SVG Animation Engine has a HOL Trust Score of 79 out of 100. The score is a weighted sum of six components from a static scan of the source, capped for high-severity findings and adjusted by two disclosed policies. Memberships and payments are not inputs, and a scan is not a safety guarantee. Full breakdown: https://hol.org/registry/plugins/design-os%2Fdesign-os-svg-animation/trust
Who publishes DESIGN:OS SVG Animation Engine?
DESIGN:OS SVG Animation Engine is published by DESIGN:OS and listed on HOL.

Directory acceptance

Listed in 1 of 5 directory lists

Read from the list each directory publishes on GitHub. Being listed means the directory accepted the plugin; it is not a HOL security rating.

Lists last read . HOL re-reads them every day.

Submitting it? Check it against each directory's rules

Install signal

HOL cannot see every install. These are separate signals from different sources, so they are not added together. Counts under each floor show as <N.

Install commands issued here
<5
HOL Guard install commands issued from this listing, last 28 days.
Opt-in install reports
<10
Machines that reported installing it through HOL Guard in week 2026-W44. Reporting is opt-in, so most installs are not counted.
HOL Guard workspaces
<5
Workspaces that approved it or include it in an approved-plugin feed, as of today.

Reviews and similar plugins