shuffle-text
shuffle-text 是一个无依赖的文字洗牌动效：字母先随机跳动，再归位成目标单词，适合短标签的轻量趣味揭示。最终文本即真实内容，支持减少动态效果，悬停可重播。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-08 00:04
设计与创作
22,394 个结果
side-rays
side-rays 是一个基于 GPU 片段着色器的背景效果，使用无依赖的 WebGL 渲染，适合用作营销级主视觉背景。每个视图只用一个，并建议在文字后方加遮罩层。
silk
silk 是一个基于 WebGL 的 GPU 片段着色器背景效果，无需外部依赖，可作为营销级首屏背景使用。每个视图建议仅用一次，需在文字后方添加遮罩层以保证可读性。
soft-aurora
soft-aurora 是一个基于 GPU 片元着色器的 WebGL 背景效果，无需依赖库，适合用作营销级首屏视觉背景。每个视图仅使用一次，文字下方需加遮罩层。
splash-cursor
splash-cursor 是一个流体模拟光标效果组件：指针移动时会在画面上溅出旋转、发光的染料，基于多遍 WebGL 流体模拟实现，适合用作营销级主视觉背景。每个视图仅使用一个。
star-border
star-border 是一种纯 CSS 的按钮描边动效：柔和光点沿药丸形或按钮边框缓慢旋转，适合单个主要行动按钮（CTA）。无依赖，兼容 reduced-motion，可通过变量调整颜色、宽度和时长。
strands
strands 是 nexu-io/motion-anything 中的一种 GPU 片元着色器背景，使用无依赖的 WebGL 渲染，适合作为营销级 hero 背景。每个视图仅使用一个，并在文字后方放置遮罩。可渲染静态效果。
tab-bar-slide
一个底部标签栏微交互：激活的胶囊指示器在标签之间滑动，带有原生应用般的反馈效果，并遵循 prefers-reduced-motion。属于 motion-anything 项目，遵守 MOTION-SPEC.md。
text-scramble
一个从随机字符动画解码出短标题的文本效果，属于 motion-anything 系列，依赖极简、无第三方依赖，适配 prefers-reduced-motion，最终文本即真实可访问内容。
tilt-3d
tilt-3d 是 motion-anything 中的一项交互效果：让卡片或封面图随指针产生约 10° 以内的 3D 倾斜并带柔和反光，基于 vanilla-tilt 思路无依赖实现。适合少量 hero 卡片，不适合密集网格或文字密集卡片。
toast-pop
toast-pop 是动效集合 motion-anything 中的一个 App-UI 微交互：提示条从底部滑入、短暂停留后淡出，可用于移动端组件的状态反馈，并遵循 prefers-reduced-motion。
waves
waves 是 nexu-io/motion-anything 中的一种视觉背景效果，通过 Perlin 噪声扭曲的线条场并带有指针尾迹，形成有机流动线条，适合作为营销级主视觉背景。
xyz-fade-left
AnimXYZ 的声明式入场效果 Fade Left，通过 xyz="fade left-3" 属性组合淡入与左移，无需编写关键帧，MIT 许可。
xyz-fade-small
基于 AnimXYZ 的声明式入场效果 Fade Small，通过在元素上设置 xyz="fade small-50%" 组合淡入与缩放，无需编写关键帧。核心 CSS 约 100KB，适合少量元素使用，遵循 MIT 许可。
xyz-fade-up
AnimXYZ 的声明式入场效果 Fade Up：通过元素上的 xyz="fade up-3" 组合淡入与上移，无需编写关键帧。属于 motion-anything 项目，MIT 许可，遵循 prefers-reduced-motion。
xyz-flip-up
AnimXYZ 提供的可组合入场动效 Flip Up，通过 xyz="fade flip-up-90" 属性声明式混用淡入、位移、缩放与旋转，无需编写关键帧，MIT 许可。
xyz-rotate
AnimXYZ 的声明式入场动画技能：通过 xyz="fade rotate-right-45" 属性组合淡入、位移、缩放与旋转，无需编写 keyframes。基于 MIT 许可的 AnimXYZ 核心，属于 motion-anything。
libtv-video
libtv-video 是 nexu-io/nexu 提供的 LibTV 图像与视频生成技能，基于 Seedance 2.0，支持文生图、图生图、文生视频、图生视频等流程，可通过 Nexu 托管或用户自有 LibTV 密钥调用，并能将结果自动投递到飞书会话。
cinematic-landing-page
用于生成高端、GSAP 驱动的 B2B 电影感单页落地页的技能，以滚动驱动的全屏视频滑块 Hero 与 clip-path 椭圆转场为核心，附带可直接复用的 example.html 参考实现。
fs-editorial-forest
Editorial Forest（林间编辑部）是一套安静、考究的编辑风演示文稿主题，采用深森林绿、灰粉与暖奶油纸色搭配 Source Serif 4 字体，适合季度回顾、内部汇报、工作室更新与研究总结等需要温暖从容氛围的内容，不适合强调紧迫感或销售导向的场景。
hps-retro-tv
复古显像管（Retro TV）主题的锁版演示文稿插件，源自 MIT 许可的 lewislulu/html-ppt-skill，以单个自包含 seed（example.html）交付，内含水彩米色画布、扫描线、广播装饰、幻灯片骨架与键盘运行时。
huashu-keynote-black
一个单文件黑底大数字发布会式幻灯片插件，固定1920×1080舞台与键盘/哈希导航，从头到尾保持纯黑背景，仅允许一个强调色与巨型数字、单句宣言、对比条等统一视觉语法。
huashu-pentagram-grid
huashu-pentagram-grid 是 OpenDesign 定位与信息传达系统中的一个技能，用于生成单文件、瑞士网格风格的数据演示文稿（deck）。它以 HTML 为工作媒介，将每一页视为经过精确测量的网格，每个数字都有坐标，红色只出现在视觉焦点处。该技能基于花叔（alchaincyf）huashu-design 的 ppt-pentagram 展示改编（MIT 许可），将原本的单页数据页扩展为完整的多章节 deck，同时保留其视觉基因。核心规范锁定在 example.html 中：1920×1080 固定画布、fit() 缩放、键盘与哈希路由导航、一套设计令牌（红/黑/白三色）、标志性视觉装置（64px 黑色装饰条、网格细线、巨型数字锚点、红/黑/灰条形图、摘要条、红色描边徽章）以及多种布局枚举（封面、目录、大数字、数据剧场、分隔页、双栏对比、时间线、引言、统计网格、结尾）。该技能强调真实内容、红色预算控制、无外部依赖、无 emoji/图标字体/渐变/阴影/圆角，并要求在交付前自检。
huashu-sparkline-arc
huashu-sparkline-arc 是 OpenDesign 中的叙事波形（Narrative Sparkline）设计技能，用于生成单文件、Duarte 风格的 HTML 演示文稿。每页围绕一条在「现状」与「可能」之间摆动的波形展开，橙色仅用于故事转折点。