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

by thedesignproject

agent-skills

A community-driven collection of skills, prompts, and workflows to help builders get the most out of Claude Code and other AI agents.

Works with
  • Claude

94 GitHub stars (94)

+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 +1 stars.Oct 1: 0 starsOct 2: +1 starsOct 3: 0 starsOct 4: +1 starsOct 5: 0 starsOct 6: 0 starsOct 7: 0 starsOct 8: 0 starsOct 9: +1 starsOct 10: 0 starsOct 11: +1 starsOct 12: +1 starsOct 13: 0 starsOct 14: 0 starsOct 15: 0 starsOct 16: 0 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 10
Oct 2+1
Oct 30
Oct 4+1
Oct 50
Oct 60
Oct 70
Oct 80
Oct 9+1
Oct 100
Oct 11+1
Oct 12+1
Oct 130
Oct 140
Oct 150
Oct 160
  • 23 skills (23 skills found in its SKILL.md files)
  • 24 forks (24 forks)
  • 4w ago last update (Last updated 4w ago)

Install

Skills CLI

npx skills add thedesignproject/agent-skills

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

Claude Code

git clone https://github.com/thedesignproject/agent-skillscp -r "agent-skills/skills/accessibility" ~/.claude/skills/

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

Plugin

/plugin marketplace add thedesignproject/agent-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 and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

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

    Use when designing, scaffolding, extending, or auditing a component library whose primary consumer is an AI agent — i.e. the design system needs machine-readable metadata (props, variants, relationships, tokens, anti-patterns) rather than only prose docs. Triggers include "agentic design system", "design system for AI/Claude", "make my design system AI-readable", "component metadata schema", "sca…

    skills/agentic-design-systems/SKILL.md on GitHub (opens in a new tab)
  • ai-component-metadata

    Generate AI-ready metadata for design system components to enable intelligent UI generation. Analyzes component structure and generates structured metadata that helps AI understand when and how to use components correctly. Useful for teams building AI-consumable design systems.

    skills/ai-component-metadata/SKILL.md on GitHub (opens in a new tab)
  • business-kickoff-workshop

    Use this skill when a designer needs to prepare for a business kickoff workshop with a new customer, or needs to fill a Business Model Canvas after the call. Triggers when someone mentions a kickoff call, BMC workshop, business model canvas, or needs to prepare questions for a new customer discovery session.

    skills/business-kickoff-workshop/SKILL.md on GitHub (opens in a new tab)
  • caveman

    Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra, wenyan-lite, wenyan-full, wenyan-ultra. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman. Also auto-triggers when token efficiency is requested.

    skills/caveman/SKILL.md on GitHub (opens in a new tab)
  • create-prd

    Generate a PRD from a feature request transcript or description

    skills/create-prd/SKILL.md on GitHub (opens in a new tab)
  • create-skill

    Create Cursor Agent Skills. Use when authoring a new skill or asking about SKILL.md structure.

    skills/create-skill/SKILL.md on GitHub (opens in a new tab)
  • extract-design-system

    Extract design primitives from a public website and generate starter token files for your project.

    skills/extract-design-system/SKILL.md on GitHub (opens in a new tab)
  • figma-generate-design

    Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'.…

    skills/figma-generate-design/SKILL.md on GitHub (opens in a new tab)
  • figma-use

    **MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variabl…

    skills/figma-use/SKILL.md on GitHub (opens in a new tab)
  • find-skills

    Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

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

    Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

    skills/frontend-design/SKILL.md on GitHub (opens in a new tab)
  • marketing-psychology

    When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' 'consumer behavior,' 'anchoring,' 'social proof,' 'scarcity,' 'loss aversion,' 'framing,' or 'nudge.' Use this whenever someone wants to un…

    skills/marketing-psychology/SKILL.md on GitHub (opens in a new tab)
  • performance-review-360-peer

    Help someone give peer feedback for a colleague using the Non-Violent Communication framework

    skills/performance-review-360-peer/SKILL.md on GitHub (opens in a new tab)
  • performance-review-manager

    Walk a manager through a full quarterly performance review for a direct report, including peer feedback synthesis, performance/potential ratings, leadership principles assessment, and development planning

    skills/performance-review-manager/SKILL.md on GitHub (opens in a new tab)
  • performance-review-self-assessment

    Help an employee write their own self-assessment for a quarterly performance review — accomplishments, challenges, leadership-principles self-rating, and development-plan progress

    skills/performance-review-self-assessment/SKILL.md on GitHub (opens in a new tab)
  • pr-branch-naming

    Generate a conventionally-named branch and PR title from a feature description. Use when the user is starting a new branch, opening a PR, or asks how to name a branch or PR. Triggers on phrases like "create a branch", "name this branch", "open a PR", "what should I call this branch", "PR title for this".

    skills/pr-branch-naming/SKILL.md on GitHub (opens in a new tab)
  • presentation

    Creates polished single-file HTML/CSS/JS slide deck presentations with animations, keyboard/click/swipe navigation, and progressive bullet reveal. Use when the user wants to create a presentation, slide deck, pitch deck, or wants to present content as slides.

    skills/presentation/SKILL.md on GitHub (opens in a new tab)
  • product-context-builder

    Create or improve a repo's AGENTS.md, CLAUDE.md, PRODUCT.md, DESIGN.md, and project skills so AI agents can use the product and design system accurately.

    skills/product-context-builder/SKILL.md on GitHub (opens in a new tab)
  • prompt-engineer

    Writes, refactors, and evaluates prompts for LLMs — generating optimized prompt templates, structured output schemas, evaluation rubrics, and test suites. Use when designing prompts for new LLM applications, refactoring existing prompts for better accuracy or token efficiency, implementing chain-of-thought or few-shot learning, creating system prompts with personas and guardrails, building JSON/f…

    skills/prompt-engineer/SKILL.md on GitHub (opens in a new tab)
  • ux-audit

    Professional UX and landing page audit. Identifies the top 3 critical quality issues, auto-implements fixes, and generates a Loom video transcript to share improvements with the lead. Use when auditing a website or landing page for professionalism and craft.

    skills/ux-audit/SKILL.md on GitHub (opens in a new tab)
  • web-design-guidelines

    Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

    skills/web-design-guidelines/SKILL.md on GitHub (opens in a new tab)
  • writing-skills

    Use when creating new skills, editing existing skills, or verifying skills work before deployment

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