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

by cuellarfr

design-skills

UX and design skills for Claude Code — research, critique, accessibility, journey mapping and more.

  • Multi-agent — Targets three or more agents
Works with
  • Claude
  • Codex
  • Cursor

106 GitHub stars (106)

+14 in 16 days

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

Install

Skills CLI

npx skills add cuellarfr/design-skills

Asks which skills and agents to install. Just one: npx skills add cuellarfr/design-skills --skill accessibility-audit — add -g for every project.

Claude Code

git clone https://github.com/cuellarfr/design-skillscp -r "design-skills/skills/accessibility-audit" ~/.claude/skills/

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

Plugin

/plugin marketplace add cuellarfr/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.

  • accessibility-audit

    Conduct accessibility audits against WCAG 2.2 guidelines. Evaluate pages, components, and flows for conformance at A, AA, and AAA levels. Identify issues, assess severity, provide code fixes, and generate audit reports. Covers automated testing, manual testing, keyboard navigation, screen reader compatibility, color contrast, and semantic HTML.

    skills/accessibility-audit/SKILL.md on GitHub (opens in a new tab)
  • design-critique

    Evaluate UI designs against usability heuristics, UX laws, interaction patterns, interaction design principles, information architecture, and content quality. Conduct heuristic evaluations, structured design critiques, pattern-based reviews, posture analysis, excise audits, IA evaluations, and UX writing reviews. Provides specific, actionable feedback grounded in established principles rather tha…

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

    Comprehensive design elevation system that automatically transforms functional visual outputs into polished, professional designs. Use when creating ANY visual output including presentations (pptx), spreadsheets (xlsx), dashboards, reports, HTML artifacts, PDFs, web pages, or data visualizations. Applies systematic design thinking grounded in Tailwind CSS as the canonical design token system. Str…

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

    Run design sprints, manage handoff, establish team rituals, documentation standards, and design QA processes. Covers the operational side of design — how teams organize work, collaborate with engineering, and ship quality.

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

    Build, document, and maintain design systems with design tokens, component specifications, pattern libraries, naming conventions, and governance processes. Conduct system audits, define component hierarchies, and establish shared design languages.

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

    Design meaningful interactions, microinteractions, animations, state machines, gesture patterns, error prevention, and product behavior. Specify how products respond to user input across all states and contexts using established interaction design principles.

    skills/interaction-design/SKILL.md on GitHub (opens in a new tab)
  • journey-mapping

    Create customer journey maps, service blueprints, experience maps, empathy maps, and other alignment diagrams. Guides diagram type selection, content structure, illustration syntax, and alignment workshops.

    skills/journey-mapping/SKILL.md on GitHub (opens in a new tab)
  • ux-research

    Plan, conduct, and analyze UX research using proven methodologies. Use when planning user research, writing interview scripts, creating test plans, recruiting participants, analyzing qualitative data, or synthesizing findings into actionable insights. Covers generative, evaluative, and continuous discovery research with specific frameworks, scoring rubrics, and templates.

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

    Connect design decisions to business outcomes through competitive analysis, opportunity mapping, Jobs to Be Done, outcome-driven discovery, value proposition design, and UX metrics. Shape product direction with strategic frameworks grounded in evidence.

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

    Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or software interfaces, designing conversational flows, establishing voice and tone guidelines, auditing product content for…

    skills/ux-writing/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.