Best agent skills for designers

Builds animated HTML slide decks that run in the browser with no dependencies, or converts PowerPoint files to the web, starting from visual style previews.

zarazhangrui/frontend-slides

Creates original generative art in two steps: a written algorithmic philosophy, then a p5.js sketch with seeded randomness and an interactive viewer for exploring parameters.

anthropics/skills

Creates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas.

anthropics/skills

A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

bestofjs/bestofjs

Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.

nextlevelbuilder/ui-ux-pro-max-skill

Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

heygen-com/hyperframes

Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

warpdotdev/warp

Always invoke when the user's message includes 'tailwind' in any form.

anonaddy/anonaddy

Provides Slack size and frame limits, Python animation helpers and validators for building animated GIFs sized for emoji and messages.

anthropics/skills

Teaches an agent how to wire up GSAP's ScrollTrigger plugin for scroll-linked animation, pinned sections and scrub, including the start and end position syntax.

greensock/gsap-skills

Walks through designing a banner for social media, ads, a website hero or print, from gathering requirements to building 2 or 3 art-direction options in HTML and CSS.

nextlevelbuilder/ui-ux-pro-max-skill

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

vercel-labs/openreview

Generates single-file HTML slide decks with horizontal paging, WebGL backgrounds and a presenter view, in an editorial-magazine style or a Swiss-style layout.

op7418/guizang-ppt-skill

Turns an image request into a structured JSON prompt and runs a bundled Python script to generate the picture, optionally guided by reference images.

bytedance/deer-flow

Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

warpdotdev/warp

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Ohh-889/skyroc

Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.

cathrynlavery/diagram-design

Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.

google-labs-code/stitch-skills

A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

coollabsio/coolify

Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.

heygen-com/hyperframes

Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.

greensock/gsap-skills

Produces social card sets for Xiaohongshu and WeChat: carousels, Live Photo motion cards and puzzle layouts, and WeChat cover pairs, rendered from single-file HTML.

op7418/guizang-social-card-skill

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.

supabase/evals

Generates or edits images from text prompts through a Python script that picks an image backend based on which API keys are configured.

zhayujie/CowAgent

Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui.

markmead/hyperui

Token architecture, component specifications, and slide generation.

Ohh-889/skyroc

Guides easing, timing and animation choices for UI motion, based on a web animation course, and reviews existing animations in a before-and-after table.

baptisteArno/typebot.io

Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

lobehub/lobehub

Builds a scroll-driven landing page where a pre-rendered camera flies through connected AI-generated scenes, using Higgsfield for stills and video clips.

oso95/scroll-world

Design engineering principles for making interfaces feel polished.

samuelclay/NewsBlur

UI/UX design intelligence with searchable database. An agent skill from ZxBing0066/pixel-converter.

ZxBing0066/pixel-converter

Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.

anthropics/skills

Turns an article, notes or a topic brief into an explainer video whose visuals are invented per scene, built frame by frame in HyperFrames with no footage.

heygen-com/hyperframes

Understand video content locally using ffmpeg frame extraction and Whisper transcription.

calesthio/OpenMontage

Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes.

ibelick/ui-skills

Knowledge comic creator supporting multiple art styles and tones.

freestylefly/canghe-skills

Rewrites a vague UI generation idea into a structured, keyword-rich prompt for Stitch, pulling in an existing DESIGN.md design system when the project has one.

google-labs-code/stitch-skills

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

zanwei/design-dna

Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

warpdotdev/warp

Makes cinematic product videos with Remotion from shot recipe cards, a ready template, real page screenshots, camera moves and sound design, or builds a single animated shot.

Vincentwei1021/video-shotcraft

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.

vmDeshpande/ai-agent-automation

A skill your agent uses when visual quality and design identity matter for a PDF.

poco-ai/poco-claw

Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

heygen-com/hyperframes

Generates short videos from a structured JSON prompt, optionally guided by a reference image used as the first or last frame.

bytedance/deer-flow

Score, evaluate, and iteratively improve any content or strategy using an auto-assembled panel of domain experts.

ericosiu/ai-marketing-skills

Prepare and, with a verified authenticated publishing route and authorization, publish daily conference-deadline countdown posts for @ccfddl on X/Twitter.

ccfddl/ccf-deadlines

Filter large Sentry Scraps design-system migration PRs for review by separating mechanical import-path changes, generated baseline updates, snapshot mocks, and pure renames from substantive…

getsentry/sentry

Turns systems, code changes, plans and data into self-contained HTML pages where figures carry the explanation, with options for slide decks and narrated MP4 videos.

nicobailon/visual-explainer