Best agent skills for designers, page 13

Remove backgrounds from images using local AI (rembg). An agent skill from peterkrueck/Claude-Code-Development-Kit.

peterkrueck/Claude-Code-Development-Kit

Create, produce, and publish UGC-style short-form video reels at scale.

dansugc/reelclaw

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a.

DejavuMoe/Smoji

Production prompt-engineering pipeline for GPT-Image-2 / OpenAI image generation.

therichardngai-code/gpt-image-2-pro-max

Create XXD Panel 100 raster artwork from one image or a directory batch while treating the bundled original style brief as the sole aesthetic authority.

nevertoday/xxd-panel-100

Reads an article, picks the spots that need visuals, and generates illustrations using a type, style and palette combination for a consistent look.

JimLiu/baoyu-skills

Generates article cover images by combining five dimensions, with 11 color palettes and 7 rendering styles, in cinematic, widescreen or square formats.

JimLiu/baoyu-skills

Extract a brand's design from any reference the user provides (site URL, screenshot, or existing assets) and generate a full design system reference page AND a 1-page A4 brand book PDF.

robonuggets/design-system

House standard for any HTML page written for a person. An agent skill from greenfield-inc/Pane.

greenfield-inc/Pane

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

A skill your agent uses when the user asks for FFmpeg or FFprobe commands, video/audio conversion, trimming, resizing, padding, overlays, subtitles, thumbnails, GIFs, storyboards, slideshows…

rendi-api/ffmpeg-cheatsheet

Build or resume a reusable 12-page personalized English picture book in the Moonlit watercolor house style, using Codex built-in image generation for a per-book character sheet plus illustrations…

lincwang123-bot/moonlit-stories

Principal UX architect skill for deciding WHERE a UI feature belongs, before it is implemented.

h0x91b/dev-3.0

Read and reason about Altium Designer projects and schematics using structured data from .PrjPcb and .SchDoc files.

Tansuo2021/ADtoKeil

为 AI 短剧设计场景和叙事道具母本、光照与状态变体，产出 art.json、Markdown、评审报告和可选设定图。用于美术设定、场景与道具一致性；不代替导演调度或成片人流设计。

suihe1/short-drama-production

Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.

ancoleman/ai-design-components

Turn a ~5-second voiceover line, opinion sentence, or abstract concept into a premium editorial halftone paper-collage B-roll clip — optionally with a fitted voiceover.

MegaTroll222/VOX-COLLAGE-BROLL

Record a screencast of an app you are building and turn it into a polished demo, explainer or promo video with Glif, using video templates for device mockups, captions, voiceover and music.

glifxyz/glif-mcp-server

Generate or edit raster images by calling the ChatGPT/Codex hosted imagegeneration flow with local Codex or OpenClaw OAuth credentials, then save decoded image files for OpenClaw and other agent…

darkamenosa/codex-imagen

NutUI React Taro 小程序 WXSS 编译超时修复：nutui-taro-demo 样式 bundle 合并、 删除无效 renderingMode、app-origin.wxss 体积治理。Use when 微信小程序报 [ WXSS 文件编译错误] something must be wrong、wcsc timeout、app-origin.wxss…

jdf2e/nutui-react

A skill your agent uses when rendering high-school solid-geometry problem data into an interactive 3D standalone HTML artifact with known-condition highlights, step-by-step constructions, faces…

mingchen666/Reviva

Sets design rules for web interfaces that should feel like current Apple design: unified surfaces, restrained type and glass only where layers overlap.

naplesblue/apple-design-skill

Builds short, unnarrated motion graphics such as kinetic type, stat count-ups, logo stings, lower thirds, animated maps and tweets, rendered to MP4 or a transparent overlay.

heygen-com/hyperframes

Review UI4 CSS migrations for proper token usage. An agent skill from payloadcms/payload.

payloadcms/payload

Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons.

smallnest/goal-workflow

Edit existing footage into finished videos locally with Tesseract.

mirage-hq/Tesseract

Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield.

AIwithhassan/lets-scroll

Set up, override, and debug the default SEO head tags in a Nuxt app with the nuxt-seo-utils module.

harlan-zw/nuxt-seo-utils

即梦 Seedance 视频创意工作台。用户发图+文案时自主完成看图分析→文案扩写→运镜匹配→质量验证→API生成。触发词：即梦、Seedance、seedance、视频生成、视频提示词、AI视频、运镜、短剧、广告视频、视频延长、图生视频。

zhanghaonan777/Seedance2-skill

Generate before-and-after transformation video prompts for Seedance 2.0 on Higgsfield.

rediumvex/ai-video-generator-claude

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

A skill your agent uses when changing IPTVnator SCSS tokens, shared layout mixins, portal headers, sidebars, detail views, Electron drag regions, or cross-portal visual consistency.

4gray/iptvnator

Builds children's picture-book MP4 animations drawn in crayon, colored pencil and pastel, rendered frame by frame with p5.js and encoded with ffmpeg.

edenfunf/reelmimic

Add an interactive demo to the Remotion documentation. An agent skill from remotion-dev/remotion.

remotion-dev/remotion

Accessibility engineering for product interfaces. An agent skill from Lily-404/blog.

Lily-404/blog

Build, improve, and review production interfaces with the Better Design MCP.

marvkr/better-design

A skill your agent uses when the user provides a plot summary, scene idea, character relationship, emotional beat, or short video concept and wants a cinematic AI video prompt.

CyberJ0605/cinematic-video-prompt-engineer-skill

Build a Figma design from code or a description — the reverse of figma-codegen.

awdr74100/figwright

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

Build and maintain a persistent visual identity for your agent using Flux Kontext Pro.

letta-ai/skills

Use this whenever the user is on a machine running k4 — the Dynamic Island-style bar for Hyprland — and wants to change what the bar does, write a plugin for it, or debug one.

k4ditano/k4

Guides chart, dashboard and map design: pick the simplest form for the question, state the finding in the title, and check palettes with a local validator.

QwenLM/qwen-code

Use bdg CLI to drive and debug a real Chrome via Chrome DevTools Protocol - navigate, click, fill and submit forms, check what an action changed (navigation, new messages, pending requests), inspect…

szymdzum/browser-debugger-cli

Drive an autonomous spec-to-board PCB design with the eda-agent MCP server (Altium Designer or EasyEDA Pro).

salitronic/eda-agent

A skill your agent uses when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and…

bergside/design-md-figma

HTML PPT 精致演示文稿设计器 - 将用户内容转化为精致的HTML演示文稿页面，LLM 智能设计优先，支持多种视觉风格、动效设计、色彩认知系统。触发词：PPT、演示文稿、HTML幻灯片、slide、presentation、做PPT、制作演示。

andyhuo520/html-ppt-designer

Build native GUI apps in Rust with bezel, the gpui component library (bezel, bezel-gpui, bezel-ui, bezel-theme, bezel-motion, bezel-icons, bezel-markdown, bezel-editor, bezel-terminal).

crabtalk/bezel

YouTube 영상에서 쇼츠 클립 3개를 자동 제작합니다. An agent skill from uxjoseph/content-marketing-team.

uxjoseph/content-marketing-team