Agent Skills
› nexu-io/motion-anything
› decrypted-text
decrypted-text
GitHub实现文本从乱码到真实内容的解码动画效果。依赖-free，支持悬停触发，兼容无障碍模式（prefers-reduced-motion），适用于短标签的科技感展示。
Trigger Scenarios
需要为短文本添加科技感解码动画时
希望在不干扰无障碍用户的前提下提供视觉特效时
Install
npx skills add nexu-io/motion-anything --skill decrypted-text -g -y
SKILL.md
Frontmatter
{
"od": {
"mode": "prototype",
"preview": {
"type": "html"
},
"surface": "web",
"category": "animation-motion",
"platform": "desktop",
"upstream": "https:\/\/reactbits.dev\/text-animations\/decrypted-text",
"design_system": {
"requires": false
}
},
"name": "decrypted-text",
"triggers": [
"decrypted text",
"decode on hover",
"解密文字",
"悬停解码"
],
"description": "Scrambled characters resolve into the real text on hover or view — a techy decode for a short label.\nThe resolved text is the real, accessible content; under prefers-reduced-motion it shows instantly.\n"
}
decrypted-text
Text that decodes from scrambled glyphs. Dependency-free, reduced-motion safe.
How to apply
Copy decrypted-text.js; <span class="decrypt" data-text="ACCESS GRANTED">ACCESS GRANTED</span>. Re-runs on hover.
Version History
- b016900 Current 2026-07-11 17:07
