xpert-ai shiny-text
A highlight that sweeps across muted text. Dependency-free, reduced-motion safe.
How to apply
Copy shiny-text.css; wrap the label: <span class="shiny">Pro</span>. Tune --shiny-base / --shiny-hi.
Shiny Text
A soft highlight sweeps across muted text — a quiet premium shimmer for one short label ("new", "pro", a CTA word). Keep the base text readable; one or two per view. Pure CSS; solid under reduced-motion.
Shiny Text by xpert-ai · 1e3db11
npx skillmds@latest add xpert-ai/shiny-text File contents
---name: shiny-textdescription: A soft highlight sweeps across muted text — a quiet premium shimmer for one short label ("new", "pro", a CTA word). Keep the base text readable; one or two per view. Pure CSS; solid under reduced-motion.---# shiny-textA highlight that sweeps across muted text. Dependency-free, reduced-motion safe.## How to applyCopy `shiny-text.css`; wrap the label: `<span class="shiny">Pro</span>`. Tune `--shiny-base` / `--shiny-hi`.
xpert-ai/xpert-plugins/tree/main/xpertai/apps/motion/assets/upstream/recipes/web/shiny-text commit 1e3db11362
Frequently asked questions
Run npx skillmds@latest add xpert-ai/shiny-text 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.
A soft highlight sweeps across muted text — a quiet premium shimmer for one short label ("new", "pro", a CTA word). Keep the base text readable; one or two per view. Pure CSS; solid under reduced-motion. It is listed under Web & Frontend on SkillMD.
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.
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.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
xpert-ai (@xpert-ai) published this skill. Their other Agent Skills are listed on their SkillMD profile.