<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

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 1d ago

by emilkowalski

skills

Skills for Designers and Engineers.

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

53.9k GitHub stars (53,862)

+9.9k in 30 days

Stars gained per day · daily snapshots since Sep 26
Stars gained per day, Sep 26 to Nov 6: +12,598 in total; the busiest day was Sep 30 with +709 stars.Sep 27–28 (2 days): +228 stars (about +114/day)Sep 29: +175 starsSep 30: +709 starsOct 1–2 (2 days): +332 stars (about +166/day)Oct 3: +155 starsOct 4: +142 starsOct 5: +347 starsOct 6: +332 starsOct 7: +252 starsOct 8: +193 starsOct 9: +296 starsOct 10: +355 starsOct 11: +279 starsOct 12: +339 starsOct 13: +333 starsOct 14: +260 starsOct 15: +281 starsOct 16: +235 starsOct 17: +446 starsOct 18–19 (2 days): +438 stars (about +219/day)Oct 20: +300 starsOct 21: +544 starsOct 22–23 (2 days): +516 stars (about +258/day)Oct 24: +330 starsOct 25: +306 starsOct 26: +248 starsOct 27: +504 starsOct 28: +590 starsOct 29: +380 starsOct 30: +647 starsOct 31 – Nov 1 (2 days): +693 stars (about +347/day)Nov 2: +280 starsNov 3: +313 starsNov 4: +248 starsNov 5: +280 starsNov 6: +292 stars
Stars gained between daily snapshots
PeriodNew stars
Sep 27–28 (2 days)+228
Sep 29+175
Sep 30+709
Oct 1–2 (2 days)+332
Oct 3+155
Oct 4+142
Oct 5+347
Oct 6+332
Oct 7+252
Oct 8+193
Oct 9+296
Oct 10+355
Oct 11+279
Oct 12+339
Oct 13+333
Oct 14+260
Oct 15+281
Oct 16+235
Oct 17+446
Oct 18–19 (2 days)+438
Oct 20+300
Oct 21+544
Oct 22–23 (2 days)+516
Oct 24+330
Oct 25+306
Oct 26+248
Oct 27+504
Oct 28+590
Oct 29+380
Oct 30+647
Oct 31 – Nov 1 (2 days)+693
Nov 2+280
Nov 3+313
Nov 4+248
Nov 5+280
Nov 6+292
  • 15 skills (15 skills found in its SKILL.md files)
  • 3.1k forks (3,137 forks)
  • 1d ago last update (Last updated 1d ago)

Install

Skills CLI

npx skills add emilkowalski/skills

Asks which skills and agents to install. Just one: npx skills add emilkowalski/skills --skill animate-expo — add -g for every project.

Claude Code

git clone https://github.com/emilkowalski/skillscp -r "skills/skills/animate-expo" ~/.claude/skills/

Copies the animate-expo skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add emilkowalski/skills

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.

  • animate-expo

    Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheet…

    skills/animate-expo/SKILL.md on GitHub (opens in a new tab)
  • animate

    Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use…

    skills/animate/SKILL.md on GitHub (opens in a new tab)
  • animation-performance

    Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops frames. Covers the layout/paint/composite pipeline, cheaper property swaps, CSS vs WAAPI vs requestAnimationFrame, Framer Motion's hardware-accelerated path, React re-rendering per frame, inherited CSS variable recalcula…

    skills/animation-performance/SKILL.md on GitHub (opens in a new tab)
  • animation-vocabulary

    Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not d…

    skills/animation-vocabulary/SKILL.md on GitHub (opens in a new tab)
  • apple-design

    Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behi…

    skills/apple-design/SKILL.md on GitHub (opens in a new tab)
  • ask-sonner

    Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it — toasts that don't appear, appear twice, lose their styles, ignore Tailwind classes, sit behind a modal, or…

    skills/ask-sonner/SKILL.md on GitHub (opens in a new tab)
  • break-ui

    Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a "Demo data / Worst case" toggle and report everything that broke, with the fix for each. Use when the user asks to stress-test, break, or find edge cases in a component or…

    skills/break-ui/SKILL.md on GitHub (opens in a new tab)
  • emil-design-eng

    This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

    skills/emil-design-eng/SKILL.md on GitHub (opens in a new tab)
  • find-animation-opportunities

    Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.

    skills/find-animation-opportunities/SKILL.md on GitHub (opens in a new tab)
  • improve-animations

    Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animat…

    skills/improve-animations/SKILL.md on GitHub (opens in a new tab)
  • mobile-native

    Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched stat…

    skills/mobile-native/SKILL.md on GitHub (opens in a new tab)
  • pick-ui-library

    Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.

    skills/pick-ui-library/SKILL.md on GitHub (opens in a new tab)
  • prototype

    Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.

    skills/prototype/SKILL.md on GitHub (opens in a new tab)
  • review-animations

    Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

    skills/review-animations/SKILL.md on GitHub (opens in a new tab)
  • write-swift

    How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency…

    skills/write-swift/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.