Best agent skills for designers, page 16

Generates or edits images with GPT Image 2 through an OpenAI-compatible API, or falls back to writing finished prompts from a library of structured templates.

ConardLi/garden-skills

Explores a feature idea through HTML mocks that match the project's existing UI, keeping every earlier version and logging each requested tweak in a context file.

imbue-ai/bouncer

A skill your agent uses when building Cmd+K command palettes in React - covers keyboard navigation with arrow keys, keeping selected items in view with scrollIntoView, filtering with shortcut…

AgentWorkforce/relay

Turns written content into designed slide images from an outline, merges them into PPTX or PDF, and can borrow styles from a registry of brand design systems.

SpaceZephyr/design-buddy

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

Make a short vertical (9:16) lpm lesson that feels native to TikTok, Reels and Shorts: a payoff-first hook, fast push-ins that follow the action, word-by-word burned-in captions, numbered step…

gug007/lpm

Test website responsiveness across viewport widths using browser automation.

jezweb/claude-skills

Inspect the current Spur (AMD SLURM-compatible) cluster node-allocation state and produce a Markdown report (optionally rendered to a standalone HTML page) covering the caller's account/QoS…

AMD-AGI/Primus

Quick reference for TermUI components, hooks, and theming. An agent skill from Arindam200/termui.

Arindam200/termui

Use the Gerillass Sass mixin library — loading it, the mixin catalogue, and the argument forms that are easy to get wrong.

selfishprimate/gerillass

Generate branded marketing screenshots of opentraces CLI commands — wordmark + CLI card + caption + wallpaper, filename-stamped and auto-copied to the clipboard.

JayFarei/opentraces

Edit videos and beautify photos in CapCut on mobile. An agent skill from pockebot/openpocket.

pockebot/openpocket

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI).

AThevon/genjutsu

Generates paste-ready Power Apps Canvas App YAML. An agent skill from ToluVictor/canvas-apps-tools.

ToluVictor/canvas-apps-tools

How this app stays usable from a TV remote (Android TV / Google TV).

ventic/ventic

Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards.

display-dev/visualize

Create virtual couple travel vlog workflows and assets from a user-provided theme, destination, couple profile, output folder, or reference images.

vibeshotclub/vsc-skills

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes.

julianromli/ai-skills

Pulls case-insert metadata (GOG ID, QR code, recommended PC specs, copyright line, ESRB rating, publisher address, publisher/developer logos) for a GOG.com game page, for building personal…

east35/GOG-Disc-Packager

把任意普通产品（食品、日用品、家电等）包装成一款刚刚发布的高端消费电子产品，用 Seedance 2.5 生成一条 30 秒、苹果发布会风格的 AI 产品介绍视频。作品具有荒诞反差与视觉高级感：设定一本正经地荒诞，画面、材质、灯光、镜头和剪辑严肃、克制、精致。

huangbai-AI/ai-apple-video

Migrate a click-ui component from styled-components to CSS Modules with byte-for-byte visual regression coverage.

ClickHouse/click-ui

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

A skill your agent uses when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at.

drewnekota/cetus

Builds a contact sheet from a video clip — evenly spaced frames laid out in a single grid image, each with its hh:mm:ss timestamp burned in.

barefootford/buttercut

Builds a navigable deck with discrete slides, fragment reveals, and branching, instead of rendering a flat video, with built-in presenter notes.

heygen-com/hyperframes

A skill your agent uses when the user wants to做一整套图片、组图、卡片图、轮播图、配图包或电商套图.

Jamailar/Beav

电影级全流程提示词生成。用户给出故事主题，一键生成完整 markdown 文件，包含：角色设定提示词、场景提示词、完整剧本、分镜表、每个分镜的视频生成提示词。支持 Seedance 2.0 / 即梦 / Midjourney / SD。触发词：分镜、提示词、prompt、镜头、脚本、剧本、视频生成、电影风格、Seedance、生成剧本。

LingyiChen-AI/image-prompts

This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system.

harperreed/dotfiles

How to add and correctly use Doodle Icons (@oreo-design/doodle-icons), the hand-drawn icon set from Oreo Design where every stroke draws itself in and then keeps "boiling" like a Saturday-morning…

oreo-design/doodle-icons

Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system.

SapienXai/AgentOS

Build Remotion intro, reel, and brand-film videos with remocn and ASR-timed captions.

TheOrcDev/skills

Generate App Store screenshots and header/search images for iPhone, iPad and Mac from a codebase or landing page, or re-render a set.

luongnv89/skills

A skill your agent uses when styling UI for perplexity.ai — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Generate viral video content via Magic Hour text-to-video API.

swaroop2004/Proven-Viral-Content-System

A skill your agent uses when the user asks to produce a reusable design system or UI kit from an existing brand, codebase, or product.

manalkaff/opendesign

Neta API creative skill — generate images, videos, songs, and MVs, and deconstruct creative ideas from existing works.

netaart/neta-skills

A skill your agent uses when a brief has to become a film. An agent skill from ohad6k/emulo.

ohad6k/emulo

Self-contained SaaS pipeline — invoke directly, do not decompose.

popmechanic/VibesOS

Detects and fixes accessibility issues in React/Fluent UI webviews.

microsoft/vscode-cosmosdb

Handles eight kinds of marketing visual requests, from logos and campaign key visuals to infographics and quote graphics, by generating images or writing paste-ready prompts.

minhnv0807/ai-business-skills

OKLCH color space for web projects. An agent skill from Dinil-Thilakarathne/sona-ui.

Dinil-Thilakarathne/sona-ui

Turns a piece of Craig's content (an email, a YouTube script, an essay, or pasted text) into a polished image carousel publishable to both LinkedIn and Instagram from one set of 1080x1350 slides.

TheCraigHewitt/skills

NERV Operations Console v2 — Evangelion-inspired UI component library.

TheGreatGildo/nerv-ui

Non-skippable planning-only MiniMax H3 subskill used by minimax-h3-creative-director before final prompt formatting.

unknowlei/minimax-h3-opencode-skills

Generates or edits PNG images with Google's Nano Banana 2 model through a small script, with a choice of 512, 1K, 2K or 4K output.

LichAmnesia/lich-skills

短剧制作技能。用于生成完整短剧作品，包括剧本编写、角色设计、9宫格分镜、故事板配置。每次运行生成1部作品（25集，每集30秒=上下两部分各15秒，每部分9宫格分镜）。关键词：短剧、影视、drama、剧本、分镜、storyboard、角色设计。

zhaihao118/Micro-Drama-Skills

Helps create and modify UUI (EPAM Unified UI) components following established patterns.

epam/UUI

Debug Python with pdb, breakpoint(), post-mortem inspection, and debugpy remote attach.

openclaw/openclaw