<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 today

by ibelick

ui-skills

Skills for Design Engineers

  • Active — Updated in the last 14 days

9.8k GitHub stars (9,776)

+634 in 20 days

Stars gained per day · daily snapshots since Sep 26
Stars gained per day, Sep 26 to Oct 16: +634 in total; the busiest day was Oct 14 with +64 stars.Sep 27–28 (2 days): +35 stars (about +18/day)Sep 29: +36 starsSep 30: +60 starsOct 1: +6 starsOct 2: +30 starsOct 3: +27 starsOct 4: +26 starsOct 5: +28 starsOct 6: +22 starsOct 7: +23 starsOct 8: +32 starsOct 9: +49 starsOct 10: +41 starsOct 11: +33 starsOct 12: +23 starsOct 13: +29 starsOct 14: +64 starsOct 15: +36 starsOct 16: +34 stars
Stars gained between daily snapshots
PeriodNew stars
Sep 27–28 (2 days)+35
Sep 29+36
Sep 30+60
Oct 1+6
Oct 2+30
Oct 3+27
Oct 4+26
Oct 5+28
Oct 6+22
Oct 7+23
Oct 8+32
Oct 9+49
Oct 10+41
Oct 11+33
Oct 12+23
Oct 13+29
Oct 14+64
Oct 15+36
Oct 16+34
  • 7 skills (7 skills found in its SKILL.md files)
  • 456 forks (456 forks)
  • Today last update (Last updated today)

Install

Skills CLI

npx skills add ibelick/ui-skills

Asks which skills and agents to install. Just one: npx skills add ibelick/ui-skills --skill baseline-ui — add -g for every project.

Claude Code

git clone https://github.com/ibelick/ui-skillscp -r "ui-skills/skills/baseline-ui" ~/.claude/skills/

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

Plugin

/plugin marketplace add ibelick/ui-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.

  • baseline-ui

    Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

    skills/baseline-ui/SKILL.md on GitHub (opens in a new tab)
  • create-design-md

    Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote accidental implementation patterns into design decisions.

    skills/create-design-md/SKILL.md on GitHub (opens in a new tab)
  • fixing-accessibility

    Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

    skills/fixing-accessibility/SKILL.md on GitHub (opens in a new tab)
  • fixing-metadata

    Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.

    skills/fixing-metadata/SKILL.md on GitHub (opens in a new tab)
  • fixing-motion-performance

    Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

    skills/fixing-motion-performance/SKILL.md on GitHub (opens in a new tab)
  • improve-ui

    Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.

    skills/improve-ui/SKILL.md on GitHub (opens in a new tab)
  • ui-skills-root

    Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.

    skills/ui-skills-root/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.