Agent Skills
› nexu-io/motion-anything
› glitch-text
glitch-text
GitHub生成带有RGB分离故障效果的CSS标题动画，无需依赖且兼容无障碍设置。
Trigger Scenarios
需要科技感或故障风格的标题展示
实现纯CSS的视觉特效
Install
npx skills add nexu-io/motion-anything --skill glitch-text -g -y
SKILL.md
Frontmatter
{
"od": {
"mode": "prototype",
"preview": {
"type": "html"
},
"surface": "web",
"category": "animation-motion",
"platform": "desktop",
"design_system": {
"requires": false
}
},
"name": "glitch-text",
"triggers": [
"glitch text",
"cyberpunk headline",
"故障文字",
"抖动标题"
],
"description": "An RGB-split glitch flickers across a headline — a techy, edgy reveal. One short line; techy tones only. Pure CSS; steady under prefers-reduced-motion.\n"
}
glitch-text
A headline with an RGB-split glitch. Dependency-free, reduced-motion safe.
How to apply
Copy glitch-text.css; <h1 class="glitch" data-text="HELLO">HELLO</h1> (data-text must match the text).
Version History
- b016900 Current 2026-07-11 17:08
