<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 5d ago

by konraddzbik

architecture-diagram-skill

Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onboarding doc and let people watch the data flow instead of reading static boxes-and-arrows.

  • Active — Updated in the last 14 days
Works with
  • Claude
View on GitHub (opens in a new tab)

121 GitHub stars (121)

+16 in 16 days

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

Install

Skills CLI

npx skills add konraddzbik/architecture-diagram-skill

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

Claude Code

git clone https://github.com/konraddzbik/architecture-diagram-skillcp -r "architecture-diagram-skill/skills/architecture-diagram" ~/.claude/skills/

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

Plugin

/plugin marketplace add konraddzbik/architecture-diagram-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.

  • architecture-diagram

    Build interactive, click-through architecture diagrams for software systems — a self-contained single HTML file with animated step-by-step flows, mode toggles (dev/prod, offline/online, v1/v2), dark/light theme, and a side panel with payload details, plus a companion markdown description. Use when the user wants to visualize or design a system: architecture diagram, service map, data flow, RAG/ag…

    skills/architecture-diagram/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.