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

by podo

design-agent-skills

Design Skills for Agents

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

32 GitHub stars (32)

+12 in 30 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Nov 6: +22 in total; the busiest day was Oct 2 with +4 stars.Oct 1: 0 starsOct 2: +4 starsOct 3: +4 starsOct 4: +1 starsOct 5: 0 starsOct 6: 0 starsOct 7: +1 starsOct 8: 0 starsOct 9: 0 starsOct 10: 0 starsOct 11: +1 starsOct 12: 0 starsOct 13: 0 starsOct 14: 0 starsOct 15: +1 starsOct 16: +2 starsOct 17: 0 starsOct 18: 0 starsOct 19: 0 starsOct 20: +1 starsOct 21: 0 starsOct 22: +1 starsOct 23: 0 starsOct 24: +1 starsOct 25: 0 starsOct 26: 0 starsOct 27: 0 starsOct 28: +1 starsOct 29: +1 starsOct 30: 0 starsOct 31: 0 starsNov 1: +1 starsNov 2: 0 starsNov 3: 0 starsNov 4: 0 starsNov 5: +1 starsNov 6: +1 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 10
Oct 2+4
Oct 3+4
Oct 4+1
Oct 50
Oct 60
Oct 7+1
Oct 80
Oct 90
Oct 100
Oct 11+1
Oct 120
Oct 130
Oct 140
Oct 15+1
Oct 16+2
Oct 170
Oct 180
Oct 190
Oct 20+1
Oct 210
Oct 22+1
Oct 230
Oct 24+1
Oct 250
Oct 260
Oct 270
Oct 28+1
Oct 29+1
Oct 300
Oct 310
Nov 1+1
Nov 20
Nov 30
Nov 40
Nov 5+1
Nov 6+1
  • 30 skills (30 skills found in its SKILL.md files)
  • 4 forks (4 forks)
  • 1w ago last update (Last updated 1w ago)

Install

Skills CLI

npx skills add podo/design-agent-skills

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

Claude Code

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

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

Plugin

