How do I install the Fx Starfield skill?

Run npx skillmds@latest add xpert-ai/fx-starfield in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Fx Starfield safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Fx Starfield?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Fx Starfield free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Fx Starfield?

xpert-ai (@xpert-ai) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Fx Starfield

Name: Fx Starfield
Author: xpert-ai

A slow drifting starfield — a calm cosmic backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

xpert-ai 8517c2f 5 files · 6.4 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add xpert-ai/fx-starfield

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/xpert-ai/fx-starfield.svg)](https://skillmd.com/skills/xpert-ai/fx-starfield)

Trust & safety

Audits pending

Not yet audited · commit 8517c2f

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Starfield

A slow drifting starfield — a calm cosmic backdrop. From Open Design's html-ppt fx pack (Apache-2.0). Part of motion-anything; obeys MOTION-SPEC.md.

When to use it

Title cards, section breaks, or hero moments in slides / launch videos.

When NOT to use it (restraint)

Web body content or anything needing focused reading. Never more than one bold effect at once.

How to apply

Copy starfield.js and _util.js and link them.
Add data-fx="starfield" to a positioned container; call HPX['starfield'](el) (guard prefers-reduced-motion).

Accessibility & performance

Guard with prefers-reduced-motion (don't start). Canvas-based; isolated compositing layer.

xpert-ai/xpert-plugins/tree/main/xpertai/apps/motion/assets/upstream/recipes/slides/fx-starfield commit 8517c2f66f

Frequently asked questions

npx skillmds@latest add xpert-ai/fx-starfield