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

by xiaopu-ai

web-design

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

Works with
  • Claude
View on GitHub (opens in a new tab)

788 GitHub stars (788)

+9 in 20 days

Stars gained per day · daily snapshots since Sep 26
Stars gained per day, Sep 26 to Oct 16: +9 in total; the busiest day was Oct 7 with +4 stars.Sep 27: 0 starsSep 28: 0 starsSep 29: 0 starsSep 30: −1 starsOct 1: 0 starsOct 2: +1 starsOct 3: −2 starsOct 4: 0 starsOct 5: +1 starsOct 6: +1 starsOct 7: +4 starsOct 8: 0 starsOct 9: 0 starsOct 10: 0 starsOct 11: +1 starsOct 12: 0 starsOct 13: +1 starsOct 14: 0 starsOct 15: +2 starsOct 16: +1 stars
Stars gained between daily snapshots
PeriodNew stars
Sep 270
Sep 280
Sep 290
Sep 30−1
Oct 10
Oct 2+1
Oct 3−2
Oct 40
Oct 5+1
Oct 6+1
Oct 7+4
Oct 80
Oct 90
Oct 100
Oct 11+1
Oct 120
Oct 13+1
Oct 140
Oct 15+2
Oct 16+1
  • 1 skill (1 skills found in its SKILL.md files)
  • 80 forks (80 forks)
  • 3mo ago last update (Last updated 3mo ago)

Install

Skills CLI

npx skills add xiaopu-ai/web-design

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

Claude Code

git clone https://github.com/xiaopu-ai/web-designcp -r "web-design" ~/.claude/skills/web-design

Copies the web-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).

Plugin

/plugin marketplace add xiaopu-ai/web-design

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.

  • web-design

    Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX 做一个""把这个截图/PRD 做成网页""做一个 landing page""出一份 design 规范"时触发。不用于后端、数据库、纯逻辑 bug 修复。

    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.