/plugin marketplace add podo/design-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 — showing the first 30 of 170 files.

  • accessibility-agents

    WCAG 2.2 AA enforcement as a package of Agent Skills: router skills for web UI, full-site audits, Office/PDF/ePub documents, markdown, desktop and Python tooling, and GitHub workflows dispatch specialist, helper and reference skills by name.

    skills/accessibility-agents/SKILL.md on GitHub (opens in a new tab)

  • accessibility-catalogue

    Domain navigator for accessibility, WCAG compliance, performance auditing, and code quality skills. Routes to the right skill for a11y remediation, WCAG 2.2 audits, Core Web Vitals, React quality, and motion performance.

    skills/accessibility-catalogue/SKILL.md on GitHub (opens in a new tab)

  • addyosmani-quality

    Web quality skills from Google Chrome's Addy Osmani: a measurement-first web quality audit (Lighthouse-style), accessibility (WCAG 2.2), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security/modern-web best practices.

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

  • ai-graphic-design-skill

    Guide for creating logos, brand identities, and visual assets with AI tools: which tool fits which scenario (Recraft, Midjourney, Firefly, DALL-E, Stable Diffusion), prompt engineering per tool, vectorization pipelines, mockups, Python automation, and IP safety. The skill text is in Portuguese.

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

  • algorithmic-art

    Create generative art using p5.js with seeded randomness, flow fields, and particle systems. Official Anthropic skill: it writes an "algorithmic philosophy" first, then expresses it as an interactive p5.js viewer.

    skills/algorithmic-art/SKILL.md on GitHub (opens in a new tab)

  • anatomy

    Build carefully crafted, interactive isometric SVG figures that explain a technical idea as a real physical object — a machine whose moving parts are the concept — framed in a card with a title, hint and live readout. Use for isometric illustrations, explanatory figures for docs or blog posts, and interactive explainers of how a system, algorithm or component works. Optionally adds WebGL shaders,…

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

  • animate-css-skill

    Adds Animate.css (v4.1.1) animations to HTML, React/JSX, and WordPress PHP templates. Includes scroll-trigger via Intersection Observer, RTL directional flipping, and prefers-reduced-motion compliance. Bundles the Animate.css library, so no CDN is needed.

    skills/animate-css-skill/SKILL.md on GitHub (opens in a new tab)

  • animate-skill

    Emil Kowalski-inspired animation patterns for Next.js/React: easing and timing rules, CSS transitions and Framer Motion recipes, with working examples for hover effects, toast notifications, text reveals, and modals. Emphasises motion that feels inevitable and purposeful.

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

  • anthropics-skills

    Official Anthropic skills for frontend design, artifact creation, and presentation. Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF, professional theme application, Anthropic brand guidelines, and PowerPoint creation.

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

  • antvis-chart-skills

    Chart and visualization skills from Ant Group's AntV ecosystem: chart images, G2 chart code, G6 graphs, X6 diagram editors, infographics, GPT-Vis charts, icon search, and narrative text visualization (T8).

    skills/antvis-chart-skills/SKILL.md on GitHub (opens in a new tab)

  • apple-hig-skills

    Apple Human Interface Guidelines as agent skills covering iOS, macOS, visionOS, watchOS, and tvOS. From raintree-technology, makers of the Apple HIG compliance website.

    skills/apple-hig-skills/SKILL.md on GitHub (opens in a new tab)

  • assimovt-productskills

    Focused product-management skills spanning the full lifecycle: discovery (user interviews, problem validation, JTBD, research synthesis), strategy (competitor analysis, positioning, strategy docs), prioritization (RICE, Shape Up scope-cutting and bet-sizing), evidence-first PRDs, plus launch plans, North Star metrics frameworks, A/B experiment design, and Now/Next/Later roadmaps.

    skills/assimovt-productskills/SKILL.md on GitHub (opens in a new tab)

  • awesome-design-skills

    Registry of visual aesthetic and style skills for Claude Code, Cursor, Codex, and other agents. Each style is its own skill shipping SKILL.md + DESIGN.md (tokens, components, accessibility, tone, quality gates) for an aesthetic such as glassmorphism, brutalism, claymorphism, neumorphism, editorial, bento, retro, or riso. The catalogue installs a few popular styles; any other style can be added by…

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

  • baseline-ui

    Opinionated UI baseline that deslops AI-generated interfaces: fixes spacing, hierarchy, typography, and small layout issues, and enforces Tailwind CSS, component, interaction, and animation rules. Use as a fast cleanup or polish pass.

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

  • bencium-ux-designer

    Develops an original visual language and turns the human-chosen direction into production artifacts. Starts with ten independent, typography-led HTML directions, asks the human to judge them visually and commit to one, then builds the brand, web, or product system from it. Aimed at escaping generic AI and Big Tech aesthetics.

    skills/bencium-ux-designer/SKILL.md on GitHub (opens in a new tab)

  • brand-design-md

    Looks up the design spec (a DESIGN.md of colors, type weights, letter-spacing, radii, shadows) for well-known brands such as Stripe, Linear, Apple, Figma, Notion and Nike from getdesign.md at runtime, then applies it to your project. The installed skill is written in Chinese but accepts English brand names.

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

  • building-components

    Vercel's guide for building modern, accessible, and composable UI components: accessibility, composable APIs, design tokens, publishing to npm or a registry, and writing component docs. From the components.build project.

    skills/building-components/SKILL.md on GitHub (opens in a new tab)

  • callstack-agent-skills

    Official Callstack React Native skills covering best practices (profiling, FPS, re-renders, native modules), React Navigation, TV apps, library creation, GitHub Actions build artifacts, React Native upgrades, and brownfield migration.

    skills/callstack-agent-skills/SKILL.md on GitHub (opens in a new tab)

  • cc-slidev

    Claude Code plugin and skills for creating developer-focused technical presentations (tech talks, conference content) with Slidev, with evidence-based design guardrails for slide quality. Adds opinionated constraints on top of raw Slidev for presentation polish.

    skills/cc-slidev/SKILL.md on GitHub (opens in a new tab)

  • chadboyda-gtm

    Go-to-market agent skills that turn a coding agent into a GTM operator: positioning + ICP, AI pricing, sales-motion design, cold outreach, AI SDR, lead enrichment, multi-platform and Product Hunt launches, programmatic SEO, paid creative, retention/expansion, partner programs, and GTM metrics/attribution.

    skills/chadboyda-gtm/SKILL.md on GitHub (opens in a new tab)

  • claud3

    D3.js data visualization skill based on Edward Tufte principles. Selects the right chart type from a large catalogue by analyzing the data question, then generates single-file HTML with D3 v7, dark theme, responsive layout, direct labels, and annotations.

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

  • claude-pm-skills

    Product-management decision skills for solo founders and startup PMs: problem clarity, outcome definition, assumption mapping, prioritization, experiment design, PRD critique, launch readiness, and post-launch learning. Focused on deciding what is worth building rather than writing documents faster.

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

  • claude-wireframe-skill

    Generates 5 UX design approaches as interactive prototypes — 1 safe design-system extension and 4 exploratory variants — starting as B&W wireframes then producing color variants via parallel agents. Scans codebase on first run to build persistent design context.

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

  • claude2figma

    Skill set that enforces design system compliance when Claude writes to Figma through the Figma MCP server: components are instances of master components, and colors/fonts/spacing/radii bind to Figma variables and styles instead of raw values. Every canvas write is followed by a binding check. Needs a Figma file with a design system and the Figma MCP server.

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

  • claudedesignskills

    Motion and creative-coding skill package covering Three.js, GSAP ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js, A-Frame, PixiJS, Locomotive Scroll, Barba.js, React Spring, Magic UI, AOS, Anime.js, Lottie, Rive, Spline, and a Blender-to-web pipeline. One of the broadest motion/creative suites available.

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

  • cloudai-threejs

    Three.js skills for creating interactive 3D elements and experiences on the web. Covers scene setup, geometries, materials, lighting, textures, animation, loaders, custom shaders, post-processing, interaction, performance, and React Three Fiber, with WebGL and WebGPU/TSL guidance for a current three.js release.

    skills/cloudai-threejs/SKILL.md on GitHub (opens in a new tab)

  • cloudflare-web-perf

    Audit Core Web Vitals and render-blocking resources. Official skill published by Cloudflare for diagnosing and fixing LCP, INP, CLS and Lighthouse performance issues, driven by Chrome DevTools performance traces.

    skills/cloudflare-web-perf/SKILL.md on GitHub (opens in a new tab)

  • color-expert

    A large color-science knowledge base applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibility contrast ratios, color naming, pigment mixing, and historical color theory. By meodai, creator of color-names.

    skills/color-expert/SKILL.md on GitHub (opens in a new tab)

  • composio-artifacts

    Build elaborate multi-component claude.ai HTML artifacts with React, TypeScript, Vite, Tailwind CSS, and shadcn/ui, then bundle them into a single HTML file. This is the artifacts-builder skill from ComposioHQ's awesome-claude-skills collection, a copy of Anthropic's web-artifacts-builder. It does not integrate Composio tools.

    skills/composio-artifacts/SKILL.md on GitHub (opens in a new tab)

  • content-catalogue

    Domain navigator for presentations, diagrams, wireframes, data visualization, design review, product strategy, copywriting, UX writing, content design, and design research skills. Routes to the right skill for slides, charts, UX strategy, PM frameworks, email, microcopy, product copy, user research, and design sprints.

    skills/content-catalogue/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.