Best agent skills for designers, page 4

Direct, generate, edit, compare, and review visual assets with current Google Gemini image models.

AgriciDaniel/banana-claude

Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…

feitangyuan/motion-web

Create complete stylized 3D animated shorts from a story idea through an ordered production workflow covering project brief, story outline, character and environment cards, standardized shot…

tl2012tl/comfyUI-llama-TE

A skill your agent uses to review a generated HTML deck or single-page artifact for visual quality and structural correctness.

VectifyAI/OpenKB

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Download videos from YouTube, Bilibili, Twitter, and thousands of other sites using yt-dlp.

MapleShaw/yt-dlp-downloader-skill

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…

Ohh-889/skyroc

High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.

ZeroZ-lab/cc-design

由 buluslan（公众号：新西楼.AI）研发的开源电商做图 Skill：39 个电商场景模板、Campaign 套图一致性、GPT-Image-2.5 官方双模型路由（Flare/Sunburst）与平台技术预检。通过用户配置的 OpenAI 兼容端点生成图片，或导出 prompt 包手动使用。Trigger whenever the user wants product main…

buluslan/gpt-image2-ecommerce

Edit videos locally using ffmpeg. An agent skill from calesthio/OpenMontage.

calesthio/OpenMontage

Migrates React projects and components from Radix UI to Base UI.

TheOrcDev/youtube-to-blog

Generate new raster assets that must contain native pixel transparency, then verify the untouched PNG or WebP before delivery.

ZSeven-W/craft-skills

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

bionic-gpt/bionic-gpt

智能媒体下载器。根据用户描述自动搜索和下载图片、视频片段，支持视频自动剪辑. An agent skill from yizhiyanhua-ai/media-downloader.

yizhiyanhua-ai/media-downloader

Generate or edit images using the Antigravity-hosted Gemini image model via the local gateway.

uluckyXH/OpenMOSS

Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and a local Python/Pillow renderer.

AI-Builder-Club/skills

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

growupanand/ConvoForm

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed.

warpdotdev/warp

Generate images using Google Gemini's image generation capabilities.

sanjay3290/ai-skills

Convert photos (people, pets, objects, logos) into 4 animated GIF stickers with captions.

HHU3637kr/skills

REQUIRED for all image generation requests. An agent skill from kkoppenhaver/cc-nano-banana.

kkoppenhaver/cc-nano-banana

Scan every frontend surface touched by the current PR/branch for IBM Equal Access Level 1 accessibility issues and fix all in-scope violations by default.

langflow-ai/langflow

Generates narration, sound effects and cloned voices through the ElevenLabs API, with model and setting choices tuned to the content's style.

digitalsamba/claude-code-video-toolkit

Find compelling moments in a video — funny dialogue OR repeated impact actions like axe chops, hits, throws, drumbeats — cut them as standalone clips, optionally reformat 16:9 ↔ 9:16, time-warp pans…

louisedesadeleer/clipify

Searches more than 200 Iconify icon libraries and fetches icons as SVG from a command line tool or an MCP server.

dtsola/xiaoyaosearch

Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor.

chmonitor/chmonitor

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing

Handle Hugo docs information-architecture moves: discover old vs new URLs, add front matter aliases (Phase 1), update in-repo links (Phase 2), interactive List 2 resolution and fragment validation…

docker/docs

Extracts evidence-backed style guides and motion appendices from websites, keeping reusable visual language and stripping product-specific content.

Lucent-Snow/style-extractor

Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.

saadeghi/daisyui

Applies UX writing practice to interface copy such as buttons, errors, forms and onboarding, using four quality standards and accessibility guidance.

content-designer/ux-writing-skill

Generates WebGL shaders for video effects, transitions, masks and color grades in the OpenChatCut editor, trying built-in catalog effects such as zoom before making anything new.

0xsline/OpenChatCut

Multi-style illustrations from Chinese article text (配图 / illustration): quirky sketch, warm storybook, product proposal; OR custom IP enrollment (自定义 IP / 录入 IP / 上传形象 / 新建 IP).

GiMi-Xiaomi/gimi-illustration-skill

A skill your agent uses when a Solo task or thread should become an interactive, reviewable, self-contained HTML artifact for progress/status, review/decision, or comparison/leaderboard work inside…

solo-agent/solo

A skill your agent uses when planning, redesigning, or reviewing Xiaohongshu carousel visuals, covers, 3:4 image posts, page-by-page visual direction, image-generation prompts, style selection…

ziguishian/xhs-visual-director-skill

Create polished, professional infographic images from data, facts, or a topic.

OrRon/EpicInfographics

Automate Adobe After Effects via ExtendScript. An agent skill from aedev-tools/adobe-agent-skills.

aedev-tools/adobe-agent-skills

Call Agnes AI / Sapiens AI generation APIs for text, image, and video.

Yacey/agnes-ai-generation-skill

Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery.

vibe-motion/skills

Generates one finished retro CRT computer-interface illustration from a portrait, photo, creature, object or theme, as an exaggerated 1980s bitmap caricature.

TaiT-tt/tait-crt-interface-skill

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…

agiwhitelist/auteur

在撰写、改写、校对或审阅中文技术文档、产品文案、界面文案、Markdown 文档、API 说明、操作手册、故障排查或运维文档时使用。采用克制、准确、可扫读的中文技术写作风格；保留原文事实、限制和机器可读内容；按任务读取术语排版、API 状态文案、项目覆盖或受控中文技术写作参考。

ArcReel/ArcReel

Turns a concept, feature or blog post into one on-brand illustration by matching it to a real unDraw SVG in a local library and recoloring it to the brand accent.

codeswithroh/tastemaker

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…

xiaopu-ai/web-design

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

sunkaifei/FlyCms

Design and build a 10-30 second motion-design showreel or brand reel in the style of Nate's Opus 5.5 "CLAUDE / MOTION REEL": one brand motif transformed through labeled craft chapters, a persistent…

nateherkai/hyperframes-student-kit

Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…

s0xDk/refactoring-ui-skill

Score Russian text 0.0–10.0 across five dimensions: typography, clean language, grammar, structure, precision for the reader.

talkstream/ru-text