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

by 21st-dev

skill

21st.dev agent skill: search, install and publish React/shadcn components, themes and templates from the terminal. Install with: npx skills add 21st-dev/skill

View on GitHub (opens in a new tab)

20 GitHub stars (20)

+9 in 17 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Oct 17: +9 in total; the busiest day was Oct 13 with +5 stars.Oct 1: 0 starsOct 2: 0 starsOct 3: 0 starsOct 4: +1 starsOct 5: 0 starsOct 6: 0 starsOct 7: 0 starsOct 8: 0 starsOct 9: 0 starsOct 10: 0 starsOct 11: +1 starsOct 12: 0 starsOct 13: +5 starsOct 14: 0 starsOct 15: +1 starsOct 16: 0 starsOct 17: +1 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 10
Oct 20
Oct 30
Oct 4+1
Oct 50
Oct 60
Oct 70
Oct 80
Oct 90
Oct 100
Oct 11+1
Oct 120
Oct 13+5
Oct 140
Oct 15+1
Oct 160
Oct 17+1
  • 7 skills (7 skills found in its SKILL.md files)
  • 7 forks (7 forks)
  • 1mo ago last update (Last updated 1mo ago)

Install

Skills CLI

npx skills add 21st-dev/skill

Asks which skills and agents to install. Just one: npx skills add 21st-dev/skill --skill 21st-ai — add -g for every project.

Claude Code

git clone https://github.com/21st-dev/skillcp -r "skill/skills/21st-ai" ~/.claude/skills/

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

Plugin

/plugin marketplace add 21st-dev/skill

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.

  • 21st-ai

    Generate and iterate on UI with 21st AI from the terminal via the `21st` CLI (`@21st-dev/cli`): sketch a UI from a prompt, preview the variants in the browser, edit any variant in place with a natural-language change, and pull the final code into the project. Use whenever the user wants to BUILD / SKETCH new UI ("sketch a pricing page", "generate a hero with 21st", "make me a <X> section"), ITERA…

    skills/21st-ai/SKILL.md on GitHub (opens in a new tab)

  • 21st-cli-use

    Search, install and pull code from the 21st.dev catalog with the `21st` CLI (`@21st-dev/cli`): find React/shadcn components, themes and templates, print a component's code or a theme's CSS, install an item into the project, or generate a new component with 21st AI. Use whenever the user says "search/find a component/theme on 21st", "install our team's Button", "add @user/slug", "pull that compone…

    skills/21st-cli-use/SKILL.md on GitHub (opens in a new tab)

  • 21st-design-sync

    Look at the current project's design (its shadcn / Tailwind CSS variables and color tokens) and publish it to the 21st.dev community as a shareable theme, using `21st publish-theme`. Use when the user says "publish my theme", "share our design as a 21st theme", "sync my design to 21st", "turn my globals.css into a theme", "залей наш дизайн темой", "опубликуй тему". This is the 21st equivalent of…

    skills/21st-design-sync/SKILL.md on GitHub (opens in a new tab)

  • 21st-registry

    Publish your own work to 21st.dev and manage it from the terminal with the `21st` CLI (`@21st-dev/cli`): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page (bento board). Triggers when the user says "publish/share/upload this to 21…

    skills/21st-registry/SKILL.md on GitHub (opens in a new tab)

  • 21st-ui-build

    Build or substantially change production UI using the current project's design context, existing components, and grounded 21st inspiration. Use when implementing a page, section, component, responsive redesign, or visual polish in an existing web project. Trigger for requests such as "build this UI", "implement this screen", "make this page production-ready", or "use 21st to create the interface"…

    skills/21st-ui-build/SKILL.md on GitHub (opens in a new tab)

  • 21st-ui-explore

    Explore and compare multiple meaningfully different UI directions grounded in the current project's design system and 21st inspiration. Use when the user wants options, variants, concepts, a redesign direction, visual experimentation, or is unsure how a new interface should look. Trigger for requests such as "show me three directions", "explore alternatives", "what could this page look like", or…

    skills/21st-ui-explore/SKILL.md on GitHub (opens in a new tab)

  • 21st-ui-review

    Review existing UI against the project's design context, accessibility expectations, responsive behavior, interaction quality, and high-confidence production rules. Use for UI audits, design QA, frontend review, accessibility review, consistency checks, or requests to find and safely fix visual defects. Trigger for requests such as "review this UI", "audit this page", "find design issues", "check…

    skills/21st-ui-review/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.