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

by chenjackle45

html-visualizer

讓 AI 把長篇回覆做成好看好讀的網頁 — 適用 Claude Code、Codex、Cursor、Cline、Copilot 等支援 skill 的 AI 工具

  • Active — Updated in the last 14 days
  • Multi-agent — Targets three or more agents
Works with
  • Claude
  • Codex
  • Cursor
  • Copilot
View on GitHub (opens in a new tab)

93 GitHub stars (93)

+5 in 16 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Oct 16: +5 in total; the busiest day was Oct 2 with +2 stars.Oct 1: 0 starsOct 2: +2 starsOct 3: 0 starsOct 4: 0 starsOct 5: +1 starsOct 6: 0 starsOct 7: +1 starsOct 8: 0 starsOct 9: 0 starsOct 10: +1 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
Oct 10
Oct 2+2
Oct 30
Oct 40
Oct 5+1
Oct 60
Oct 7+1
Oct 80
Oct 90
Oct 10+1
Oct 110
Oct 120
Oct 130
Oct 140
Oct 150
Oct 160
  • 3 skills (3 skills found in its SKILL.md files)
  • 21 forks (21 forks)
  • 1w ago last update (Last updated 1w ago)

Install

Skills CLI

npx skills add chenjackle45/html-visualizer

Asks which skills and agents to install. Just one: npx skills add chenjackle45/html-visualizer --skill chart — add -g for every project.

Claude Code

git clone https://github.com/chenjackle45/html-visualizercp -r "html-visualizer/skills/chart" ~/.claude/skills/

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

Plugin

/plugin marketplace add chenjackle45/html-visualizer

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.

  • chart

    用 @unovis 加一份 design token 做風格統一的資料圖表：柱狀、折線、趨勢、甜甜圈／圓餅、分組或堆疊柱、目標 vs 實際、KPI、dashboard。使用者說「做個圖表／畫個 chart／視覺化這組數據／加個趨勢圖」時使用。只管單張圖；整份報告的圖文排版搭配 html-visualizer。

    skills/chart/SKILL.md on GitHub (opens in a new tab)

  • diagram-design

    畫結構圖（架構、流程、時序、狀態機、泳道、時間軸、分層、樹、依賴、部署、ER、甘特等 39 型）的完整規範庫：選型、語意 pattern、連線幾何、複雜度預算、每型範例 HTML、動畫變體。html-visualizer 畫圖時的按需深讀來源。

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

  • html-visualizer

    把長文件、報告、規格、設計決策、架構說明、教學、儀表板、待拍板選項預設做成 HTML 而非 Markdown 給人看。使用者說「整理成文件／做份報告／視覺化／給我看的版本／給老闆看／教我這個／列選項讓我選」、內容超過 50 行、或適合用表格／流程圖／對比圖呈現時主動使用。精神：人類看 HTML、AI 看 Markdown。

    skills/html-visualizer/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.