<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs
Devsly

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 5d ago

by domedad

frontend-animation-patterns

Agent Skill for frontend UI styles, interaction states, and motion — 617 reference entries across 9 sources

  • New — Created in the last 30 days
  • Active — Updated in the last 14 days
View on GitHub (opens in a new tab)

15 GitHub stars (15)

+15 in 5 days

Stars gained per day · daily snapshots since Oct 15
Stars gained per day, Oct 15 to Oct 17: +4 in total; the busiest day was Oct 16 with +3 stars.Oct 16: +3 starsOct 17: +1 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 16+3
Oct 17+1
  • 1 skill (1 skills found in its SKILL.md files)
  • 4 forks (4 forks)
  • 5d ago last update (Last updated 5d ago)

Install

Skills CLI

npx skills add domedad/frontend-animation-patterns

Asks which agents to install it for. Add -g to install it for every project.

Claude Code

git clone https://github.com/domedad/frontend-animation-patternscp -r "frontend-animation-patterns/skills/frontend-animation-patterns" ~/.claude/skills/

Copies the frontend-animation-patterns skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).

Plugin

/plugin marketplace add domedad/frontend-animation-patterns

Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.

Skills can run code on your machine — read the SKILL.md first.

What it does

In the author's own words, from each skill's SKILL.md.

  • frontend-animation-patterns

    Select, design, implement, audit, or refine frontend element styling, component appearance, interaction states, and motion using a maintained UI catalog. Use when a user asks how buttons, cards, inputs, progress bars, headings, typography, navigation, dialogs, forms, AI agent interfaces, or page sections should look or behave; requests AI chat/tool surfaces, streaming answers, thinking and tool-c…

    skills/frontend-animation-patterns/SKILL.md on GitHub (opens in a new tab)

Review before you install

A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.