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

by zstvns

design-skills

AI agent skills for the designer's craft — brand audit, strategy, creative direction, logo, and application across web, collateral, and motion.

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

21 GitHub stars (21)

+8 in 30 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Oct 31: +8 in total; the busiest day was Oct 30 with +3 stars.Oct 1: 0 starsOct 2: +1 starsOct 3: +1 starsOct 4: 0 starsOct 5: 0 starsOct 6: 0 starsOct 7: +1 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 starsOct 17: +1 starsOct 18: 0 starsOct 19: 0 starsOct 20: 0 starsOct 21: 0 starsOct 22: 0 starsOct 23: 0 starsOct 24: 0 starsOct 25: 0 starsOct 26: 0 starsOct 27: 0 starsOct 28: +1 starsOct 29: 0 starsOct 30: +3 starsOct 31: 0 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 10
Oct 2+1
Oct 3+1
Oct 40
Oct 50
Oct 60
Oct 7+1
Oct 80
Oct 90
Oct 100
Oct 110
Oct 120
Oct 130
Oct 140
Oct 150
Oct 160
Oct 17+1
Oct 180
Oct 190
Oct 200
Oct 210
Oct 220
Oct 230
Oct 240
Oct 250
Oct 260
Oct 270
Oct 28+1
Oct 290
Oct 30+3
Oct 310
  • 8 skills (8 skills found in its SKILL.md files)
  • 3 forks (3 forks)
  • 2d ago last update (Last updated 2d ago)

Install

Skills CLI

npx skills add zstvns/design-skills

Asks which skills and agents to install. Just one: npx skills add zstvns/design-skills --skill brand-strategy — add -g for every project.

Claude Code

git clone https://github.com/zstvns/design-skillscp -r "design-skills/skills/brand-strategy" ~/.claude/skills/

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

Plugin

/plugin marketplace add zstvns/design-skills

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.

  • brand-strategy

    Coach a client or team through defining a brand's visual identity from scratch — what it should make people feel, the muses it steals from, the distinct creative concepts, and the latitude it's allowed to flex within. Use before any creative direction, logo, or application work, or when the user mentions 'brand strategy,' 'what should our brand feel like,' 'brand workshop,' 'creative concepts,' '…

    skills/brand-strategy/SKILL.md on GitHub (opens in a new tab)

  • brand

    The entry point for any brand work. Gathers the brand's existing assets itself from just a URL (crawling the site, following its links to social and press), diagnoses how much should change, routes to the right path, and gets-or-makes the brand context document every other design skill reads. Use at the start of any design project, or when the user mentions 'brand context,' 'set up the brand,' 'b…

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

  • collateral-design

    Apply a brand's defined visual system to any fixed-format piece that isn't a website — decks and presentations, one-pagers and sales sheets, social posts and graphics, blog/OG thumbnails, business cards, brochures, flyers, posters, banners, billboards, and paid ads. Use when the user mentions 'design a deck,' 'pitch deck,' 'sales deck,' 'presentation,' 'slides,' 'one-pager,' 'sales sheet,' 'leave…

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

  • creative-direction

    Translate a brand's strategy — its emotional target and muses — into the concrete visual system: color, typography, composition, pattern & texture, iconography, illustration, and photography, as one coherent language. Use after brand-strategy and before logo or application work, or when the user mentions 'creative direction,' 'visual identity,' 'visual system,' 'design language,' 'stylescape,' 'p…

    skills/creative-direction/SKILL.md on GitHub (opens in a new tab)

  • design-principles

    The universal principles behind strong visual design — across logos, brand identity, collateral, and web. Use at the start of any design work, when a design feels off but you can't name why, when judging whether a piece earns its choices, or when a brand needs to flex without breaking. Other design skills inherit these principles.

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

  • logo-design

    Design or evaluate a logo against the SAD bar — Simple, Appropriate, Distinct — always judged in context. Use when designing a new mark, refining one, or assessing whether an existing logo is any good. Triggers on 'logo,' 'wordmark,' 'brandmark,' 'mark,' 'monogram,' 'favicon/app icon,' 'is our logo good,' 'redesign our logo,' 'logo critique,' or 'logo concepts.' Reads the brand's emotional target…

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

  • motion-design

    Design and build UI motion with intent — micro-interactions, transitions, entrances, scroll and hover behavior — applying the twelve principles of animation to a brand's settled system, in custom code. Use when the user mentions 'animation,' 'motion,' 'micro-interactions,' 'hover effect,' 'transition,' 'scroll animation,' 'page-load animation,' 'make it feel alive,' 'the interactions feel off,' '…

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

  • web-design

    Apply a brand's defined visual system to a real, conversion-focused website — designing and building it in custom code, with real copy given its proper emphasis. Use when the user mentions 'website design,' 'design my site,' 'build a landing page,' 'homepage,' 'marketing site,' 'product page,' 'pricing page,' 'redesign our website,' 'hero section,' or wants to ship a site. This is where the appro…

    skills/web-design/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.