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

by maxritter

open-claude-design

Use Claude Design from Claude Code, Codex, Cursor, Gemini CLI, and 70+ coding agents. Create designs from your real codebase, refine them on the canvas, and sync every change back. One installer, no MCP setup.

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

35 GitHub stars (35)

+6 in 20 days

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

Install

Skills CLI

npx skills add maxritter/open-claude-design

Asks which skills and agents to install. Just one: npx skills add maxritter/open-claude-design --skill open-claude-design-quality — add -g for every project.

Claude Code

git clone https://github.com/maxritter/open-claude-designcp -r "open-claude-design/skills/open-claude-design-quality" ~/.claude/skills/

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

Plugin

/plugin marketplace add maxritter/open-claude-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.

  • open-claude-design-quality

    Apply product-grounded visual quality constraints during user-visible UI changes. Use for layout, styling, content hierarchy, theming, responsive behavior, or interaction affordances. Stay inactive for logic-only changes that preserve the rendered interface.

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

  • open-claude-design-system

    Extract, document, or normalize a product UI design system from code, screenshots, or brand sources. Use for visual tokens, theme variables, typography, spacing, colors, radii, shadows, component inventories, variants, states, or building a reusable UI library. Do not use for software architecture, database schemas, or generic system design.

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

  • open-claude-design

    Access the Anthropic product named Claude Design when the request contains that exact name, a claude.ai/design URL, or a .dc.html file. Use for its projects, files, design systems, previews, conversations, comments, sharing, and code-to-design or design-to-code synchronization; otherwise stay inactive.

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

  • open-claude-ui-design

    Create or redesign product UI in an existing codebase, including a wireframe, substantive visual variations, and an interactive prototype. Use for requests about UI layout, visual direction, screens, flows, components, a landing page, dashboard, or making an interface feel polished. Do not use for backend work, system architecture, decks, or logic-only UI fixes.

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

  • open-claude-ui-review

    Review or polish a product UI for accessibility, brand fidelity, hierarchy, rhythm, responsive behavior, themes, interaction states, and generic AI-template patterns. Use for visual audits, accessibility checks, UX polish, UI critique, or pre-ship design review. Do not use for generic code review, backend review, or API design.

    skills/open-claude-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.