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

by KyrieCheungYep

ky-design-to-html-skill

A Codex / Claude skill for recreating UI screenshots as HTML/CSS.

Works with
  • Claude
  • Codex

163 GitHub stars (163)

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

Install

Skills CLI

npx skills add KyrieCheungYep/ky-design-to-html-skill

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

Claude Code

git clone https://github.com/KyrieCheungYep/ky-design-to-html-skillcp -r "ky-design-to-html-skill/ky-design-to-html" ~/.claude/skills/

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

Plugin

/plugin marketplace add KyrieCheungYep/ky-design-to-html-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.

  • ky-design-to-html

    Convert visible UI references such as screenshots, exported mockups, Figma frame images, SaaS empty states, dashboards, and landing page screenshots into high-quality HTML/CSS by decomposing layout, separating visual assets from code-rendered UI, implementing the page, then validating with browser screenshots and iterative visual correction. Use when the user asks to recreate, copy, convert, or i…

    ky-design-to-html/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.