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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vmDeshpande/ai-agent-automation

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

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

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

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

poco-ai/poco-claw

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

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons

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

Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.

ynulihao/AgentSkillOS