animation-on-scroll
Create on-scroll animation triggers using IntersectionObserver with Tailwind-friendly animation classes and keyframes.
Skill by bidewio
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/bidewio-animation-on-scroll
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/animation-on-scroll
What's inside
- Skill name
animation-on-scroll- Description
- Create on-scroll animation triggers using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use for scroll-reveal, animate-on-scroll, or sequencing element animations when entering the viewport.
- License
- NOASSERTION
- Instructions
- 60 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from bidewio/better-openclaw
- 0.502score
css-border-gradient
bidewio
Create CSS gradient borders using the pseudo-element mask technique (mask-composite), including Tailwind-friendly usage and customization of angle, colors…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
browser-learn
bidewio
A specialized skill workflow instructing you to use Serper (for discovery) and any configured Browser Automation provider (Hyperbrowser, Browseruse…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
copywriting
bidewio
Write high-converting marketing copy for web pages — headlines, CTAs, benefit-focused copy, page structures, tone guidelines, and A/B testing strategies.
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
css-alpha-masking
bidewio
Apply CSS alpha masking with linear-gradient for horizontal or vertical edge fades using mask-image and -webkit-mask-image.
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
cobejs-globe
bidewio
Implement a lightweight interactive WebGL globe with cobe.js — responsive canvas setup, markers, rotation, onRender callbacks, and React/Next.js integration…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
canvas-design
bidewio
Create original visual design philosophies and express them as meticulously crafted, museum-quality PNG or PDF art with minimal text — generative art, data…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
animejs-animate
bidewio
Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations — timelines, SVG animations, scroll effects, draggable interactions, and stagger…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
aura-asset-images
bidewio
Source Unsplash-style images via Aura's asset library plus curated picks for avatars, portraits, backgrounds, and wallpapers with correct sizes, aspect…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
browserless-browse
bidewio
Capture screenshots, scrape web content, and generate PDFs using the headless Chrome instance at {{BROWSERLESS_HOST}}:{{BROWSERLESS_PORT}}.
SkillDFreshness: D★ 58Claude Code +9 - 0.499score
chromadb-embeddings
bidewio
Store and query vector embeddings using ChromaDB at {{CHROMADB_HOST}}:{{CHROMADB_PORT}}.
SkillDFreshness: D★ 58Claude Code +9 - 0.499score
archive-compress
bidewio
Create and extract archives (tar, zip, gzip) in the shared volume at {{SHARED_VOLUME}}.
SkillDFreshness: D★ 58Claude Code +9 - 0.499score
anythingllm-workspace
bidewio
Manage document workspaces and chat with documents using AnythingLLM at {{ANYTHINGLLM_HOST}}:{{ANYTHINGLLM_PORT}}.
SkillDFreshness: D★ 58Claude Code +9
Signals
- Stars
- 58
- Forks
- 6
- Open issues
- 1
- Last commit (this folder)
- Feb 23, 2026 (8 months ago)
- Last release
- Mar 17, 2026 (7 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- NOASSERTION
- Repository
- github.com/bidewio/better-openclaw
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from bidewio
- 0.502score
browserless-browse
bidewio
Capture screenshots, scrape web content, and generate PDFs using the headless Chrome instance at {{BROWSERLESS_HOST}}:{{BROWSERLESS_PORT}}.
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
canvas-design
bidewio
Create original visual design philosophies and express them as meticulously crafted, museum-quality PNG or PDF art with minimal text — generative art, data…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
aura-asset-images
bidewio
Source Unsplash-style images via Aura's asset library plus curated picks for avatars, portraits, backgrounds, and wallpapers with correct sizes, aspect…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
browser-learn
bidewio
A specialized skill workflow instructing you to use Serper (for discovery) and any configured Browser Automation provider (Hyperbrowser, Browseruse…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
animejs-animate
bidewio
Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations — timelines, SVG animations, scroll effects, draggable interactions, and stagger…
SkillDFreshness: D★ 58Claude Code +9 - 0.502score
cobejs-globe
bidewio
Implement a lightweight interactive WebGL globe with cobe.js — responsive canvas setup, markers, rotation, onRender callbacks, and React/Next.js integration…
SkillDFreshness: D★ 58Claude Code +9
Cite this page
animation-on-scroll skill. Agent Mart. https://agentmart.dev/skills/bidewio-animation-on-scroll (last updated 2026-10-24)